/** Shopify CDN: Minification failed

Line 225:4 All "@import" rules must come first

**/

*{
  box-sizing: border-box;
}

/* ========== CONTROLS (Navigation & Pagination) ========== */
.beae-carousel {
  position: relative;
  overflow: hidden;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .beae-slider-wrapper{
    position: relative;
    .beae-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.beae-slider-nav-left,
.beae-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.beae-slider-nav-left {
  left: 15px;
}

.beae-slider-nav-right {
  right: 15px;
}

.beae-carousel:hover {
  .beae-slider-nav-left,
  .beae-slider-nav-right {
    opacity: 1;
   
  }
  .beae-slider-nav-left.disabled,
  .beae-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.beae-slider-nav-left.disabled,
.beae-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.beae-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .beae-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .beae-slider-pagination-wrapper,
    .beae-slider-pagination-total,
    .beae-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.beae-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .beae-slider-controls .beae-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .beae-slider-controls  .beae-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .beae-slider-controls
    .beae-slider-pagination-total {
    display: flex;
    color: #181818;
  }

  &[data-pagination="progress"]
    + .beae-slider-controls
    .beae-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.beae-slider-wrapper[data-effect="fade"] {
  .beae-slider-items {
    scroll-behavior: auto;
  }
  .beae-slide-item {
    flex: 0 0 100%;
  }
}

    
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap');
    
      @layer beae-reset {
        .beae-section[data-bnode] {
          h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure {
            margin: 0;
            padding: 0;
          }
          a {
            text-decoration: none;
            color: inherit;
          }
          button {
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
          }
          *, *::before, *::after {
            box-sizing: border-box;
          }
          .beae-image{
              max-width: 100%;
          }
        } 
      }
    
    :root{ --beae-input-border-width: 1px;
--beae-input-border-radius: 4px;
--beae-input-padding: 4px;
--beae-input-height: 4px;
--beae-select-border-width: 1px;
--beae-select-border-radius: 4px;
--beae-select-padding: 4px;
--beae-select-height: 4px;
--beae-textarea-border-width: 1px;
--beae-textarea-border-radius: 4px;
--beae-textarea-padding: 4px;
--beae-textarea-height: 4px;
--beae-badge-border-width: 1px;
--beae-badge-border-radius: 4px;
--beae-badge-padding: 1px;
--beae-section-width: 1280px;
--beae-section-padding-x: 10px;
--beae-section-padding-y: 20px;
--beae-section-padding-x-mobile: 5px;
--beae-section-padding-y-mobile: 12px;
--beae-section-padding-x-tablet: 8px;
--beae-section-padding-y-tablet: 16px;
--beae-slot-gap: 10px;
--beae-slot-gap-mobile: 6px;
--beae-slot-gap-tablet: 8px;
--beae-slot-padding-x: 0px;
--beae-slot-padding-y: 0px;
--beae-slot-padding-x-mobile: 0px;
--beae-slot-padding-y-mobile: 0px;
--beae-slot-padding-x-tablet: 0px;
--beae-slot-padding-y-tablet: 0px;
--beae-grid-gap: 6px;
--beae-grid-gap-mobile: 4px;
--beae-grid-gap-tablet: 5px;
--beae-other-sale-price-color: #d82727;
--beae-other-sale-bg-color: #d82727;
--beae-other-sale-text-color: #ffffff;
--beae-other-sold-out-bg-color: #adadad;
--beae-other-sold-out-text-color: #ffffff;
--beae-other-tag-1-bg-color: #008c62;
--beae-other-tag-1-text-color: #ffffff;
--beae-other-tag-2-bg-color: #405de6;
--beae-other-tag-2-text-color: #ffffff;
.beae-scheme-1{
          --beae-text-color: #404040;
          --beae-heading-color: #0a0a0a;
          --beae-background-color: #ffffff;
          --beae-btn-pr-background-color: #0a0a0a;
          --beae-btn-pr-label-color: #ffffff;
          --beae-btn-pr-border-color: #0a0a0a;
          --beae-btn-se-background-color: #ffffff;
          --beae-btn-se-label-color: #0a0a0a;
          --beae-btn-se-border-color: #0a0a0a;
          --beae-btn-te-label-color: #0a0a0a;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #ffffff;
          --beae-card-cta-border-color: #e5e5e5;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #ffffff;
          --beae-card-featured-border-color: #e5e5e5;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #ffffff;
          --beae-card-media-border-color: #e5e5e5;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #ffffff;
          --beae-card-pricing-border-color: #e5e5e5;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #ffffff;
          --beae-card-prod-border-color: #e5e5e5;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #ffffff;
          --beae-form-input-border-color: #d4d4d4;
          --beae-form-input-color: #0a0a0a;
          --beae-form-select-background: #ffffff;
          --beae-form-select-border-color: #d4d4d4;
          --beae-form-select-color: #0a0a0a;
          --beae-form-textarea-background: #ffffff;
          --beae-form-textarea-border-color: #d4d4d4;
          --beae-form-textarea-color: #0a0a0a;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
.beae-surface-dark {
          --beae-text-color: #a3a3a3;
          --beae-heading-color: #fafafa;
          --beae-background-color: #0a0a0a;
          --beae-btn-pr-background-color: #fafafa;
          --beae-btn-pr-label-color: #0a0a0a;
          --beae-btn-pr-border-color: #fafafa;
          --beae-btn-se-background-color: #0a0a0a;
          --beae-btn-se-label-color: #fafafa;
          --beae-btn-se-border-color: #fafafa;
          --beae-btn-te-label-color: #fafafa;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #171717;
          --beae-card-cta-border-color: #262626;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #171717;
          --beae-card-featured-border-color: #262626;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #171717;
          --beae-card-media-border-color: #262626;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #171717;
          --beae-card-pricing-border-color: #262626;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #171717;
          --beae-card-prod-border-color: #262626;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #171717;
          --beae-form-input-border-color: #404040;
          --beae-form-input-color: #fafafa;
          --beae-form-select-background: #171717;
          --beae-form-select-border-color: #404040;
          --beae-form-select-color: #fafafa;
          --beae-form-textarea-background: #171717;
          --beae-form-textarea-border-color: #404040;
          --beae-form-textarea-color: #fafafa;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
.beae-surface-accent {
          --beae-text-color: #d4d4d4;
          --beae-heading-color: #ffffff;
          --beae-background-color: #171717;
          --beae-btn-pr-background-color: #ffffff;
          --beae-btn-pr-label-color: #171717;
          --beae-btn-pr-border-color: #ffffff;
          --beae-btn-se-background-color: #171717;
          --beae-btn-se-label-color: #ffffff;
          --beae-btn-se-border-color: #ffffff;
          --beae-btn-te-label-color: #ffffff;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #262626;
          --beae-card-cta-border-color: #404040;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #262626;
          --beae-card-featured-border-color: #404040;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #262626;
          --beae-card-media-border-color: #404040;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #262626;
          --beae-card-pricing-border-color: #404040;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #262626;
          --beae-card-prod-border-color: #404040;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #262626;
          --beae-form-input-border-color: #525252;
          --beae-form-input-color: #ffffff;
          --beae-form-select-background: #262626;
          --beae-form-select-border-color: #525252;
          --beae-form-select-color: #ffffff;
          --beae-form-textarea-background: #262626;
          --beae-form-textarea-border-color: #525252;
          --beae-form-textarea-color: #ffffff;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
--beae-h1-font-family: Assistant;
--beae-h1-font-size: 56px;
--beae-h1-font-weight: 600;
--beae-h1-line-height: 1.1;
--beae-h1-letter-spacing: -0.02px;
--beae-h1-text-transform: capitalize;
--beae-h1-font-style: normal;
--beae-h1-text-align: start;
--beae-h1-color: var(--beae-heading-color);
--beae-h2-font-family: Assistant;
--beae-h2-font-size: 40px;
--beae-h2-font-weight: 600;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h2-text-transform: capitalize;
--beae-h2-font-style: normal;
--beae-h2-text-align: start;
--beae-h2-color: var(--beae-heading-color);
--beae-h3-font-family: Assistant;
--beae-h3-font-size: 32px;
--beae-h3-font-weight: 600;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h3-text-transform: capitalize;
--beae-h3-font-style: normal;
--beae-h3-text-align: start;
--beae-h3-color: var(--beae-heading-color);
--beae-h4-font-family: Assistant;
--beae-h4-font-size: 24px;
--beae-h4-font-weight: 600;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h4-text-transform: capitalize;
--beae-h4-font-style: normal;
--beae-h4-text-align: start;
--beae-h4-color: var(--beae-heading-color);
--beae-h5-font-family: Assistant;
--beae-h5-font-size: 20px;
--beae-h5-font-weight: 600;
--beae-h5-line-height: 1.4;
--beae-h5-letter-spacing: 0px;
--beae-h5-text-transform: capitalize;
--beae-h5-font-style: normal;
--beae-h5-text-align: start;
--beae-h5-color: var(--beae-heading-color);
--beae-p-font-family: Assistant;
--beae-p-font-size: 18px;
--beae-p-font-weight: 400;
--beae-p-line-height: 1.6;
--beae-p-letter-spacing: 0px;
--beae-p-text-transform: none;
--beae-p-font-style: normal;
--beae-p-text-align: start;
--beae-p-color: var(--beae-text-color);
--beae-p2-font-family: Assistant;
--beae-p2-font-size: 16px;
--beae-p2-font-weight: 400;
--beae-p2-line-height: 1.6;
--beae-p2-letter-spacing: 0px;
--beae-p2-text-transform: none;
--beae-p2-font-style: normal;
--beae-p2-text-align: start;
--beae-p2-color: var(--beae-text-color);
--beae-p3-font-family: Assistant;
--beae-p3-font-size: 14px;
--beae-p3-font-weight: 400;
--beae-p3-line-height: 1.5;
--beae-p3-letter-spacing: 0px;
--beae-p3-text-transform: none;
--beae-p3-font-style: normal;
--beae-p3-text-align: start;
--beae-p3-color: var(--beae-text-color);
--beae-eyebrow-font-family: Assistant;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-font-weight: 500;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-eyebrow-text-transform: uppercase;
--beae-eyebrow-font-style: normal;
--beae-eyebrow-text-align: start;
--beae-eyebrow-color: var(--beae-text-color);
--beae-btn-font-size: 15px;
--beae-btn-font-weight: 400;
--beae-btn-letter-spacing: 1px;
--beae-btn-text-transform: uppercase;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-border-radius: 0px;
--beae-btn-transition-hover: 150ms;
--beae-btn-pr-border-width: 1px;
--beae-btn-pr-shadow-x: 0px;
--beae-btn-pr-shadow-y: 0px;
--beae-btn-pr-shadow-blur: 0px;
--beae-btn-pr-shadow-transparent: 0%;
--beae-btn-se-border-width: 1px;
--beae-btn-se-shadow-x: 0px;
--beae-btn-se-shadow-y: 0px;
--beae-btn-se-shadow-blur: 0px;
--beae-btn-se-shadow-transparent: 0%;
--beae-btn-te-underline: underline;
--beae-btn-te-underline-offset: 5px; }
    @media (min-width: 767.79px) and (max-width: 1180px) { :root{ --beae-h1-font-size: 48px;
--beae-h1-line-height: 1.12;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 36px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 28px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 22px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 19px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 18px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 16px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 14px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    @media (max-width: 767px) { :root{ --beae-h1-font-size: 40px;
--beae-h1-line-height: 1.15;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 32px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 26px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 20px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 18px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 17px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 15px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 13px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 12px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    
        .beae-featured-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 8px;
          --beae-card-shadow-blur: 24px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-product-card{
          --beae-card-gap: 3px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 1px;
          --beae-card-shadow-blur: 3px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-pricing-card{
          --beae-card-gap: 5px;
          --beae-card-padding: 8px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-cta-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 10px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 2px;
          --beae-card-shadow-blur: 8px;
          --beae-card-shadow-transparent: 6%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-media-card{
          --beae-card-gap: 0px;
          --beae-card-padding: 0px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
          .beae-h1 {
            font-family: var(--beae-h1-font-family);
            font-size: var(--beae-h1-font-size);
            font-weight: var(--beae-h1-font-weight);
            line-height: var(--beae-h1-line-height);
            letter-spacing: var(--beae-h1-letter-spacing);
            text-transform: var(--beae-h1-text-transform);
            font-style: var(--beae-h1-font-style);
            text-align: var(--beae-h1-text-align, start);
            color: var(--beae-h1-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-tablet, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-tablet, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-tablet, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-tablet, var(--beae-h1-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-mobile, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-mobile, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-mobile, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-mobile, var(--beae-h1-text-align, start));
            }
          }
        
          .beae-h2 {
            font-family: var(--beae-h2-font-family);
            font-size: var(--beae-h2-font-size);
            font-weight: var(--beae-h2-font-weight);
            line-height: var(--beae-h2-line-height);
            letter-spacing: var(--beae-h2-letter-spacing);
            text-transform: var(--beae-h2-text-transform);
            font-style: var(--beae-h2-font-style);
            text-align: var(--beae-h2-text-align, start);
            color: var(--beae-h2-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-tablet, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-tablet, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-tablet, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-tablet, var(--beae-h2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-mobile, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-mobile, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-mobile, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-mobile, var(--beae-h2-text-align, start));
            }
          }
        
          .beae-h3 {
            font-family: var(--beae-h3-font-family);
            font-size: var(--beae-h3-font-size);
            font-weight: var(--beae-h3-font-weight);
            line-height: var(--beae-h3-line-height);
            letter-spacing: var(--beae-h3-letter-spacing);
            text-transform: var(--beae-h3-text-transform);
            font-style: var(--beae-h3-font-style);
            text-align: var(--beae-h3-text-align, start);
            color: var(--beae-h3-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-tablet, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-tablet, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-tablet, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-tablet, var(--beae-h3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-mobile, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-mobile, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-mobile, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-mobile, var(--beae-h3-text-align, start));
            }
          }
        
          .beae-h4 {
            font-family: var(--beae-h4-font-family);
            font-size: var(--beae-h4-font-size);
            font-weight: var(--beae-h4-font-weight);
            line-height: var(--beae-h4-line-height);
            letter-spacing: var(--beae-h4-letter-spacing);
            text-transform: var(--beae-h4-text-transform);
            font-style: var(--beae-h4-font-style);
            text-align: var(--beae-h4-text-align, start);
            color: var(--beae-h4-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-tablet, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-tablet, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-tablet, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-tablet, var(--beae-h4-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-mobile, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-mobile, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-mobile, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-mobile, var(--beae-h4-text-align, start));
            }
          }
        
          .beae-h5 {
            font-family: var(--beae-h5-font-family);
            font-size: var(--beae-h5-font-size);
            font-weight: var(--beae-h5-font-weight);
            line-height: var(--beae-h5-line-height);
            letter-spacing: var(--beae-h5-letter-spacing);
            text-transform: var(--beae-h5-text-transform);
            font-style: var(--beae-h5-font-style);
            text-align: var(--beae-h5-text-align, start);
            color: var(--beae-h5-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-tablet, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-tablet, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-tablet, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-tablet, var(--beae-h5-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-mobile, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-mobile, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-mobile, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-mobile, var(--beae-h5-text-align, start));
            }
          }
        
          .beae-p {
            font-family: var(--beae-p-font-family);
            font-size: var(--beae-p-font-size);
            font-weight: var(--beae-p-font-weight);
            line-height: var(--beae-p-line-height);
            letter-spacing: var(--beae-p-letter-spacing);
            text-transform: var(--beae-p-text-transform);
            font-style: var(--beae-p-font-style);
            text-align: var(--beae-p-text-align, start);
            color: var(--beae-p-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p {
              font-size: var(--beae-p-font-size-tablet, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-tablet, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-tablet, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-tablet, var(--beae-p-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p {
              font-size: var(--beae-p-font-size-mobile, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-mobile, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-mobile, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start));
            }
          }
        
          .beae-p2 {
            font-family: var(--beae-p2-font-family);
            font-size: var(--beae-p2-font-size);
            font-weight: var(--beae-p2-font-weight);
            line-height: var(--beae-p2-line-height);
            letter-spacing: var(--beae-p2-letter-spacing);
            text-transform: var(--beae-p2-text-transform);
            font-style: var(--beae-p2-font-style);
            text-align: var(--beae-p2-text-align, start);
            color: var(--beae-p2-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-tablet, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-tablet, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-tablet, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-mobile, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-mobile, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-mobile, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start));
            }
          }
        
          .beae-p3 {
            font-family: var(--beae-p3-font-family);
            font-size: var(--beae-p3-font-size);
            font-weight: var(--beae-p3-font-weight);
            line-height: var(--beae-p3-line-height);
            letter-spacing: var(--beae-p3-letter-spacing);
            text-transform: var(--beae-p3-text-transform);
            font-style: var(--beae-p3-font-style);
            text-align: var(--beae-p3-text-align, start);
            color: var(--beae-p3-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-tablet, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-tablet, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-tablet, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-mobile, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-mobile, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-mobile, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start));
            }
          }
        
          .beae-eyebrow {
            font-family: var(--beae-eyebrow-font-family);
            font-size: var(--beae-eyebrow-font-size);
            font-weight: var(--beae-eyebrow-font-weight);
            line-height: var(--beae-eyebrow-line-height);
            letter-spacing: var(--beae-eyebrow-letter-spacing);
            text-transform: var(--beae-eyebrow-text-transform);
            font-style: var(--beae-eyebrow-font-style);
            text-align: var(--beae-eyebrow-text-align, start);
            color: var(--beae-eyebrow-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-tablet, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-tablet, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-tablet, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-tablet, var(--beae-eyebrow-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-mobile, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-mobile, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-mobile, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-mobile, var(--beae-eyebrow-text-align, start));
            }
          }
        
.beae-btn-pr, .beae-btn-se, .beae-btn-te {
        display: flex;
        align-items: center;
        justify-content:center;
        text-align: center;
        font-family: var(--beae-p-font-family);
        font-size: var(--beae-btn-font-size);
        font-weight: var(--beae-btn-font-weight);
        text-transform: var(--beae-btn-text-transform);
        letter-spacing: var(--beae-btn-letter-spacing);
        line-height: 1.5;
        font-style: var(--beae-p-font-style);
        transition: all ease-in var(--beae-btn-transition-hover, 0ms);
      }
@media (min-width: 767.79px) and (max-width: 1180px) {
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-tablet, var(--beae-btn-font-size));
        }
      }
@media(max-width: 767px){
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-mobile,var(--beae-btn-font-size));
        }
      }
.beae-btn-pr {
            cursor: pointer;
            color: var(--beae-btn-pr-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-pr-border-width) solid var(--beae-btn-pr-border-color);
              outline-offset: calc(var(--beae-btn-pr-border-width) * -1);
              background: var(--beae-btn-pr-background-color);
              box-shadow: var(--beae-btn-pr-shadow-x) var(--beae-btn-pr-shadow-y) var(--beae-btn-pr-shadow-blur) rgba(0, 0, 0, var(--beae-btn-pr-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-pr {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-pr {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-pr:hover {
            color: var(--beae-btn-pr-label-hover);
            
              background: var(--beae-btn-pr-background-hover);
              outline-color: var(--beae-btn-pr-border-hover); 
            
          }
.beae-btn-se {
            cursor: pointer;
            color: var(--beae-btn-se-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-se-border-width) solid var(--beae-btn-se-border-color);
              outline-offset: calc(var(--beae-btn-se-border-width) * -1);
              background: var(--beae-btn-se-background-color);
              box-shadow: var(--beae-btn-se-shadow-x) var(--beae-btn-se-shadow-y) var(--beae-btn-se-shadow-blur) rgba(0, 0, 0, var(--beae-btn-se-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-se {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-se {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-se:hover {
            color: var(--beae-btn-se-label-hover);
            
              background: var(--beae-btn-se-background-hover);
              outline-color: var(--beae-btn-se-border-hover); 
            
          }
.beae-btn-te {
            cursor: pointer;
            color: var(--beae-btn-te-label-color);
            
              text-decoration: var(--beae-btn-te-underline);
              text-underline-offset: var(--beae-btn-te-underline-offset);
              position: relative;
            
          }
.beae-btn-te:hover {
            color: var(--beae-btn-te-label-hover);
            
          }
    
  [data-bnode="beae-3x06ds"] { --3x06ds-width: 1600px; --3x06ds-width-tablet: 1600px; --3x06ds-width-mobile: 1600px; --3x06ds-height: fit-content; --3x06ds-height-tablet: fit-content; --3x06ds-height-mobile: fit-content; --3x06ds-padding-top: 16px; --3x06ds-padding-top-tablet: 16px; --3x06ds-padding-top-mobile: 16px; --3x06ds-padding-right: 30px; --3x06ds-padding-right-tablet: 30px; --3x06ds-padding-right-mobile: 16px; --3x06ds-padding-bottom: 16px; --3x06ds-padding-bottom-tablet: 16px; --3x06ds-padding-bottom-mobile: 16px; --3x06ds-padding-left: 30px; --3x06ds-padding-left-tablet: 30px; --3x06ds-padding-left-mobile: 16px; --3x06ds-direction: row; --3x06ds-direction-tablet: row; --3x06ds-direction-mobile: column; --3x06ds-align-items: center; --3x06ds-align-items-tablet: center; --3x06ds-align-items-mobile: flex-start; --3x06ds-justify-content: center; --3x06ds-justify-content-tablet: center; --3x06ds-justify-content-mobile: center; --3x06ds-background-type: color; --3x06ds-background-type-tablet: color; --3x06ds-background-type-mobile: color; --3x06ds-background-color: #F4F1EC; --3x06ds-background-color-tablet: #F4F1EC; --3x06ds-background-color-mobile: #F4F1EC; }[data-bnode="beae-3x06ds"] { padding-top: var(--3x06ds-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--3x06ds-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--3x06ds-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--3x06ds-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--3x06ds-padding-top-tablet, var(--3x06ds-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--3x06ds-padding-right-tablet, var(--3x06ds-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--3x06ds-padding-bottom-tablet, var(--3x06ds-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--3x06ds-padding-left-tablet, var(--3x06ds-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--3x06ds-padding-top-mobile, var(--3x06ds-padding-top-tablet, var(--3x06ds-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--3x06ds-padding-right-mobile, var(--3x06ds-padding-right-tablet, var(--3x06ds-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--3x06ds-padding-bottom-mobile, var(--3x06ds-padding-bottom-tablet, var(--3x06ds-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--3x06ds-padding-left-mobile, var(--3x06ds-padding-left-tablet, var(--3x06ds-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--3x06ds-padding-left, var(--beae-section-padding-x, 0px)) - var(--3x06ds-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--3x06ds-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--3x06ds-height); width: 100%; max-width: var(--3x06ds-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--3x06ds-height-tablet, auto); width: 100%; max-width: var(--3x06ds-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--3x06ds-height-mobile, auto); width: 100%; max-width: var(--3x06ds-width-mobile, 100%); } } } }[data-bnode="beae-3x06ds"] > .beae-section-container{     display: flex;     flex-direction: var(--3x06ds-direction, column);     flex-wrap: nowrap;     justify-content: var(--3x06ds-justify-content);     align-items: var(--3x06ds-align-items);     gap: var(--3x06ds-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3x06ds"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--3x06ds-padding-right-tablet, 0px) - var(--3x06ds-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3x06ds"] > .beae-section-container{      flex-direction: var(--3x06ds-direction-mobile, column);                 align-items: var(--3x06ds-align-items-mobile, inherit);      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-7qdwbl"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1AD521; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --7qdwbl-typography: p; --7qdwbl-typography-tablet: p; --7qdwbl-typography-mobile: p; }[data-bnode="beae-7qdwbl"] { margin-top: var(--7qdwbl-margin-top, 0px); margin-right: var(--7qdwbl-margin-right, 0px); margin-bottom: var(--7qdwbl-margin-bottom, 0px); margin-left: var(--7qdwbl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7qdwbl-margin-top-tablet, 0px); margin-right: var(--7qdwbl-margin-right-tablet, 0px); margin-bottom: var(--7qdwbl-margin-bottom-tablet, 0px); margin-left: var(--7qdwbl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7qdwbl-margin-top-mobile, 0px); margin-right: var(--7qdwbl-margin-right-mobile, 0px); margin-bottom: var(--7qdwbl-margin-bottom-mobile, 0px); margin-left: var(--7qdwbl-margin-left-mobile, 0px); } }[data-bnode="beae-ellwpv"] { --ellwpv-timer: label; --ellwpv-timer-tablet: label; --ellwpv-timer-mobile: label; --ellwpv-paddingY: 0px; --ellwpv-paddingY-tablet: 0px; --ellwpv-paddingY-mobile: 0px; --ellwpv-paddingX: 0px; --ellwpv-paddingX-tablet: 0px; --ellwpv-paddingX-mobile: 0px; --ellwpv-background-type: color; --ellwpv-background-type-tablet: color; --ellwpv-background-type-mobile: color; --ellwpv-background-color: #EDEDED00; --ellwpv-background-color-tablet: #EDEDED00; --ellwpv-background-color-mobile: #EDEDED00; --ellwpv-typographyNumber: h5; --ellwpv-typographyNumber-tablet: h5; --ellwpv-typographyNumber-mobile: h5; --ellwpv-gap: 2px; --ellwpv-gap-tablet: 2px; --ellwpv-gap-mobile: 2px; --ellwpv-typographyLabel: p; --ellwpv-typographyLabel-tablet: p; --ellwpv-typographyLabel-mobile: p; --beae-p2-font-size-tablet: 18px; --beae-p2-font-size-mobile: 18px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #D82727; --beae-p-font-weight: 700; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 15px; --beae-h5-font-size-mobile: 15px; --beae-h5-color: #D82727; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; }[data-bnode="beae-ellwpv"] { margin-top: var(--ellwpv-margin-top, 0px); margin-right: var(--ellwpv-margin-right, 0px); margin-bottom: var(--ellwpv-margin-bottom, 0px); margin-left: var(--ellwpv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ellwpv-margin-top-tablet, 0px); margin-right: var(--ellwpv-margin-right-tablet, 0px); margin-bottom: var(--ellwpv-margin-bottom-tablet, 0px); margin-left: var(--ellwpv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ellwpv-margin-top-mobile, 0px); margin-right: var(--ellwpv-margin-right-mobile, 0px); margin-bottom: var(--ellwpv-margin-bottom-mobile, 0px); margin-left: var(--ellwpv-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--ellwpv-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; align-items: center; } .beae-countdown-item { position: relative; min-width: 0; display: flex; justify-content: center; align-items: end !important; border-style: var(--ellwpv-borderStyle,solid); border-color: var(--ellwpv-borderColor,#000000); border-width: var(--ellwpv-borderWidth-tl,0px) var(--ellwpv-borderWidth-tr,0px) var(--ellwpv-borderWidth-br,0px) var(--ellwpv-borderWidth-bl,0px); border-radius: var(--ellwpv-borderRadius-tl,0px) var(--ellwpv-borderRadius-tr,0px) var(--ellwpv-borderRadius-br,0px) var(--ellwpv-borderRadius-bl,0px); box-shadow: if(style(--ellwpv-enableShadow: true): var(--ellwpv-shadowHorizontal,0) var(--ellwpv-shadowVertical,0) var(--ellwpv-shadowBlur,0) 1px var(--ellwpv-shadowColor,#000000); else: none); max-width: var(--ellwpv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ellwpv-borderWidth-tl-tablet,0px) var(--ellwpv-borderWidth-tr-tablet,0px) var(--ellwpv-borderWidth-br-tablet,0px) var(--ellwpv-borderWidth-bl-tablet,0px); border-radius: var(--ellwpv-borderRadius-tl-tablet,0px) var(--ellwpv-borderRadius-tr-tablet,0px) var(--ellwpv-borderRadius-br-tablet,0px) var(--ellwpv-borderRadius-bl-tablet,0px); max-width: var(--ellwpv-max-width-tablet, var(--ellwpv-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--ellwpv-borderWidth-tl-mobile,0px) var(--ellwpv-borderWidth-tr-mobile,0px) var(--ellwpv-borderWidth-br-mobile,0px) var(--ellwpv-borderWidth-bl-mobile,0px); border-radius: var(--ellwpv-borderRadius-tl-mobile,0px) var(--ellwpv-borderRadius-tr-mobile,0px) var(--ellwpv-borderRadius-br-mobile,0px) var(--ellwpv-borderRadius-bl-mobile,0px); max-width: var(--ellwpv-max-width-mobile, var(--ellwpv-max-width, 100%)); } overflow: hidden; background: var(--ellwpv-background-color); padding-inline: var(--ellwpv-paddingX); padding-block: var(--ellwpv-paddingY); >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--ellwpv-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--ellwpv-paddingX-tablet); padding-block: var(--ellwpv-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--ellwpv-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--ellwpv-paddingX-mobile); padding-block: var(--ellwpv-paddingY-mobile); } } } }[data-bnode="beae-wfsfhg"] { --wfsfhg-width: 1600px; --wfsfhg-width-tablet: 1600px; --wfsfhg-width-mobile: 1600px; --wfsfhg-height: fit-content; --wfsfhg-height-tablet: fit-content; --wfsfhg-height-mobile: fit-content; --wfsfhg-padding-top: 20px; --wfsfhg-padding-top-tablet: 20px; --wfsfhg-padding-top-mobile: 20px; --wfsfhg-padding-right: 30px; --wfsfhg-padding-right-tablet: 16px; --wfsfhg-padding-right-mobile: 16px; --wfsfhg-padding-bottom: 80px; --wfsfhg-padding-bottom-tablet: 80px; --wfsfhg-padding-bottom-mobile: 80px; --wfsfhg-padding-left: 30px; --wfsfhg-padding-left-tablet: 16px; --wfsfhg-padding-left-mobile: 16px; --wfsfhg-direction: row; --wfsfhg-direction-tablet: row; --wfsfhg-direction-mobile: column-reverse; --wfsfhg-structure: auto; --wfsfhg-structure-tablet: auto; --wfsfhg-structure-mobile: auto; --wfsfhg-align-items: stretch; --wfsfhg-align-items-tablet: stretch; --wfsfhg-align-items-mobile: stretch; --wfsfhg-background-type: color; --wfsfhg-background-type-tablet: color; --wfsfhg-background-type-mobile: color; --wfsfhg-background-color: #ffffff; --wfsfhg-background-color-tablet: #ffffff; --wfsfhg-background-color-mobile: #ffffff; --wfsfhg-gap: 20px; --wfsfhg-gap-tablet: 20px; --wfsfhg-gap-mobile: 20px; }[data-bnode="beae-wfsfhg"] { padding-top: var(--wfsfhg-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--wfsfhg-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--wfsfhg-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--wfsfhg-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wfsfhg-padding-top-tablet, var(--wfsfhg-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--wfsfhg-padding-right-tablet, var(--wfsfhg-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--wfsfhg-padding-bottom-tablet, var(--wfsfhg-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--wfsfhg-padding-left-tablet, var(--wfsfhg-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wfsfhg-padding-top-mobile, var(--wfsfhg-padding-top-tablet, var(--wfsfhg-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--wfsfhg-padding-right-mobile, var(--wfsfhg-padding-right-tablet, var(--wfsfhg-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--wfsfhg-padding-bottom-mobile, var(--wfsfhg-padding-bottom-tablet, var(--wfsfhg-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--wfsfhg-padding-left-mobile, var(--wfsfhg-padding-left-tablet, var(--wfsfhg-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--wfsfhg-padding-left, var(--beae-section-padding-x, 0px)) - var(--wfsfhg-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--wfsfhg-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--wfsfhg-height); width: 100%; max-width: var(--wfsfhg-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--wfsfhg-height-tablet, auto); width: 100%; max-width: var(--wfsfhg-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--wfsfhg-height-mobile, auto); width: 100%; max-width: var(--wfsfhg-width-mobile, 100%); } } } }[data-bnode="beae-wfsfhg"] > .beae-section-container{     display: flex;     flex-direction: var(--wfsfhg-direction, column);     flex-wrap: nowrap;     justify-content: var(--wfsfhg-justify-content);     align-items: var(--wfsfhg-align-items);     gap: var(--wfsfhg-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wfsfhg"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--wfsfhg-padding-right-tablet, 0px) - var(--wfsfhg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wfsfhg"] > .beae-section-container{      flex-direction: var(--wfsfhg-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-6g2c3f"] { --6g2c3f-gap: 36px; --6g2c3f-gap-tablet: 36px; --6g2c3f-gap-mobile: 28px; --6g2c3f-direction: column; --6g2c3f-direction-tablet: column; --6g2c3f-direction-mobile: column; --6g2c3f-align-items: center; --6g2c3f-align-items-tablet: center; --6g2c3f-align-items-mobile: center; --6g2c3f-justify-content: center; --6g2c3f-justify-content-tablet: center; --6g2c3f-justify-content-mobile: center; --6g2c3f-padding-top: 20px; --6g2c3f-padding-top-tablet: 45px; --6g2c3f-padding-top-mobile: 40px; --6g2c3f-padding-right: 0px; --6g2c3f-padding-right-tablet: 0px; --6g2c3f-padding-right-mobile: 0px; --6g2c3f-padding-bottom: 20px; --6g2c3f-padding-bottom-tablet: 45px; --6g2c3f-padding-bottom-mobile: 56px; --6g2c3f-padding-left: 0px; --6g2c3f-padding-left-tablet: 0px; --6g2c3f-padding-left-mobile: 0px; }[data-bnode="beae-6g2c3f"] { padding-top: var(--6g2c3f-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6g2c3f-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6g2c3f-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6g2c3f-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6g2c3f-padding-top-tablet, var(--6g2c3f-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6g2c3f-padding-right-tablet, var(--6g2c3f-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6g2c3f-padding-bottom-tablet, var(--6g2c3f-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6g2c3f-padding-left-tablet, var(--6g2c3f-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6g2c3f-padding-top-mobile, var(--6g2c3f-padding-top-tablet, var(--6g2c3f-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6g2c3f-padding-right-mobile, var(--6g2c3f-padding-right-tablet, var(--6g2c3f-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6g2c3f-padding-bottom-mobile, var(--6g2c3f-padding-bottom-tablet, var(--6g2c3f-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6g2c3f-padding-left-mobile, var(--6g2c3f-padding-left-tablet, var(--6g2c3f-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--6g2c3f-padding-left, var(--beae-slot-padding-x, 0px)) - var(--6g2c3f-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--6g2c3f-background-imageRatio, auto); background: var(--6g2c3f-background-color,transparent); border-style: var(--6g2c3f-borderStyle,solid); border-color: var(--6g2c3f-borderColor,#000000); border-width: var(--6g2c3f-borderWidth-tl,0px) var(--6g2c3f-borderWidth-tr,0px) var(--6g2c3f-borderWidth-br,0px) var(--6g2c3f-borderWidth-bl,0px); border-radius: var(--6g2c3f-borderRadius-tl,0px) var(--6g2c3f-borderRadius-tr,0px) var(--6g2c3f-borderRadius-br,0px) var(--6g2c3f-borderRadius-bl,0px); box-shadow: if(style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal,0) var(--6g2c3f-shadowVertical,0) var(--6g2c3f-shadowBlur,0) 1px var(--6g2c3f-shadowColor,#000000); else: none); max-width: var(--6g2c3f-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--6g2c3f-background-imageRatio-tablet, var(--6g2c3f-background-imageRatio, auto)); border-width: var(--6g2c3f-borderWidth-tl-tablet,0px) var(--6g2c3f-borderWidth-tr-tablet,0px) var(--6g2c3f-borderWidth-br-tablet,0px) var(--6g2c3f-borderWidth-bl-tablet,0px); border-radius: var(--6g2c3f-borderRadius-tl-tablet,0px) var(--6g2c3f-borderRadius-tr-tablet,0px) var(--6g2c3f-borderRadius-br-tablet,0px) var(--6g2c3f-borderRadius-bl-tablet,0px); max-width: var(--6g2c3f-max-width-tablet, var(--6g2c3f-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--6g2c3f-background-imageRatio-mobile, var(--6g2c3f-background-imageRatio, auto)); border-width: var(--6g2c3f-borderWidth-tl-mobile,0px) var(--6g2c3f-borderWidth-tr-mobile,0px) var(--6g2c3f-borderWidth-br-mobile,0px) var(--6g2c3f-borderWidth-bl-mobile,0px); border-radius: var(--6g2c3f-borderRadius-tl-mobile,0px) var(--6g2c3f-borderRadius-tr-mobile,0px) var(--6g2c3f-borderRadius-br-mobile,0px) var(--6g2c3f-borderRadius-bl-mobile,0px); max-width: var(--6g2c3f-max-width-mobile, var(--6g2c3f-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6g2c3f-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--6g2c3f-gap,var(--beae-card-gap)); padding-top: var(--6g2c3f-padding-top,var(--beae-card-padding)); padding-right: var(--6g2c3f-padding-right,var(--beae-card-padding)); padding-bottom: var(--6g2c3f-padding-bottom,var(--beae-card-padding)); padding-left: var(--6g2c3f-padding-left,var(--beae-card-padding)); border-width: var(--6g2c3f-borderWidth,var(--beae-card-border-width)); border-width: var(--6g2c3f-borderWidth-tl,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-tr,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-br,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6g2c3f-borderRadius-tl,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-tr,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-br,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--6g2c3f-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6g2c3f-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6g2c3f-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6g2c3f-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6g2c3f-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--6g2c3f-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6g2c3f-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--6g2c3f-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6g2c3f-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6g2c3f-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6g2c3f-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6g2c3f-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--6g2c3f-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6g2c3f-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6g2c3f-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6g2c3f-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6g2c3f-background-color,var(--beae-card-featured-background)); border-color: var(--6g2c3f-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g2c3f-shadowVertical, var(--beae-card-shadow-y)) var(--6g2c3f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g2c3f-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--6g2c3f-background-color,var(--beae-card-prod-background)); border-color: var(--6g2c3f-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g2c3f-shadowVertical, var(--beae-card-shadow-y)) var(--6g2c3f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g2c3f-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--6g2c3f-background-color,var(--beae-card-pricing-background)); border-color: var(--6g2c3f-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g2c3f-shadowVertical, var(--beae-card-shadow-y)) var(--6g2c3f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g2c3f-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--6g2c3f-background-color,var(--beae-card-cta-background)); border-color: var(--6g2c3f-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g2c3f-shadowVertical, var(--beae-card-shadow-y)) var(--6g2c3f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g2c3f-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--6g2c3f-background-color,var(--beae-card-media-background)); border-color: var(--6g2c3f-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--6g2c3f-enableShadow: true): var(--6g2c3f-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g2c3f-shadowVertical, var(--beae-card-shadow-y)) var(--6g2c3f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g2c3f-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-6g2c3f"] {     display: flex;     flex-direction: var(--6g2c3f-direction, column);     flex-wrap: nowrap;     justify-content: var(--6g2c3f-justify-content);     align-items: var(--6g2c3f-align-items);     gap: var(--6g2c3f-gap, var(--6g2c3f-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6g2c3f"] {                            gap: var(--6g2c3f-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--6g2c3f-padding-right-tablet, 0px) - var(--6g2c3f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6g2c3f"] {                            gap: var(--6g2c3f-gap-mobile, var(--6g2c3f-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--6g2c3f-padding-right-mobile, 0px) - var(--6g2c3f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-906275"] { --906275-direction: column; --906275-direction-tablet: column; --906275-direction-mobile: column; --906275-structure: columns; --906275-structure-tablet: columns; --906275-structure-mobile: columns; --906275-gap: 16px; --906275-gap-tablet: 16px; --906275-gap-mobile: 16px; --906275-align-items: center; --906275-align-items-tablet: center; --906275-align-items-mobile: center; --906275-padding-top-tablet: 0px; --906275-padding-top-mobile: 0px; --906275-padding-right-tablet: 32px; --906275-padding-right-mobile: 16px; --906275-padding-bottom-tablet: 0px; --906275-padding-bottom-mobile: 0px; --906275-padding-left-tablet: 32px; --906275-padding-left-mobile: 16px; }[data-bnode="beae-906275"] { padding-top: var(--906275-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--906275-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--906275-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--906275-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--906275-padding-top-tablet, var(--906275-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--906275-padding-right-tablet, var(--906275-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--906275-padding-bottom-tablet, var(--906275-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--906275-padding-left-tablet, var(--906275-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--906275-padding-top-mobile, var(--906275-padding-top-tablet, var(--906275-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--906275-padding-right-mobile, var(--906275-padding-right-tablet, var(--906275-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--906275-padding-bottom-mobile, var(--906275-padding-bottom-tablet, var(--906275-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--906275-padding-left-mobile, var(--906275-padding-left-tablet, var(--906275-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--906275-padding-left, var(--beae-slot-padding-x, 0px)) - var(--906275-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--906275-background-imageRatio, auto); background: var(--906275-background-color,transparent); border-style: var(--906275-borderStyle,solid); border-color: var(--906275-borderColor,#000000); border-width: var(--906275-borderWidth-tl,0px) var(--906275-borderWidth-tr,0px) var(--906275-borderWidth-br,0px) var(--906275-borderWidth-bl,0px); border-radius: var(--906275-borderRadius-tl,0px) var(--906275-borderRadius-tr,0px) var(--906275-borderRadius-br,0px) var(--906275-borderRadius-bl,0px); box-shadow: if(style(--906275-enableShadow: true): var(--906275-shadowHorizontal,0) var(--906275-shadowVertical,0) var(--906275-shadowBlur,0) 1px var(--906275-shadowColor,#000000); else: none); max-width: var(--906275-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--906275-background-imageRatio-tablet, var(--906275-background-imageRatio, auto)); border-width: var(--906275-borderWidth-tl-tablet,0px) var(--906275-borderWidth-tr-tablet,0px) var(--906275-borderWidth-br-tablet,0px) var(--906275-borderWidth-bl-tablet,0px); border-radius: var(--906275-borderRadius-tl-tablet,0px) var(--906275-borderRadius-tr-tablet,0px) var(--906275-borderRadius-br-tablet,0px) var(--906275-borderRadius-bl-tablet,0px); max-width: var(--906275-max-width-tablet, var(--906275-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--906275-background-imageRatio-mobile, var(--906275-background-imageRatio, auto)); border-width: var(--906275-borderWidth-tl-mobile,0px) var(--906275-borderWidth-tr-mobile,0px) var(--906275-borderWidth-br-mobile,0px) var(--906275-borderWidth-bl-mobile,0px); border-radius: var(--906275-borderRadius-tl-mobile,0px) var(--906275-borderRadius-tr-mobile,0px) var(--906275-borderRadius-br-mobile,0px) var(--906275-borderRadius-bl-mobile,0px); max-width: var(--906275-max-width-mobile, var(--906275-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--906275-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--906275-gap,var(--beae-card-gap)); padding-top: var(--906275-padding-top,var(--beae-card-padding)); padding-right: var(--906275-padding-right,var(--beae-card-padding)); padding-bottom: var(--906275-padding-bottom,var(--beae-card-padding)); padding-left: var(--906275-padding-left,var(--beae-card-padding)); border-width: var(--906275-borderWidth,var(--beae-card-border-width)); border-width: var(--906275-borderWidth-tl,var(--beae-card-border-width)) var(--906275-borderWidth-tr,var(--beae-card-border-width)) var(--906275-borderWidth-br,var(--beae-card-border-width)) var(--906275-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--906275-borderRadius-tl,var(--beae-card-border-radius)) var(--906275-borderRadius-tr,var(--beae-card-border-radius)) var(--906275-borderRadius-br,var(--beae-card-border-radius)) var(--906275-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--906275-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--906275-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--906275-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--906275-padding-left-tablet,var(--beae-card-padding)); border-width: var(--906275-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--906275-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--906275-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--906275-borderWidth-br-desktop,var(--beae-card-border-width)) var(--906275-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--906275-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--906275-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--906275-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--906275-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--906275-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--906275-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--906275-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--906275-padding-left-mobile,var(--beae-card-padding)); border-width: var(--906275-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--906275-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--906275-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--906275-borderWidth-br-mobile,var(--beae-card-border-width)) var(--906275-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--906275-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--906275-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--906275-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--906275-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--906275-background-color,var(--beae-card-featured-background)); border-color: var(--906275-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--906275-enableShadow: true): var(--906275-shadowHorizontal, var(--beae-card-shadow-x)) var(--906275-shadowVertical, var(--beae-card-shadow-y)) var(--906275-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--906275-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--906275-background-color,var(--beae-card-prod-background)); border-color: var(--906275-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--906275-enableShadow: true): var(--906275-shadowHorizontal, var(--beae-card-shadow-x)) var(--906275-shadowVertical, var(--beae-card-shadow-y)) var(--906275-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--906275-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--906275-background-color,var(--beae-card-pricing-background)); border-color: var(--906275-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--906275-enableShadow: true): var(--906275-shadowHorizontal, var(--beae-card-shadow-x)) var(--906275-shadowVertical, var(--beae-card-shadow-y)) var(--906275-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--906275-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--906275-background-color,var(--beae-card-cta-background)); border-color: var(--906275-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--906275-enableShadow: true): var(--906275-shadowHorizontal, var(--beae-card-shadow-x)) var(--906275-shadowVertical, var(--beae-card-shadow-y)) var(--906275-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--906275-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--906275-background-color,var(--beae-card-media-background)); border-color: var(--906275-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--906275-enableShadow: true): var(--906275-shadowHorizontal, var(--beae-card-shadow-x)) var(--906275-shadowVertical, var(--beae-card-shadow-y)) var(--906275-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--906275-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-906275"] {     display: flex;     flex-direction: var(--906275-direction, column);     flex-wrap: nowrap;     justify-content: var(--906275-justify-content);     align-items: var(--906275-align-items);     gap: var(--906275-gap, var(--906275-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-906275"] {                            gap: var(--906275-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--906275-padding-right-tablet, 0px) - var(--906275-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-906275"] {                            gap: var(--906275-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--906275-padding-right-mobile, 0px) - var(--906275-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-nfyw1c"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 46px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #5A1625; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 700; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: capitalize; --nfyw1c-typography: h1; --nfyw1c-typography-tablet: h1; --nfyw1c-typography-mobile: h1; --beae-h1-text-align: center; }[data-bnode="beae-nfyw1c"] { margin-top: var(--nfyw1c-margin-top, 0px); margin-right: var(--nfyw1c-margin-right, 0px); margin-bottom: var(--nfyw1c-margin-bottom, 0px); margin-left: var(--nfyw1c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nfyw1c-margin-top-tablet, 0px); margin-right: var(--nfyw1c-margin-right-tablet, 0px); margin-bottom: var(--nfyw1c-margin-bottom-tablet, 0px); margin-left: var(--nfyw1c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nfyw1c-margin-top-mobile, 0px); margin-right: var(--nfyw1c-margin-right-mobile, 0px); margin-bottom: var(--nfyw1c-margin-bottom-mobile, 0px); margin-left: var(--nfyw1c-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--nfyw1c-highlightColor,var(--beae-p-color)); top: var(--nfyw1c-highlightTop, 100%); } }[data-bnode="beae-qrdkgq"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --qrdkgq-typography: p; --qrdkgq-typography-tablet: p; --qrdkgq-typography-mobile: p; --beae-p2-font-size-tablet: 18px; --beae-p2-font-size-mobile: 18px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-text-align: center; }[data-bnode="beae-qrdkgq"] { margin-top: var(--qrdkgq-margin-top, 0px); margin-right: var(--qrdkgq-margin-right, 0px); margin-bottom: var(--qrdkgq-margin-bottom, 0px); margin-left: var(--qrdkgq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qrdkgq-margin-top-tablet, 0px); margin-right: var(--qrdkgq-margin-right-tablet, 0px); margin-bottom: var(--qrdkgq-margin-bottom-tablet, 0px); margin-left: var(--qrdkgq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qrdkgq-margin-top-mobile, 0px); margin-right: var(--qrdkgq-margin-right-mobile, 0px); margin-bottom: var(--qrdkgq-margin-bottom-mobile, 0px); margin-left: var(--qrdkgq-margin-left-mobile, 0px); } }[data-bnode="beae-ojyhax"] { --ojyhax-width: 325px; --ojyhax-width-tablet: 220px; --ojyhax-width-mobile: 256px; --ojyhax-imageRatio: 6/7; --ojyhax-imageRatio-tablet: 6/7; --ojyhax-imageRatio-mobile: 6/7; --ojyhax-objFit: cover; --ojyhax-objFit-tablet: cover; --ojyhax-objFit-mobile: cover; --ojyhax-borderColor: #000000; --ojyhax-borderColor-tablet: #000000; --ojyhax-borderColor-mobile: #000000; --ojyhax-shadowColor: #000000; --ojyhax-shadowColor-tablet: #000000; --ojyhax-shadowColor-mobile: #000000; --ojyhax-borderStyle: none; --ojyhax-borderStyle-tablet: none; --ojyhax-borderStyle-mobile: none; --ojyhax-enableShadow: false; --ojyhax-enableShadow-tablet: false; --ojyhax-enableShadow-mobile: false; }[data-bnode="beae-ojyhax"] { margin-top: var(--ojyhax-margin-top, 0px); margin-right: var(--ojyhax-margin-right, 0px); margin-bottom: var(--ojyhax-margin-bottom, 0px); margin-left: var(--ojyhax-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ojyhax-margin-top-tablet, 0px); margin-right: var(--ojyhax-margin-right-tablet, 0px); margin-bottom: var(--ojyhax-margin-bottom-tablet, 0px); margin-left: var(--ojyhax-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ojyhax-margin-top-mobile, 0px); margin-right: var(--ojyhax-margin-right-mobile, 0px); margin-bottom: var(--ojyhax-margin-bottom-mobile, 0px); margin-left: var(--ojyhax-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ojyhax-width,100%) - var(--ojyhax-margin-left,0px) - var(--ojyhax-margin-right,0px)); min-height: min-content; border-style: var(--ojyhax-borderStyle,solid); border-color: var(--ojyhax-borderColor,#000000); border-width: var(--ojyhax-borderWidth-tl,0px) var(--ojyhax-borderWidth-tr,0px) var(--ojyhax-borderWidth-br,0px) var(--ojyhax-borderWidth-bl,0px); border-radius: var(--ojyhax-borderRadius-tl,0px) var(--ojyhax-borderRadius-tr,0px) var(--ojyhax-borderRadius-br,0px) var(--ojyhax-borderRadius-bl,0px); aspect-ratio: var(--ojyhax-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ojyhax-borderWidth-tl-tablet, var(--ojyhax-borderWidth-tl,0px)) var(--ojyhax-borderWidth-tr-tablet, var(--ojyhax-borderWidth-tr,0px)) var(--ojyhax-borderWidth-br-tablet, var(--ojyhax-borderWidth-br,0px)) var(--ojyhax-borderWidth-bl-tablet, var(--ojyhax-borderWidth-bl,0px)); border-radius: var(--ojyhax-borderRadius-tl-tablet, var(--ojyhax-borderRadius-tl,0px)) var(--ojyhax-borderRadius-tr-tablet, var(--ojyhax-borderRadius-tr,0px)) var(--ojyhax-borderRadius-br-tablet, var(--ojyhax-borderRadius-br,0px)) var(--ojyhax-borderRadius-bl-tablet, var(--ojyhax-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ojyhax-borderWidth-tl-mobile, var(--ojyhax-borderWidth-tl,0px)) var(--ojyhax-borderWidth-tr-mobile, var(--ojyhax-borderWidth-tr,0px)) var(--ojyhax-borderWidth-br-mobile, var(--ojyhax-borderWidth-br,0px)) var(--ojyhax-borderWidth-bl-mobile, var(--ojyhax-borderWidth-bl,0px)); border-radius: var(--ojyhax-borderRadius-tl-mobile, var(--ojyhax-borderRadius-tl,0px)) var(--ojyhax-borderRadius-tr-mobile, var(--ojyhax-borderRadius-tr,0px)) var(--ojyhax-borderRadius-br-mobile, var(--ojyhax-borderRadius-br,0px)) var(--ojyhax-borderRadius-bl-mobile, var(--ojyhax-borderRadius-bl,0px)); } box-shadow: if( style(--ojyhax-enableShadow: true): var(--ojyhax-shadowHorizontal, 0) var(--ojyhax-shadowVertical, 0) var(--ojyhax-shadowBlur, 0) 1px var(--ojyhax-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ojyhax-overlayColor-color, #000); opacity: var(--ojyhax-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ojyhax-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ojyhax-width-tablet,var(--ojyhax-width,100%)) - var(--ojyhax-margin-left-tablet,var(--ojyhax-margin-left,0px)) - var(--ojyhax-margin-right-tablet,var(--ojyhax-margin-right,0px))); aspect-ratio: var(--ojyhax-imageRatio-tablet, var(--ojyhax-imageRatio, auto)); img { object-fit: var(--ojyhax-objFit-tablet, var(--ojyhax-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ojyhax-width-mobile,var(--ojyhax-width,100%)) - var(--ojyhax-margin-left-mobile,var(--ojyhax-margin-left,0px)) - var(--ojyhax-margin-right-mobile,var(--ojyhax-margin-right,0px))); aspect-ratio: var(--ojyhax-imageRatio-mobile, var(--ojyhax-imageRatio, auto)); img { object-fit: var(--ojyhax-objFit-mobile, var(--ojyhax-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-br1v8f"] { --br1v8f-direction: column; --br1v8f-direction-tablet: column; --br1v8f-direction-mobile: column; --br1v8f-structure: auto; --br1v8f-structure-tablet: auto; --br1v8f-structure-mobile: auto; --br1v8f-align-items: center; --br1v8f-align-items-tablet: center; --br1v8f-align-items-mobile: center; }[data-bnode="beae-br1v8f"] { padding-top: var(--br1v8f-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--br1v8f-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--br1v8f-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--br1v8f-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--br1v8f-padding-top-tablet, var(--br1v8f-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--br1v8f-padding-right-tablet, var(--br1v8f-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--br1v8f-padding-bottom-tablet, var(--br1v8f-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--br1v8f-padding-left-tablet, var(--br1v8f-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--br1v8f-padding-top-mobile, var(--br1v8f-padding-top-tablet, var(--br1v8f-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--br1v8f-padding-right-mobile, var(--br1v8f-padding-right-tablet, var(--br1v8f-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--br1v8f-padding-bottom-mobile, var(--br1v8f-padding-bottom-tablet, var(--br1v8f-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--br1v8f-padding-left-mobile, var(--br1v8f-padding-left-tablet, var(--br1v8f-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--br1v8f-padding-left, var(--beae-slot-padding-x, 0px)) - var(--br1v8f-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--br1v8f-background-imageRatio, auto); background: var(--br1v8f-background-color,transparent); border-style: var(--br1v8f-borderStyle,solid); border-color: var(--br1v8f-borderColor,#000000); border-width: var(--br1v8f-borderWidth-tl,0px) var(--br1v8f-borderWidth-tr,0px) var(--br1v8f-borderWidth-br,0px) var(--br1v8f-borderWidth-bl,0px); border-radius: var(--br1v8f-borderRadius-tl,0px) var(--br1v8f-borderRadius-tr,0px) var(--br1v8f-borderRadius-br,0px) var(--br1v8f-borderRadius-bl,0px); box-shadow: if(style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal,0) var(--br1v8f-shadowVertical,0) var(--br1v8f-shadowBlur,0) 1px var(--br1v8f-shadowColor,#000000); else: none); max-width: var(--br1v8f-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--br1v8f-background-imageRatio-tablet, var(--br1v8f-background-imageRatio, auto)); border-width: var(--br1v8f-borderWidth-tl-tablet,0px) var(--br1v8f-borderWidth-tr-tablet,0px) var(--br1v8f-borderWidth-br-tablet,0px) var(--br1v8f-borderWidth-bl-tablet,0px); border-radius: var(--br1v8f-borderRadius-tl-tablet,0px) var(--br1v8f-borderRadius-tr-tablet,0px) var(--br1v8f-borderRadius-br-tablet,0px) var(--br1v8f-borderRadius-bl-tablet,0px); max-width: var(--br1v8f-max-width-tablet, var(--br1v8f-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--br1v8f-background-imageRatio-mobile, var(--br1v8f-background-imageRatio, auto)); border-width: var(--br1v8f-borderWidth-tl-mobile,0px) var(--br1v8f-borderWidth-tr-mobile,0px) var(--br1v8f-borderWidth-br-mobile,0px) var(--br1v8f-borderWidth-bl-mobile,0px); border-radius: var(--br1v8f-borderRadius-tl-mobile,0px) var(--br1v8f-borderRadius-tr-mobile,0px) var(--br1v8f-borderRadius-br-mobile,0px) var(--br1v8f-borderRadius-bl-mobile,0px); max-width: var(--br1v8f-max-width-mobile, var(--br1v8f-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--br1v8f-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--br1v8f-gap,var(--beae-card-gap)); padding-top: var(--br1v8f-padding-top,var(--beae-card-padding)); padding-right: var(--br1v8f-padding-right,var(--beae-card-padding)); padding-bottom: var(--br1v8f-padding-bottom,var(--beae-card-padding)); padding-left: var(--br1v8f-padding-left,var(--beae-card-padding)); border-width: var(--br1v8f-borderWidth,var(--beae-card-border-width)); border-width: var(--br1v8f-borderWidth-tl,var(--beae-card-border-width)) var(--br1v8f-borderWidth-tr,var(--beae-card-border-width)) var(--br1v8f-borderWidth-br,var(--beae-card-border-width)) var(--br1v8f-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--br1v8f-borderRadius-tl,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-tr,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-br,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--br1v8f-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--br1v8f-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--br1v8f-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--br1v8f-padding-left-tablet,var(--beae-card-padding)); border-width: var(--br1v8f-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--br1v8f-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--br1v8f-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--br1v8f-borderWidth-br-desktop,var(--beae-card-border-width)) var(--br1v8f-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--br1v8f-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--br1v8f-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--br1v8f-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--br1v8f-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--br1v8f-padding-left-mobile,var(--beae-card-padding)); border-width: var(--br1v8f-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--br1v8f-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--br1v8f-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--br1v8f-borderWidth-br-mobile,var(--beae-card-border-width)) var(--br1v8f-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--br1v8f-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--br1v8f-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--br1v8f-background-color,var(--beae-card-featured-background)); border-color: var(--br1v8f-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal, var(--beae-card-shadow-x)) var(--br1v8f-shadowVertical, var(--beae-card-shadow-y)) var(--br1v8f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--br1v8f-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--br1v8f-background-color,var(--beae-card-prod-background)); border-color: var(--br1v8f-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal, var(--beae-card-shadow-x)) var(--br1v8f-shadowVertical, var(--beae-card-shadow-y)) var(--br1v8f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--br1v8f-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--br1v8f-background-color,var(--beae-card-pricing-background)); border-color: var(--br1v8f-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal, var(--beae-card-shadow-x)) var(--br1v8f-shadowVertical, var(--beae-card-shadow-y)) var(--br1v8f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--br1v8f-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--br1v8f-background-color,var(--beae-card-cta-background)); border-color: var(--br1v8f-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal, var(--beae-card-shadow-x)) var(--br1v8f-shadowVertical, var(--beae-card-shadow-y)) var(--br1v8f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--br1v8f-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--br1v8f-background-color,var(--beae-card-media-background)); border-color: var(--br1v8f-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--br1v8f-enableShadow: true): var(--br1v8f-shadowHorizontal, var(--beae-card-shadow-x)) var(--br1v8f-shadowVertical, var(--beae-card-shadow-y)) var(--br1v8f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--br1v8f-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-br1v8f"] {     display: flex;     flex-direction: var(--br1v8f-direction, column);     flex-wrap: nowrap;     justify-content: var(--br1v8f-justify-content);     align-items: var(--br1v8f-align-items);     gap: var(--br1v8f-gap, var(--br1v8f-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-br1v8f"] {                            gap: var(--br1v8f-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--br1v8f-padding-right-tablet, 0px) - var(--br1v8f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-br1v8f"] {                            gap: var(--br1v8f-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--br1v8f-padding-right-mobile, 0px) - var(--br1v8f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-scwp96"] { --scwp96-width: fill; --scwp96-width-tablet: fill; --scwp96-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #143052; --beae-btn-text-transform: capitalize; --scwp96-iconWidth: 20px; --scwp96-iconWidth-tablet: 20px; --scwp96-iconWidth-mobile: 20px; --scwp96-iconGap: 5px; --scwp96-iconGap-tablet: 5px; --scwp96-iconGap-mobile: 5px; --scwp96-transform: none; --scwp96-transform-tablet: none; --scwp96-transform-mobile: none; --scwp96-button: pr; --scwp96-button-tablet: pr; --scwp96-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-scwp96"] { margin-top: var(--scwp96-margin-top, 0px); margin-right: var(--scwp96-margin-right, 0px); margin-bottom: var(--scwp96-margin-bottom, 0px); margin-left: var(--scwp96-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--scwp96-margin-top-tablet, 0px); margin-right: var(--scwp96-margin-right-tablet, 0px); margin-bottom: var(--scwp96-margin-bottom-tablet, 0px); margin-left: var(--scwp96-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--scwp96-margin-top-mobile, 0px); margin-right: var(--scwp96-margin-right-mobile, 0px); margin-bottom: var(--scwp96-margin-bottom-mobile, 0px); margin-left: var(--scwp96-margin-left-mobile, 0px); } &{ gap:var(--scwp96-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--scwp96-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--scwp96-bgBtnHover)) * 1%)); style(--scwp96-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--scwp96-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--scwp96-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--scwp96-labelBtnHover)) * 1%)); style(--scwp96-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--scwp96-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--scwp96-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--scwp96-borderBtnHover)) * 1%)); style(--scwp96-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--scwp96-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--scwp96-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--scwp96-bgBtnHover)) * 1%)); style(--scwp96-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--scwp96-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--scwp96-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--scwp96-labelBtnHover)) * 1%)); style(--scwp96-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--scwp96-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--scwp96-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--scwp96-borderBtnHover)) * 1%)); style(--scwp96-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--scwp96-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--scwp96-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--scwp96-labelBtnHover)) * 1%)); style(--scwp96-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--scwp96-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--scwp96-iconWidth); } svg { width: var(--scwp96-iconWidth,20px); min-width: var(--scwp96-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--scwp96-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--scwp96-iconWidth-tablet, var(--scwp96-iconWidth)); } svg { width: var(--scwp96-iconWidth-tablet, var(--scwp96-iconWidth)); min-width: var(--scwp96-iconWidth-tablet, var(--scwp96-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--scwp96-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--scwp96-iconWidth-mobile, var(--scwp96-iconWidth)); } svg { width: var(--scwp96-iconWidth-mobile, var(--scwp96-iconWidth)); min-width: var(--scwp96-iconWidth-mobile, var(--scwp96-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-odfe44"] { --odfe44-direction: row; --odfe44-direction-tablet: row; --odfe44-direction-mobile: row; --odfe44-align-items: stretch; --odfe44-align-items-tablet: stretch; --odfe44-align-items-mobile: stretch; }[data-bnode="beae-odfe44"] { padding-top: var(--odfe44-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--odfe44-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--odfe44-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--odfe44-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--odfe44-padding-top-tablet, var(--odfe44-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--odfe44-padding-right-tablet, var(--odfe44-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--odfe44-padding-bottom-tablet, var(--odfe44-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--odfe44-padding-left-tablet, var(--odfe44-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--odfe44-padding-top-mobile, var(--odfe44-padding-top-tablet, var(--odfe44-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--odfe44-padding-right-mobile, var(--odfe44-padding-right-tablet, var(--odfe44-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--odfe44-padding-bottom-mobile, var(--odfe44-padding-bottom-tablet, var(--odfe44-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--odfe44-padding-left-mobile, var(--odfe44-padding-left-tablet, var(--odfe44-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--odfe44-padding-left, var(--beae-slot-padding-x, 0px)) - var(--odfe44-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--odfe44-background-imageRatio, auto); background: var(--odfe44-background-color,transparent); border-style: var(--odfe44-borderStyle,solid); border-color: var(--odfe44-borderColor,#000000); border-width: var(--odfe44-borderWidth-tl,0px) var(--odfe44-borderWidth-tr,0px) var(--odfe44-borderWidth-br,0px) var(--odfe44-borderWidth-bl,0px); border-radius: var(--odfe44-borderRadius-tl,0px) var(--odfe44-borderRadius-tr,0px) var(--odfe44-borderRadius-br,0px) var(--odfe44-borderRadius-bl,0px); box-shadow: if(style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal,0) var(--odfe44-shadowVertical,0) var(--odfe44-shadowBlur,0) 1px var(--odfe44-shadowColor,#000000); else: none); max-width: var(--odfe44-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--odfe44-background-imageRatio-tablet, var(--odfe44-background-imageRatio, auto)); border-width: var(--odfe44-borderWidth-tl-tablet,0px) var(--odfe44-borderWidth-tr-tablet,0px) var(--odfe44-borderWidth-br-tablet,0px) var(--odfe44-borderWidth-bl-tablet,0px); border-radius: var(--odfe44-borderRadius-tl-tablet,0px) var(--odfe44-borderRadius-tr-tablet,0px) var(--odfe44-borderRadius-br-tablet,0px) var(--odfe44-borderRadius-bl-tablet,0px); max-width: var(--odfe44-max-width-tablet, var(--odfe44-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--odfe44-background-imageRatio-mobile, var(--odfe44-background-imageRatio, auto)); border-width: var(--odfe44-borderWidth-tl-mobile,0px) var(--odfe44-borderWidth-tr-mobile,0px) var(--odfe44-borderWidth-br-mobile,0px) var(--odfe44-borderWidth-bl-mobile,0px); border-radius: var(--odfe44-borderRadius-tl-mobile,0px) var(--odfe44-borderRadius-tr-mobile,0px) var(--odfe44-borderRadius-br-mobile,0px) var(--odfe44-borderRadius-bl-mobile,0px); max-width: var(--odfe44-max-width-mobile, var(--odfe44-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--odfe44-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--odfe44-gap,var(--beae-card-gap)); padding-top: var(--odfe44-padding-top,var(--beae-card-padding)); padding-right: var(--odfe44-padding-right,var(--beae-card-padding)); padding-bottom: var(--odfe44-padding-bottom,var(--beae-card-padding)); padding-left: var(--odfe44-padding-left,var(--beae-card-padding)); border-width: var(--odfe44-borderWidth,var(--beae-card-border-width)); border-width: var(--odfe44-borderWidth-tl,var(--beae-card-border-width)) var(--odfe44-borderWidth-tr,var(--beae-card-border-width)) var(--odfe44-borderWidth-br,var(--beae-card-border-width)) var(--odfe44-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--odfe44-borderRadius-tl,var(--beae-card-border-radius)) var(--odfe44-borderRadius-tr,var(--beae-card-border-radius)) var(--odfe44-borderRadius-br,var(--beae-card-border-radius)) var(--odfe44-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--odfe44-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--odfe44-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--odfe44-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--odfe44-padding-left-tablet,var(--beae-card-padding)); border-width: var(--odfe44-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--odfe44-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--odfe44-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--odfe44-borderWidth-br-desktop,var(--beae-card-border-width)) var(--odfe44-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--odfe44-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--odfe44-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--odfe44-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--odfe44-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--odfe44-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--odfe44-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--odfe44-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--odfe44-padding-left-mobile,var(--beae-card-padding)); border-width: var(--odfe44-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--odfe44-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--odfe44-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--odfe44-borderWidth-br-mobile,var(--beae-card-border-width)) var(--odfe44-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--odfe44-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--odfe44-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--odfe44-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--odfe44-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--odfe44-background-color,var(--beae-card-featured-background)); border-color: var(--odfe44-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal, var(--beae-card-shadow-x)) var(--odfe44-shadowVertical, var(--beae-card-shadow-y)) var(--odfe44-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--odfe44-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--odfe44-background-color,var(--beae-card-prod-background)); border-color: var(--odfe44-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal, var(--beae-card-shadow-x)) var(--odfe44-shadowVertical, var(--beae-card-shadow-y)) var(--odfe44-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--odfe44-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--odfe44-background-color,var(--beae-card-pricing-background)); border-color: var(--odfe44-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal, var(--beae-card-shadow-x)) var(--odfe44-shadowVertical, var(--beae-card-shadow-y)) var(--odfe44-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--odfe44-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--odfe44-background-color,var(--beae-card-cta-background)); border-color: var(--odfe44-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal, var(--beae-card-shadow-x)) var(--odfe44-shadowVertical, var(--beae-card-shadow-y)) var(--odfe44-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--odfe44-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--odfe44-background-color,var(--beae-card-media-background)); border-color: var(--odfe44-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--odfe44-enableShadow: true): var(--odfe44-shadowHorizontal, var(--beae-card-shadow-x)) var(--odfe44-shadowVertical, var(--beae-card-shadow-y)) var(--odfe44-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--odfe44-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-odfe44"] {     display: flex;     flex-direction: var(--odfe44-direction, column);     flex-wrap: nowrap;     justify-content: var(--odfe44-justify-content);     align-items: var(--odfe44-align-items);     gap: var(--odfe44-gap, var(--odfe44-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-odfe44"] {                            gap: var(--odfe44-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--odfe44-padding-right-tablet, 0px) - var(--odfe44-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-odfe44"] {                            gap: var(--odfe44-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--odfe44-padding-right-mobile, 0px) - var(--odfe44-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zy2i1s"] { --zy2i1s-width: 100%; --zy2i1s-width-tablet: 100%; --zy2i1s-width-mobile: 100%; --zy2i1s-imageRatio: 7/6; --zy2i1s-imageRatio-tablet: 7/6; --zy2i1s-imageRatio-mobile: 5/7; --zy2i1s-objFit: cover; --zy2i1s-objFit-tablet: cover; --zy2i1s-objFit-mobile: cover; --zy2i1s-borderColor: #000000; --zy2i1s-borderColor-tablet: #000000; --zy2i1s-borderColor-mobile: #000000; --zy2i1s-shadowColor: #000000; --zy2i1s-shadowColor-tablet: #000000; --zy2i1s-shadowColor-mobile: #000000; --zy2i1s-borderStyle: none; --zy2i1s-borderStyle-tablet: none; --zy2i1s-borderStyle-mobile: none; --zy2i1s-enableShadow: false; --zy2i1s-enableShadow-tablet: false; --zy2i1s-enableShadow-mobile: false; --zy2i1s-borderRadius-tl: 24px; --zy2i1s-borderRadius-tl-tablet: 24px; --zy2i1s-borderRadius-tl-mobile: 24px; --zy2i1s-borderRadius-tr: 24px; --zy2i1s-borderRadius-tr-tablet: 24px; --zy2i1s-borderRadius-tr-mobile: 24px; --zy2i1s-borderRadius-bl: 24px; --zy2i1s-borderRadius-bl-tablet: 24px; --zy2i1s-borderRadius-bl-mobile: 24px; --zy2i1s-borderRadius-br: 24px; --zy2i1s-borderRadius-br-tablet: 24px; --zy2i1s-borderRadius-br-mobile: 24px; }[data-bnode="beae-zy2i1s"] { margin-top: var(--zy2i1s-margin-top, 0px); margin-right: var(--zy2i1s-margin-right, 0px); margin-bottom: var(--zy2i1s-margin-bottom, 0px); margin-left: var(--zy2i1s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zy2i1s-margin-top-tablet, 0px); margin-right: var(--zy2i1s-margin-right-tablet, 0px); margin-bottom: var(--zy2i1s-margin-bottom-tablet, 0px); margin-left: var(--zy2i1s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zy2i1s-margin-top-mobile, 0px); margin-right: var(--zy2i1s-margin-right-mobile, 0px); margin-bottom: var(--zy2i1s-margin-bottom-mobile, 0px); margin-left: var(--zy2i1s-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--zy2i1s-width,100%) - var(--zy2i1s-margin-left,0px) - var(--zy2i1s-margin-right,0px)); min-height: min-content; border-style: var(--zy2i1s-borderStyle,solid); border-color: var(--zy2i1s-borderColor,#000000); border-width: var(--zy2i1s-borderWidth-tl,0px) var(--zy2i1s-borderWidth-tr,0px) var(--zy2i1s-borderWidth-br,0px) var(--zy2i1s-borderWidth-bl,0px); border-radius: var(--zy2i1s-borderRadius-tl,0px) var(--zy2i1s-borderRadius-tr,0px) var(--zy2i1s-borderRadius-br,0px) var(--zy2i1s-borderRadius-bl,0px); aspect-ratio: var(--zy2i1s-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--zy2i1s-borderWidth-tl-tablet, var(--zy2i1s-borderWidth-tl,0px)) var(--zy2i1s-borderWidth-tr-tablet, var(--zy2i1s-borderWidth-tr,0px)) var(--zy2i1s-borderWidth-br-tablet, var(--zy2i1s-borderWidth-br,0px)) var(--zy2i1s-borderWidth-bl-tablet, var(--zy2i1s-borderWidth-bl,0px)); border-radius: var(--zy2i1s-borderRadius-tl-tablet, var(--zy2i1s-borderRadius-tl,0px)) var(--zy2i1s-borderRadius-tr-tablet, var(--zy2i1s-borderRadius-tr,0px)) var(--zy2i1s-borderRadius-br-tablet, var(--zy2i1s-borderRadius-br,0px)) var(--zy2i1s-borderRadius-bl-tablet, var(--zy2i1s-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--zy2i1s-borderWidth-tl-mobile, var(--zy2i1s-borderWidth-tl,0px)) var(--zy2i1s-borderWidth-tr-mobile, var(--zy2i1s-borderWidth-tr,0px)) var(--zy2i1s-borderWidth-br-mobile, var(--zy2i1s-borderWidth-br,0px)) var(--zy2i1s-borderWidth-bl-mobile, var(--zy2i1s-borderWidth-bl,0px)); border-radius: var(--zy2i1s-borderRadius-tl-mobile, var(--zy2i1s-borderRadius-tl,0px)) var(--zy2i1s-borderRadius-tr-mobile, var(--zy2i1s-borderRadius-tr,0px)) var(--zy2i1s-borderRadius-br-mobile, var(--zy2i1s-borderRadius-br,0px)) var(--zy2i1s-borderRadius-bl-mobile, var(--zy2i1s-borderRadius-bl,0px)); } box-shadow: if( style(--zy2i1s-enableShadow: true): var(--zy2i1s-shadowHorizontal, 0) var(--zy2i1s-shadowVertical, 0) var(--zy2i1s-shadowBlur, 0) 1px var(--zy2i1s-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--zy2i1s-overlayColor-color, #000); opacity: var(--zy2i1s-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--zy2i1s-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--zy2i1s-width-tablet,var(--zy2i1s-width,100%)) - var(--zy2i1s-margin-left-tablet,var(--zy2i1s-margin-left,0px)) - var(--zy2i1s-margin-right-tablet,var(--zy2i1s-margin-right,0px))); aspect-ratio: var(--zy2i1s-imageRatio-tablet, var(--zy2i1s-imageRatio, auto)); img { object-fit: var(--zy2i1s-objFit-tablet, var(--zy2i1s-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--zy2i1s-width-mobile,var(--zy2i1s-width,100%)) - var(--zy2i1s-margin-left-mobile,var(--zy2i1s-margin-left,0px)) - var(--zy2i1s-margin-right-mobile,var(--zy2i1s-margin-right,0px))); aspect-ratio: var(--zy2i1s-imageRatio-mobile, var(--zy2i1s-imageRatio, auto)); img { object-fit: var(--zy2i1s-objFit-mobile, var(--zy2i1s-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-gur0iy"] { --gur0iy-width: 1600px; --gur0iy-width-tablet: 1600px; --gur0iy-width-mobile: 1600px; --gur0iy-height: fit-content; --gur0iy-height-tablet: fit-content; --gur0iy-height-mobile: fit-content; --gur0iy-padding-top: 0px; --gur0iy-padding-top-tablet: 0px; --gur0iy-padding-top-mobile: 0px; --gur0iy-padding-right: 30px; --gur0iy-padding-right-tablet: 30px; --gur0iy-padding-right-mobile: 16px; --gur0iy-padding-bottom: 0px; --gur0iy-padding-bottom-tablet: 0px; --gur0iy-padding-bottom-mobile: 0px; --gur0iy-padding-left: 30px; --gur0iy-padding-left-tablet: 30px; --gur0iy-padding-left-mobile: 16px; --gur0iy-direction: row; --gur0iy-direction-tablet: row; --gur0iy-direction-mobile: column; --gur0iy-structure: auto; --gur0iy-structure-tablet: auto; --gur0iy-structure-mobile: auto; --gur0iy-gap: 80px; --gur0iy-gap-tablet: 80px; --gur0iy-gap-mobile: 80px; }[data-bnode="beae-gur0iy"] { padding-top: var(--gur0iy-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--gur0iy-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--gur0iy-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--gur0iy-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gur0iy-padding-top-tablet, var(--gur0iy-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--gur0iy-padding-right-tablet, var(--gur0iy-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--gur0iy-padding-bottom-tablet, var(--gur0iy-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--gur0iy-padding-left-tablet, var(--gur0iy-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gur0iy-padding-top-mobile, var(--gur0iy-padding-top-tablet, var(--gur0iy-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--gur0iy-padding-right-mobile, var(--gur0iy-padding-right-tablet, var(--gur0iy-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--gur0iy-padding-bottom-mobile, var(--gur0iy-padding-bottom-tablet, var(--gur0iy-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--gur0iy-padding-left-mobile, var(--gur0iy-padding-left-tablet, var(--gur0iy-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--gur0iy-padding-left, var(--beae-section-padding-x, 0px)) - var(--gur0iy-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--gur0iy-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--gur0iy-height); width: 100%; max-width: var(--gur0iy-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--gur0iy-height-tablet, auto); width: 100%; max-width: var(--gur0iy-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--gur0iy-height-mobile, auto); width: 100%; max-width: var(--gur0iy-width-mobile, 100%); } } } }[data-bnode="beae-gur0iy"] > .beae-section-container{     display: flex;     flex-direction: var(--gur0iy-direction, column);     flex-wrap: nowrap;     justify-content: var(--gur0iy-justify-content);     align-items: var(--gur0iy-align-items);     gap: var(--gur0iy-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gur0iy"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gur0iy-padding-right-tablet, 0px) - var(--gur0iy-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gur0iy"] > .beae-section-container{      flex-direction: var(--gur0iy-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-t38p85"] { --t38p85-direction: row; --t38p85-direction-tablet: row; --t38p85-direction-mobile: row; --t38p85-align-items-tablet: flex-start; --t38p85-align-items-mobile: flex-start; }[data-bnode="beae-t38p85"] { padding-top: var(--t38p85-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--t38p85-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--t38p85-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--t38p85-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--t38p85-padding-top-tablet, var(--t38p85-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--t38p85-padding-right-tablet, var(--t38p85-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--t38p85-padding-bottom-tablet, var(--t38p85-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--t38p85-padding-left-tablet, var(--t38p85-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--t38p85-padding-top-mobile, var(--t38p85-padding-top-tablet, var(--t38p85-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--t38p85-padding-right-mobile, var(--t38p85-padding-right-tablet, var(--t38p85-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--t38p85-padding-bottom-mobile, var(--t38p85-padding-bottom-tablet, var(--t38p85-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--t38p85-padding-left-mobile, var(--t38p85-padding-left-tablet, var(--t38p85-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--t38p85-padding-left, var(--beae-slot-padding-x, 0px)) - var(--t38p85-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--t38p85-background-imageRatio, auto); background: var(--t38p85-background-color,transparent); border-style: var(--t38p85-borderStyle,solid); border-color: var(--t38p85-borderColor,#000000); border-width: var(--t38p85-borderWidth-tl,0px) var(--t38p85-borderWidth-tr,0px) var(--t38p85-borderWidth-br,0px) var(--t38p85-borderWidth-bl,0px); border-radius: var(--t38p85-borderRadius-tl,0px) var(--t38p85-borderRadius-tr,0px) var(--t38p85-borderRadius-br,0px) var(--t38p85-borderRadius-bl,0px); box-shadow: if(style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal,0) var(--t38p85-shadowVertical,0) var(--t38p85-shadowBlur,0) 1px var(--t38p85-shadowColor,#000000); else: none); max-width: var(--t38p85-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--t38p85-background-imageRatio-tablet, var(--t38p85-background-imageRatio, auto)); border-width: var(--t38p85-borderWidth-tl-tablet,0px) var(--t38p85-borderWidth-tr-tablet,0px) var(--t38p85-borderWidth-br-tablet,0px) var(--t38p85-borderWidth-bl-tablet,0px); border-radius: var(--t38p85-borderRadius-tl-tablet,0px) var(--t38p85-borderRadius-tr-tablet,0px) var(--t38p85-borderRadius-br-tablet,0px) var(--t38p85-borderRadius-bl-tablet,0px); max-width: var(--t38p85-max-width-tablet, var(--t38p85-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--t38p85-background-imageRatio-mobile, var(--t38p85-background-imageRatio, auto)); border-width: var(--t38p85-borderWidth-tl-mobile,0px) var(--t38p85-borderWidth-tr-mobile,0px) var(--t38p85-borderWidth-br-mobile,0px) var(--t38p85-borderWidth-bl-mobile,0px); border-radius: var(--t38p85-borderRadius-tl-mobile,0px) var(--t38p85-borderRadius-tr-mobile,0px) var(--t38p85-borderRadius-br-mobile,0px) var(--t38p85-borderRadius-bl-mobile,0px); max-width: var(--t38p85-max-width-mobile, var(--t38p85-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--t38p85-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--t38p85-gap,var(--beae-card-gap)); padding-top: var(--t38p85-padding-top,var(--beae-card-padding)); padding-right: var(--t38p85-padding-right,var(--beae-card-padding)); padding-bottom: var(--t38p85-padding-bottom,var(--beae-card-padding)); padding-left: var(--t38p85-padding-left,var(--beae-card-padding)); border-width: var(--t38p85-borderWidth,var(--beae-card-border-width)); border-width: var(--t38p85-borderWidth-tl,var(--beae-card-border-width)) var(--t38p85-borderWidth-tr,var(--beae-card-border-width)) var(--t38p85-borderWidth-br,var(--beae-card-border-width)) var(--t38p85-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--t38p85-borderRadius-tl,var(--beae-card-border-radius)) var(--t38p85-borderRadius-tr,var(--beae-card-border-radius)) var(--t38p85-borderRadius-br,var(--beae-card-border-radius)) var(--t38p85-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--t38p85-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--t38p85-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--t38p85-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--t38p85-padding-left-tablet,var(--beae-card-padding)); border-width: var(--t38p85-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--t38p85-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--t38p85-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--t38p85-borderWidth-br-desktop,var(--beae-card-border-width)) var(--t38p85-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--t38p85-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--t38p85-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--t38p85-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--t38p85-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--t38p85-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--t38p85-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--t38p85-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--t38p85-padding-left-mobile,var(--beae-card-padding)); border-width: var(--t38p85-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--t38p85-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--t38p85-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--t38p85-borderWidth-br-mobile,var(--beae-card-border-width)) var(--t38p85-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--t38p85-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--t38p85-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--t38p85-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--t38p85-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--t38p85-background-color,var(--beae-card-featured-background)); border-color: var(--t38p85-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal, var(--beae-card-shadow-x)) var(--t38p85-shadowVertical, var(--beae-card-shadow-y)) var(--t38p85-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t38p85-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--t38p85-background-color,var(--beae-card-prod-background)); border-color: var(--t38p85-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal, var(--beae-card-shadow-x)) var(--t38p85-shadowVertical, var(--beae-card-shadow-y)) var(--t38p85-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t38p85-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--t38p85-background-color,var(--beae-card-pricing-background)); border-color: var(--t38p85-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal, var(--beae-card-shadow-x)) var(--t38p85-shadowVertical, var(--beae-card-shadow-y)) var(--t38p85-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t38p85-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--t38p85-background-color,var(--beae-card-cta-background)); border-color: var(--t38p85-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal, var(--beae-card-shadow-x)) var(--t38p85-shadowVertical, var(--beae-card-shadow-y)) var(--t38p85-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t38p85-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--t38p85-background-color,var(--beae-card-media-background)); border-color: var(--t38p85-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--t38p85-enableShadow: true): var(--t38p85-shadowHorizontal, var(--beae-card-shadow-x)) var(--t38p85-shadowVertical, var(--beae-card-shadow-y)) var(--t38p85-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t38p85-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-t38p85"] {     display: flex;     flex-direction: var(--t38p85-direction, column);     flex-wrap: nowrap;     justify-content: var(--t38p85-justify-content);     align-items: var(--t38p85-align-items);     gap: var(--t38p85-gap, var(--t38p85-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-t38p85"] {      flex-direction: var(--t38p85-direction-tablet, column);                 align-items: var(--t38p85-align-items-tablet, inherit);      gap: var(--t38p85-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--t38p85-padding-right-tablet, 0px) - var(--t38p85-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-t38p85"] {                            gap: var(--t38p85-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--t38p85-padding-right-mobile, 0px) - var(--t38p85-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n64atj"] { --n64atj-width: 100%; --n64atj-width-tablet: 100%; --n64atj-width-mobile: 100%; --n64atj-imageRatio: 7/6; --n64atj-imageRatio-tablet: 7/6; --n64atj-imageRatio-mobile: 7/6; --n64atj-objFit: cover; --n64atj-objFit-tablet: cover; --n64atj-objFit-mobile: cover; --n64atj-borderColor: #000000; --n64atj-borderColor-tablet: #000000; --n64atj-borderColor-mobile: #000000; --n64atj-shadowColor: #000000; --n64atj-shadowColor-tablet: #000000; --n64atj-shadowColor-mobile: #000000; --n64atj-borderStyle: none; --n64atj-borderStyle-tablet: none; --n64atj-borderStyle-mobile: none; --n64atj-enableShadow: false; --n64atj-enableShadow-tablet: false; --n64atj-enableShadow-mobile: false; --n64atj-borderRadius-tl: 24px; --n64atj-borderRadius-tl-tablet: 24px; --n64atj-borderRadius-tl-mobile: 24px; --n64atj-borderRadius-tr: 160px; --n64atj-borderRadius-tr-tablet: 80px; --n64atj-borderRadius-tr-mobile: 80px; --n64atj-borderRadius-bl: 160px; --n64atj-borderRadius-bl-tablet: 80px; --n64atj-borderRadius-bl-mobile: 80px; --n64atj-borderRadius-br: 24px; --n64atj-borderRadius-br-tablet: 24px; --n64atj-borderRadius-br-mobile: 24px; }[data-bnode="beae-n64atj"] { margin-top: var(--n64atj-margin-top, 0px); margin-right: var(--n64atj-margin-right, 0px); margin-bottom: var(--n64atj-margin-bottom, 0px); margin-left: var(--n64atj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n64atj-margin-top-tablet, 0px); margin-right: var(--n64atj-margin-right-tablet, 0px); margin-bottom: var(--n64atj-margin-bottom-tablet, 0px); margin-left: var(--n64atj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n64atj-margin-top-mobile, 0px); margin-right: var(--n64atj-margin-right-mobile, 0px); margin-bottom: var(--n64atj-margin-bottom-mobile, 0px); margin-left: var(--n64atj-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--n64atj-width,100%) - var(--n64atj-margin-left,0px) - var(--n64atj-margin-right,0px)); min-height: min-content; border-style: var(--n64atj-borderStyle,solid); border-color: var(--n64atj-borderColor,#000000); border-width: var(--n64atj-borderWidth-tl,0px) var(--n64atj-borderWidth-tr,0px) var(--n64atj-borderWidth-br,0px) var(--n64atj-borderWidth-bl,0px); border-radius: var(--n64atj-borderRadius-tl,0px) var(--n64atj-borderRadius-tr,0px) var(--n64atj-borderRadius-br,0px) var(--n64atj-borderRadius-bl,0px); aspect-ratio: var(--n64atj-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--n64atj-borderWidth-tl-tablet, var(--n64atj-borderWidth-tl,0px)) var(--n64atj-borderWidth-tr-tablet, var(--n64atj-borderWidth-tr,0px)) var(--n64atj-borderWidth-br-tablet, var(--n64atj-borderWidth-br,0px)) var(--n64atj-borderWidth-bl-tablet, var(--n64atj-borderWidth-bl,0px)); border-radius: var(--n64atj-borderRadius-tl-tablet, var(--n64atj-borderRadius-tl,0px)) var(--n64atj-borderRadius-tr-tablet, var(--n64atj-borderRadius-tr,0px)) var(--n64atj-borderRadius-br-tablet, var(--n64atj-borderRadius-br,0px)) var(--n64atj-borderRadius-bl-tablet, var(--n64atj-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--n64atj-borderWidth-tl-mobile, var(--n64atj-borderWidth-tl,0px)) var(--n64atj-borderWidth-tr-mobile, var(--n64atj-borderWidth-tr,0px)) var(--n64atj-borderWidth-br-mobile, var(--n64atj-borderWidth-br,0px)) var(--n64atj-borderWidth-bl-mobile, var(--n64atj-borderWidth-bl,0px)); border-radius: var(--n64atj-borderRadius-tl-mobile, var(--n64atj-borderRadius-tl,0px)) var(--n64atj-borderRadius-tr-mobile, var(--n64atj-borderRadius-tr,0px)) var(--n64atj-borderRadius-br-mobile, var(--n64atj-borderRadius-br,0px)) var(--n64atj-borderRadius-bl-mobile, var(--n64atj-borderRadius-bl,0px)); } box-shadow: if( style(--n64atj-enableShadow: true): var(--n64atj-shadowHorizontal, 0) var(--n64atj-shadowVertical, 0) var(--n64atj-shadowBlur, 0) 1px var(--n64atj-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--n64atj-overlayColor-color, #000); opacity: var(--n64atj-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--n64atj-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--n64atj-width-tablet,var(--n64atj-width,100%)) - var(--n64atj-margin-left-tablet,var(--n64atj-margin-left,0px)) - var(--n64atj-margin-right-tablet,var(--n64atj-margin-right,0px))); aspect-ratio: var(--n64atj-imageRatio-tablet, var(--n64atj-imageRatio, auto)); img { object-fit: var(--n64atj-objFit-tablet, var(--n64atj-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--n64atj-width-mobile,var(--n64atj-width,100%)) - var(--n64atj-margin-left-mobile,var(--n64atj-margin-left,0px)) - var(--n64atj-margin-right-mobile,var(--n64atj-margin-right,0px))); aspect-ratio: var(--n64atj-imageRatio-mobile, var(--n64atj-imageRatio, auto)); img { object-fit: var(--n64atj-objFit-mobile, var(--n64atj-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-h0f3if"] { --h0f3if-gap: 40px; --h0f3if-gap-tablet: 40px; --h0f3if-gap-mobile: 40px; --h0f3if-direction: column; --h0f3if-direction-tablet: column; --h0f3if-direction-mobile: column; --h0f3if-justify-content: center; --h0f3if-justify-content-tablet: center; --h0f3if-justify-content-mobile: center; }[data-bnode="beae-h0f3if"] { padding-top: var(--h0f3if-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--h0f3if-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--h0f3if-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--h0f3if-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--h0f3if-padding-top-tablet, var(--h0f3if-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--h0f3if-padding-right-tablet, var(--h0f3if-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--h0f3if-padding-bottom-tablet, var(--h0f3if-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--h0f3if-padding-left-tablet, var(--h0f3if-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--h0f3if-padding-top-mobile, var(--h0f3if-padding-top-tablet, var(--h0f3if-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--h0f3if-padding-right-mobile, var(--h0f3if-padding-right-tablet, var(--h0f3if-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--h0f3if-padding-bottom-mobile, var(--h0f3if-padding-bottom-tablet, var(--h0f3if-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--h0f3if-padding-left-mobile, var(--h0f3if-padding-left-tablet, var(--h0f3if-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--h0f3if-padding-left, var(--beae-slot-padding-x, 0px)) - var(--h0f3if-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--h0f3if-background-imageRatio, auto); background: var(--h0f3if-background-color,transparent); border-style: var(--h0f3if-borderStyle,solid); border-color: var(--h0f3if-borderColor,#000000); border-width: var(--h0f3if-borderWidth-tl,0px) var(--h0f3if-borderWidth-tr,0px) var(--h0f3if-borderWidth-br,0px) var(--h0f3if-borderWidth-bl,0px); border-radius: var(--h0f3if-borderRadius-tl,0px) var(--h0f3if-borderRadius-tr,0px) var(--h0f3if-borderRadius-br,0px) var(--h0f3if-borderRadius-bl,0px); box-shadow: if(style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal,0) var(--h0f3if-shadowVertical,0) var(--h0f3if-shadowBlur,0) 1px var(--h0f3if-shadowColor,#000000); else: none); max-width: var(--h0f3if-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--h0f3if-background-imageRatio-tablet, var(--h0f3if-background-imageRatio, auto)); border-width: var(--h0f3if-borderWidth-tl-tablet,0px) var(--h0f3if-borderWidth-tr-tablet,0px) var(--h0f3if-borderWidth-br-tablet,0px) var(--h0f3if-borderWidth-bl-tablet,0px); border-radius: var(--h0f3if-borderRadius-tl-tablet,0px) var(--h0f3if-borderRadius-tr-tablet,0px) var(--h0f3if-borderRadius-br-tablet,0px) var(--h0f3if-borderRadius-bl-tablet,0px); max-width: var(--h0f3if-max-width-tablet, var(--h0f3if-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--h0f3if-background-imageRatio-mobile, var(--h0f3if-background-imageRatio, auto)); border-width: var(--h0f3if-borderWidth-tl-mobile,0px) var(--h0f3if-borderWidth-tr-mobile,0px) var(--h0f3if-borderWidth-br-mobile,0px) var(--h0f3if-borderWidth-bl-mobile,0px); border-radius: var(--h0f3if-borderRadius-tl-mobile,0px) var(--h0f3if-borderRadius-tr-mobile,0px) var(--h0f3if-borderRadius-br-mobile,0px) var(--h0f3if-borderRadius-bl-mobile,0px); max-width: var(--h0f3if-max-width-mobile, var(--h0f3if-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--h0f3if-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--h0f3if-gap,var(--beae-card-gap)); padding-top: var(--h0f3if-padding-top,var(--beae-card-padding)); padding-right: var(--h0f3if-padding-right,var(--beae-card-padding)); padding-bottom: var(--h0f3if-padding-bottom,var(--beae-card-padding)); padding-left: var(--h0f3if-padding-left,var(--beae-card-padding)); border-width: var(--h0f3if-borderWidth,var(--beae-card-border-width)); border-width: var(--h0f3if-borderWidth-tl,var(--beae-card-border-width)) var(--h0f3if-borderWidth-tr,var(--beae-card-border-width)) var(--h0f3if-borderWidth-br,var(--beae-card-border-width)) var(--h0f3if-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--h0f3if-borderRadius-tl,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-tr,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-br,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--h0f3if-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--h0f3if-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--h0f3if-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--h0f3if-padding-left-tablet,var(--beae-card-padding)); border-width: var(--h0f3if-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--h0f3if-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--h0f3if-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--h0f3if-borderWidth-br-desktop,var(--beae-card-border-width)) var(--h0f3if-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--h0f3if-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--h0f3if-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--h0f3if-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--h0f3if-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--h0f3if-padding-left-mobile,var(--beae-card-padding)); border-width: var(--h0f3if-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--h0f3if-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--h0f3if-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--h0f3if-borderWidth-br-mobile,var(--beae-card-border-width)) var(--h0f3if-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--h0f3if-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--h0f3if-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--h0f3if-background-color,var(--beae-card-featured-background)); border-color: var(--h0f3if-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal, var(--beae-card-shadow-x)) var(--h0f3if-shadowVertical, var(--beae-card-shadow-y)) var(--h0f3if-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h0f3if-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--h0f3if-background-color,var(--beae-card-prod-background)); border-color: var(--h0f3if-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal, var(--beae-card-shadow-x)) var(--h0f3if-shadowVertical, var(--beae-card-shadow-y)) var(--h0f3if-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h0f3if-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--h0f3if-background-color,var(--beae-card-pricing-background)); border-color: var(--h0f3if-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal, var(--beae-card-shadow-x)) var(--h0f3if-shadowVertical, var(--beae-card-shadow-y)) var(--h0f3if-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h0f3if-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--h0f3if-background-color,var(--beae-card-cta-background)); border-color: var(--h0f3if-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal, var(--beae-card-shadow-x)) var(--h0f3if-shadowVertical, var(--beae-card-shadow-y)) var(--h0f3if-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h0f3if-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--h0f3if-background-color,var(--beae-card-media-background)); border-color: var(--h0f3if-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--h0f3if-enableShadow: true): var(--h0f3if-shadowHorizontal, var(--beae-card-shadow-x)) var(--h0f3if-shadowVertical, var(--beae-card-shadow-y)) var(--h0f3if-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h0f3if-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-h0f3if"] {     display: flex;     flex-direction: var(--h0f3if-direction, column);     flex-wrap: nowrap;     justify-content: var(--h0f3if-justify-content);     align-items: var(--h0f3if-align-items);     gap: var(--h0f3if-gap, var(--h0f3if-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-h0f3if"] {                            gap: var(--h0f3if-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h0f3if-padding-right-tablet, 0px) - var(--h0f3if-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-h0f3if"] {                            gap: var(--h0f3if-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h0f3if-padding-right-mobile, 0px) - var(--h0f3if-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ulhipg"] { --ulhipg-direction: column; --ulhipg-direction-tablet: column; --ulhipg-direction-mobile: column; --ulhipg-structure: columns; --ulhipg-structure-tablet: columns; --ulhipg-structure-mobile: columns; --ulhipg-gap: 24px; --ulhipg-gap-tablet: 24px; --ulhipg-gap-mobile: 24px; --ulhipg-align-items: flex-start; --ulhipg-align-items-tablet: flex-start; --ulhipg-align-items-mobile: flex-start; --ulhipg-justify-content: flex-start; --ulhipg-justify-content-tablet: flex-start; --ulhipg-justify-content-mobile: flex-start; }[data-bnode="beae-ulhipg"] { padding-top: var(--ulhipg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ulhipg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ulhipg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ulhipg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ulhipg-padding-top-tablet, var(--ulhipg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ulhipg-padding-right-tablet, var(--ulhipg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ulhipg-padding-bottom-tablet, var(--ulhipg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ulhipg-padding-left-tablet, var(--ulhipg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ulhipg-padding-top-mobile, var(--ulhipg-padding-top-tablet, var(--ulhipg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ulhipg-padding-right-mobile, var(--ulhipg-padding-right-tablet, var(--ulhipg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ulhipg-padding-bottom-mobile, var(--ulhipg-padding-bottom-tablet, var(--ulhipg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ulhipg-padding-left-mobile, var(--ulhipg-padding-left-tablet, var(--ulhipg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ulhipg-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ulhipg-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ulhipg-background-imageRatio, auto); background: var(--ulhipg-background-color,transparent); border-style: var(--ulhipg-borderStyle,solid); border-color: var(--ulhipg-borderColor,#000000); border-width: var(--ulhipg-borderWidth-tl,0px) var(--ulhipg-borderWidth-tr,0px) var(--ulhipg-borderWidth-br,0px) var(--ulhipg-borderWidth-bl,0px); border-radius: var(--ulhipg-borderRadius-tl,0px) var(--ulhipg-borderRadius-tr,0px) var(--ulhipg-borderRadius-br,0px) var(--ulhipg-borderRadius-bl,0px); box-shadow: if(style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal,0) var(--ulhipg-shadowVertical,0) var(--ulhipg-shadowBlur,0) 1px var(--ulhipg-shadowColor,#000000); else: none); max-width: var(--ulhipg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ulhipg-background-imageRatio-tablet, var(--ulhipg-background-imageRatio, auto)); border-width: var(--ulhipg-borderWidth-tl-tablet,0px) var(--ulhipg-borderWidth-tr-tablet,0px) var(--ulhipg-borderWidth-br-tablet,0px) var(--ulhipg-borderWidth-bl-tablet,0px); border-radius: var(--ulhipg-borderRadius-tl-tablet,0px) var(--ulhipg-borderRadius-tr-tablet,0px) var(--ulhipg-borderRadius-br-tablet,0px) var(--ulhipg-borderRadius-bl-tablet,0px); max-width: var(--ulhipg-max-width-tablet, var(--ulhipg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ulhipg-background-imageRatio-mobile, var(--ulhipg-background-imageRatio, auto)); border-width: var(--ulhipg-borderWidth-tl-mobile,0px) var(--ulhipg-borderWidth-tr-mobile,0px) var(--ulhipg-borderWidth-br-mobile,0px) var(--ulhipg-borderWidth-bl-mobile,0px); border-radius: var(--ulhipg-borderRadius-tl-mobile,0px) var(--ulhipg-borderRadius-tr-mobile,0px) var(--ulhipg-borderRadius-br-mobile,0px) var(--ulhipg-borderRadius-bl-mobile,0px); max-width: var(--ulhipg-max-width-mobile, var(--ulhipg-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ulhipg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ulhipg-gap,var(--beae-card-gap)); padding-top: var(--ulhipg-padding-top,var(--beae-card-padding)); padding-right: var(--ulhipg-padding-right,var(--beae-card-padding)); padding-bottom: var(--ulhipg-padding-bottom,var(--beae-card-padding)); padding-left: var(--ulhipg-padding-left,var(--beae-card-padding)); border-width: var(--ulhipg-borderWidth,var(--beae-card-border-width)); border-width: var(--ulhipg-borderWidth-tl,var(--beae-card-border-width)) var(--ulhipg-borderWidth-tr,var(--beae-card-border-width)) var(--ulhipg-borderWidth-br,var(--beae-card-border-width)) var(--ulhipg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ulhipg-borderRadius-tl,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-tr,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-br,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ulhipg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ulhipg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ulhipg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ulhipg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ulhipg-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ulhipg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ulhipg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ulhipg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ulhipg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ulhipg-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ulhipg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ulhipg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ulhipg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ulhipg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ulhipg-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ulhipg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ulhipg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ulhipg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ulhipg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ulhipg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ulhipg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ulhipg-background-color,var(--beae-card-featured-background)); border-color: var(--ulhipg-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal, var(--beae-card-shadow-x)) var(--ulhipg-shadowVertical, var(--beae-card-shadow-y)) var(--ulhipg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ulhipg-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ulhipg-background-color,var(--beae-card-prod-background)); border-color: var(--ulhipg-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal, var(--beae-card-shadow-x)) var(--ulhipg-shadowVertical, var(--beae-card-shadow-y)) var(--ulhipg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ulhipg-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ulhipg-background-color,var(--beae-card-pricing-background)); border-color: var(--ulhipg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal, var(--beae-card-shadow-x)) var(--ulhipg-shadowVertical, var(--beae-card-shadow-y)) var(--ulhipg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ulhipg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ulhipg-background-color,var(--beae-card-cta-background)); border-color: var(--ulhipg-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal, var(--beae-card-shadow-x)) var(--ulhipg-shadowVertical, var(--beae-card-shadow-y)) var(--ulhipg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ulhipg-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ulhipg-background-color,var(--beae-card-media-background)); border-color: var(--ulhipg-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ulhipg-enableShadow: true): var(--ulhipg-shadowHorizontal, var(--beae-card-shadow-x)) var(--ulhipg-shadowVertical, var(--beae-card-shadow-y)) var(--ulhipg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ulhipg-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-ulhipg"] {     display: flex;     flex-direction: var(--ulhipg-direction, column);     flex-wrap: nowrap;     justify-content: var(--ulhipg-justify-content);     align-items: var(--ulhipg-align-items);     gap: var(--ulhipg-gap, var(--ulhipg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ulhipg"] {                            gap: var(--ulhipg-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--ulhipg-padding-right-tablet, 0px) - var(--ulhipg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ulhipg"] {                            gap: var(--ulhipg-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--ulhipg-padding-right-mobile, 0px) - var(--ulhipg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-h9oykj"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --h9oykj-typography: h2; --h9oykj-typography-tablet: h2; --h9oykj-typography-mobile: h2; }[data-bnode="beae-h9oykj"] { margin-top: var(--h9oykj-margin-top, 0px); margin-right: var(--h9oykj-margin-right, 0px); margin-bottom: var(--h9oykj-margin-bottom, 0px); margin-left: var(--h9oykj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h9oykj-margin-top-tablet, 0px); margin-right: var(--h9oykj-margin-right-tablet, 0px); margin-bottom: var(--h9oykj-margin-bottom-tablet, 0px); margin-left: var(--h9oykj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h9oykj-margin-top-mobile, 0px); margin-right: var(--h9oykj-margin-right-mobile, 0px); margin-bottom: var(--h9oykj-margin-bottom-mobile, 0px); margin-left: var(--h9oykj-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--h9oykj-highlightColor,var(--beae-p-color)); top: var(--h9oykj-highlightTop, 100%); } }[data-bnode="beae-0zmgkz"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --0zmgkz-typography: p; --0zmgkz-typography-tablet: p; --0zmgkz-typography-mobile: p; }[data-bnode="beae-0zmgkz"] { margin-top: var(--0zmgkz-margin-top, 0px); margin-right: var(--0zmgkz-margin-right, 0px); margin-bottom: var(--0zmgkz-margin-bottom, 0px); margin-left: var(--0zmgkz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0zmgkz-margin-top-tablet, 0px); margin-right: var(--0zmgkz-margin-right-tablet, 0px); margin-bottom: var(--0zmgkz-margin-bottom-tablet, 0px); margin-left: var(--0zmgkz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0zmgkz-margin-top-mobile, 0px); margin-right: var(--0zmgkz-margin-right-mobile, 0px); margin-bottom: var(--0zmgkz-margin-bottom-mobile, 0px); margin-left: var(--0zmgkz-margin-left-mobile, 0px); } }[data-bnode="beae-9ce97g"] { --9ce97g-columns: 2; --9ce97g-columns-tablet: 1; --9ce97g-columns-mobile: 1; --9ce97g-gap: 20px; --9ce97g-gap-tablet: 16px; --9ce97g-gap-mobile: 16px; --9ce97g-navType: true; --9ce97g-navType-tablet: true; --9ce97g-navType-mobile: true; --9ce97g-pagiType: false; --9ce97g-pagiType-tablet: false; --9ce97g-pagiType-mobile: false; --9ce97g-listType: grid; --9ce97g-listType-tablet: grid; --9ce97g-listType-mobile: grid; --9ce97g-stateNavigation: normal; --9ce97g-stateNavigation-tablet: normal; --9ce97g-stateNavigation-mobile: normal; --9ce97g-statePagination: normal; --9ce97g-statePagination-tablet: normal; --9ce97g-statePagination-mobile: normal; --9ce97g-stateNavigtion: normal; --9ce97g-stateNavigtion-tablet: normal; --9ce97g-stateNavigtion-mobile: normal; --9ce97g-columnsMobile-mobile: 1; } [data-bnode="beae-9ce97g"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-9ce97g"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-9ce97g"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-9ce97g"] [data-bnode="beae-ew0hj5"] { --ew0hj5-width: 100%; --ew0hj5-imageRatio: auto; --ew0hj5-objFit: cover; --ew0hj5-borderColor: #000000; --ew0hj5-shadowColor: #000000; --ew0hj5-borderStyle: none; --ew0hj5-enableShadow: false; } [data-bnode="beae-9ce97g"] [data-bnode="beae-gitxej"] { --gitxej-typography: h3; --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; } [data-bnode="beae-9ce97g"] [data-bnode="beae-cn76hl"] { --cn76hl-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-9ce97g"] [data-bnode="beae-8h0rop"] { --8h0rop-direction: row; --8h0rop-structure: auto; --8h0rop-align-items: flex-start; --8h0rop-gap: 16px; } [data-bnode="beae-9ce97g"] [data-bnode="beae-q5e3zl"] { --q5e3zl-structure: auto; --q5e3zl-max-width: fit-content; --q5e3zl-direction: row; --q5e3zl-padding-top: 12px; --q5e3zl-padding-right: 12px; --q5e3zl-padding-bottom: 12px; --q5e3zl-padding-left: 12px; --q5e3zl-borderRadius-tl: 99px; --q5e3zl-borderRadius-tr: 99px; --q5e3zl-borderRadius-bl: 99px; --q5e3zl-borderRadius-br: 99px; --q5e3zl-background-type: color; --q5e3zl-background-color: #E6F0FDCC; --q5e3zl-padding-top-tablet: 12px; --q5e3zl-padding-right-tablet: 12px; --q5e3zl-padding-bottom-tablet: 12px; --q5e3zl-padding-left-tablet: 12px; --q5e3zl-borderRadius-tl-tablet: 99px; --q5e3zl-borderRadius-tr-tablet: 99px; --q5e3zl-borderRadius-bl-tablet: 99px; --q5e3zl-borderRadius-br-tablet: 99px; } [data-bnode="beae-9ce97g"] [data-bnode="beae-zqut4t"] { --zqut4t-gap: 12px; } [data-bnode="beae-9ce97g"] [data-bnode="beae-q5e3zl"] { --q5e3zl-direction: row; --q5e3zl-direction-tablet: row; --q5e3zl-direction-mobile: row; } [data-bnode="beae-9ce97g"] [data-bnode="beae-7vyfm9"] { --7vyfm9-width: 24px; --7vyfm9-width-tablet: 24px; --7vyfm9-width-mobile: 24px; --7vyfm9-imageRatio: 1/1; --7vyfm9-imageRatio-tablet: 1/1; --7vyfm9-imageRatio-mobile: 1/1; --7vyfm9-objFit: cover; --7vyfm9-objFit-tablet: cover; --7vyfm9-objFit-mobile: cover; --7vyfm9-borderColor: #000000; --7vyfm9-borderColor-tablet: #000000; --7vyfm9-borderColor-mobile: #000000; --7vyfm9-shadowColor: #000000; --7vyfm9-shadowColor-tablet: #000000; --7vyfm9-shadowColor-mobile: #000000; --7vyfm9-borderStyle: none; --7vyfm9-borderStyle-tablet: none; --7vyfm9-borderStyle-mobile: none; --7vyfm9-enableShadow: false; --7vyfm9-enableShadow-tablet: false; --7vyfm9-enableShadow-mobile: false; } [data-bnode="beae-9ce97g"] [data-bnode="beae-hab8ic"] { --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 18px; --beae-h4-color: #143052; --beae-h4-font-family: Instrument Sans; --beae-h4-font-weight: 700; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: capitalize; --hab8ic-typography: h4; --hab8ic-typography-tablet: h4; --hab8ic-typography-mobile: h4; } [data-bnode="beae-9ce97g"] [data-bnode="beae-i0ur1t"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --i0ur1t-typography: p; --i0ur1t-typography-tablet: p; --i0ur1t-typography-mobile: p; } [data-bnode="beae-9ce97g"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; }[data-bnode="beae-9ce97g"] { margin-top: var(--9ce97g-margin-top, 0px); margin-right: var(--9ce97g-margin-right, 0px); margin-bottom: var(--9ce97g-margin-bottom, 0px); margin-left: var(--9ce97g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9ce97g-margin-top-tablet, 0px); margin-right: var(--9ce97g-margin-right-tablet, 0px); margin-bottom: var(--9ce97g-margin-bottom-tablet, 0px); margin-left: var(--9ce97g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9ce97g-margin-top-mobile, 0px); margin-right: var(--9ce97g-margin-right-mobile, 0px); margin-bottom: var(--9ce97g-margin-bottom-mobile, 0px); margin-left: var(--9ce97g-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--9ce97g-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--9ce97g-gap,var(--beae-grid-gap, 20px)) * (var(--9ce97g-columns, 3) - 1) + 1px) / var(--9ce97g-columns, 3)); &:last-child{ margin-right: var(--9ce97g-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--9ce97g-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--9ce97g-columns) - 1) * var(--9ce97g-gap,var(--beae-grid-gap, 20px))) / var(--9ce97g-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--9ce97g-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--9ce97g-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--9ce97g-columns-tablet, 3) - 1)) / var(--9ce97g-columns-tablet, 3)); &:last-child{ margin-right: var(--9ce97g-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--9ce97g-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--9ce97g-columns-tablet) - 1) * var(--9ce97g-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--9ce97g-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--9ce97g-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--9ce97g-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--9ce97g-columnsMobile-mobile, 1) - 1)) / var(--9ce97g-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--9ce97g-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--9ce97g-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--9ce97g-columnsMobile-mobile) - 1) * var(--9ce97g-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--9ce97g-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--9ce97g-navPadding,12px); background:var(--9ce97g-navBg,#F5F5F5); color: var(--9ce97g-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--9ce97g-navBgHover,#CCCCCC); color: var(--9ce97g-navColorHover,var(--beae-text-color)); } svg { width: var(--9ce97g-navIconSize,20px); height: var(--9ce97g-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--9ce97g-pagiBg,#E6E6E6); &.active { background:var(--9ce97g-pagiBgActive,#181818); } &:not(.active):hover { background:var(--9ce97g-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--9ce97g-pagiColor,#e6e6e6); &.active { color:var(--9ce97g-pagiColorActive,#181818); } &:not(.active):hover { color: var(--9ce97g-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--9ce97g-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--9ce97g-pagiBg,#E6E6E6); &.active { background: var(--9ce97g-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--9ce97g-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-9ce97g"] [data-bnode="beae-8h0rop"] { padding-top: var(--8h0rop-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8h0rop-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8h0rop-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8h0rop-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8h0rop-padding-top-tablet, var(--8h0rop-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8h0rop-padding-right-tablet, var(--8h0rop-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8h0rop-padding-bottom-tablet, var(--8h0rop-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8h0rop-padding-left-tablet, var(--8h0rop-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8h0rop-padding-top-mobile, var(--8h0rop-padding-top-tablet, var(--8h0rop-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8h0rop-padding-right-mobile, var(--8h0rop-padding-right-tablet, var(--8h0rop-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8h0rop-padding-bottom-mobile, var(--8h0rop-padding-bottom-tablet, var(--8h0rop-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8h0rop-padding-left-mobile, var(--8h0rop-padding-left-tablet, var(--8h0rop-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8h0rop-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8h0rop-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8h0rop-background-imageRatio, auto); background: var(--8h0rop-background-color,transparent); border-style: var(--8h0rop-borderStyle,solid); border-color: var(--8h0rop-borderColor,#000000); border-width: var(--8h0rop-borderWidth-tl,0px) var(--8h0rop-borderWidth-tr,0px) var(--8h0rop-borderWidth-br,0px) var(--8h0rop-borderWidth-bl,0px); border-radius: var(--8h0rop-borderRadius-tl,0px) var(--8h0rop-borderRadius-tr,0px) var(--8h0rop-borderRadius-br,0px) var(--8h0rop-borderRadius-bl,0px); box-shadow: if(style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal,0) var(--8h0rop-shadowVertical,0) var(--8h0rop-shadowBlur,0) 1px var(--8h0rop-shadowColor,#000000); else: none); max-width: var(--8h0rop-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8h0rop-background-imageRatio-tablet, var(--8h0rop-background-imageRatio, auto)); border-width: var(--8h0rop-borderWidth-tl-tablet,0px) var(--8h0rop-borderWidth-tr-tablet,0px) var(--8h0rop-borderWidth-br-tablet,0px) var(--8h0rop-borderWidth-bl-tablet,0px); border-radius: var(--8h0rop-borderRadius-tl-tablet,0px) var(--8h0rop-borderRadius-tr-tablet,0px) var(--8h0rop-borderRadius-br-tablet,0px) var(--8h0rop-borderRadius-bl-tablet,0px); max-width: var(--8h0rop-max-width-tablet, var(--8h0rop-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8h0rop-background-imageRatio-mobile, var(--8h0rop-background-imageRatio, auto)); border-width: var(--8h0rop-borderWidth-tl-mobile,0px) var(--8h0rop-borderWidth-tr-mobile,0px) var(--8h0rop-borderWidth-br-mobile,0px) var(--8h0rop-borderWidth-bl-mobile,0px); border-radius: var(--8h0rop-borderRadius-tl-mobile,0px) var(--8h0rop-borderRadius-tr-mobile,0px) var(--8h0rop-borderRadius-br-mobile,0px) var(--8h0rop-borderRadius-bl-mobile,0px); max-width: var(--8h0rop-max-width-mobile, var(--8h0rop-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8h0rop-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8h0rop-gap,var(--beae-card-gap)); padding-top: var(--8h0rop-padding-top,var(--beae-card-padding)); padding-right: var(--8h0rop-padding-right,var(--beae-card-padding)); padding-bottom: var(--8h0rop-padding-bottom,var(--beae-card-padding)); padding-left: var(--8h0rop-padding-left,var(--beae-card-padding)); border-width: var(--8h0rop-borderWidth,var(--beae-card-border-width)); border-width: var(--8h0rop-borderWidth-tl,var(--beae-card-border-width)) var(--8h0rop-borderWidth-tr,var(--beae-card-border-width)) var(--8h0rop-borderWidth-br,var(--beae-card-border-width)) var(--8h0rop-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8h0rop-borderRadius-tl,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-tr,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-br,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8h0rop-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8h0rop-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8h0rop-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8h0rop-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8h0rop-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8h0rop-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8h0rop-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8h0rop-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8h0rop-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8h0rop-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8h0rop-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8h0rop-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8h0rop-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8h0rop-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8h0rop-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8h0rop-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8h0rop-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8h0rop-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8h0rop-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8h0rop-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8h0rop-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8h0rop-background-color,var(--beae-card-featured-background)); border-color: var(--8h0rop-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal, var(--beae-card-shadow-x)) var(--8h0rop-shadowVertical, var(--beae-card-shadow-y)) var(--8h0rop-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8h0rop-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8h0rop-background-color,var(--beae-card-prod-background)); border-color: var(--8h0rop-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal, var(--beae-card-shadow-x)) var(--8h0rop-shadowVertical, var(--beae-card-shadow-y)) var(--8h0rop-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8h0rop-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8h0rop-background-color,var(--beae-card-pricing-background)); border-color: var(--8h0rop-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal, var(--beae-card-shadow-x)) var(--8h0rop-shadowVertical, var(--beae-card-shadow-y)) var(--8h0rop-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8h0rop-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8h0rop-background-color,var(--beae-card-cta-background)); border-color: var(--8h0rop-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal, var(--beae-card-shadow-x)) var(--8h0rop-shadowVertical, var(--beae-card-shadow-y)) var(--8h0rop-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8h0rop-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8h0rop-background-color,var(--beae-card-media-background)); border-color: var(--8h0rop-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8h0rop-enableShadow: true): var(--8h0rop-shadowHorizontal, var(--beae-card-shadow-x)) var(--8h0rop-shadowVertical, var(--beae-card-shadow-y)) var(--8h0rop-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8h0rop-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-9ce97g"] [data-bnode="beae-q5e3zl"] { padding-top: var(--q5e3zl-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--q5e3zl-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--q5e3zl-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--q5e3zl-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--q5e3zl-padding-top-tablet, var(--q5e3zl-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--q5e3zl-padding-right-tablet, var(--q5e3zl-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--q5e3zl-padding-bottom-tablet, var(--q5e3zl-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--q5e3zl-padding-left-tablet, var(--q5e3zl-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--q5e3zl-padding-top-mobile, var(--q5e3zl-padding-top-tablet, var(--q5e3zl-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--q5e3zl-padding-right-mobile, var(--q5e3zl-padding-right-tablet, var(--q5e3zl-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--q5e3zl-padding-bottom-mobile, var(--q5e3zl-padding-bottom-tablet, var(--q5e3zl-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--q5e3zl-padding-left-mobile, var(--q5e3zl-padding-left-tablet, var(--q5e3zl-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--q5e3zl-padding-left, var(--beae-slot-padding-x, 0px)) - var(--q5e3zl-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--q5e3zl-background-imageRatio, auto); background: var(--q5e3zl-background-color,transparent); border-style: var(--q5e3zl-borderStyle,solid); border-color: var(--q5e3zl-borderColor,#000000); border-width: var(--q5e3zl-borderWidth-tl,0px) var(--q5e3zl-borderWidth-tr,0px) var(--q5e3zl-borderWidth-br,0px) var(--q5e3zl-borderWidth-bl,0px); border-radius: var(--q5e3zl-borderRadius-tl,0px) var(--q5e3zl-borderRadius-tr,0px) var(--q5e3zl-borderRadius-br,0px) var(--q5e3zl-borderRadius-bl,0px); box-shadow: if(style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal,0) var(--q5e3zl-shadowVertical,0) var(--q5e3zl-shadowBlur,0) 1px var(--q5e3zl-shadowColor,#000000); else: none); max-width: var(--q5e3zl-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--q5e3zl-background-imageRatio-tablet, var(--q5e3zl-background-imageRatio, auto)); border-width: var(--q5e3zl-borderWidth-tl-tablet,0px) var(--q5e3zl-borderWidth-tr-tablet,0px) var(--q5e3zl-borderWidth-br-tablet,0px) var(--q5e3zl-borderWidth-bl-tablet,0px); border-radius: var(--q5e3zl-borderRadius-tl-tablet,0px) var(--q5e3zl-borderRadius-tr-tablet,0px) var(--q5e3zl-borderRadius-br-tablet,0px) var(--q5e3zl-borderRadius-bl-tablet,0px); max-width: var(--q5e3zl-max-width-tablet, var(--q5e3zl-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--q5e3zl-background-imageRatio-mobile, var(--q5e3zl-background-imageRatio, auto)); border-width: var(--q5e3zl-borderWidth-tl-mobile,0px) var(--q5e3zl-borderWidth-tr-mobile,0px) var(--q5e3zl-borderWidth-br-mobile,0px) var(--q5e3zl-borderWidth-bl-mobile,0px); border-radius: var(--q5e3zl-borderRadius-tl-mobile,0px) var(--q5e3zl-borderRadius-tr-mobile,0px) var(--q5e3zl-borderRadius-br-mobile,0px) var(--q5e3zl-borderRadius-bl-mobile,0px); max-width: var(--q5e3zl-max-width-mobile, var(--q5e3zl-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--q5e3zl-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--q5e3zl-gap,var(--beae-card-gap)); padding-top: var(--q5e3zl-padding-top,var(--beae-card-padding)); padding-right: var(--q5e3zl-padding-right,var(--beae-card-padding)); padding-bottom: var(--q5e3zl-padding-bottom,var(--beae-card-padding)); padding-left: var(--q5e3zl-padding-left,var(--beae-card-padding)); border-width: var(--q5e3zl-borderWidth,var(--beae-card-border-width)); border-width: var(--q5e3zl-borderWidth-tl,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-tr,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-br,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--q5e3zl-borderRadius-tl,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-tr,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-br,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--q5e3zl-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--q5e3zl-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--q5e3zl-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--q5e3zl-padding-left-tablet,var(--beae-card-padding)); border-width: var(--q5e3zl-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--q5e3zl-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-br-desktop,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--q5e3zl-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--q5e3zl-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--q5e3zl-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--q5e3zl-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--q5e3zl-padding-left-mobile,var(--beae-card-padding)); border-width: var(--q5e3zl-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--q5e3zl-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-br-mobile,var(--beae-card-border-width)) var(--q5e3zl-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--q5e3zl-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--q5e3zl-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--q5e3zl-background-color,var(--beae-card-featured-background)); border-color: var(--q5e3zl-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal, var(--beae-card-shadow-x)) var(--q5e3zl-shadowVertical, var(--beae-card-shadow-y)) var(--q5e3zl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q5e3zl-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--q5e3zl-background-color,var(--beae-card-prod-background)); border-color: var(--q5e3zl-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal, var(--beae-card-shadow-x)) var(--q5e3zl-shadowVertical, var(--beae-card-shadow-y)) var(--q5e3zl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q5e3zl-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--q5e3zl-background-color,var(--beae-card-pricing-background)); border-color: var(--q5e3zl-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal, var(--beae-card-shadow-x)) var(--q5e3zl-shadowVertical, var(--beae-card-shadow-y)) var(--q5e3zl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q5e3zl-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--q5e3zl-background-color,var(--beae-card-cta-background)); border-color: var(--q5e3zl-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal, var(--beae-card-shadow-x)) var(--q5e3zl-shadowVertical, var(--beae-card-shadow-y)) var(--q5e3zl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q5e3zl-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--q5e3zl-background-color,var(--beae-card-media-background)); border-color: var(--q5e3zl-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--q5e3zl-enableShadow: true): var(--q5e3zl-shadowHorizontal, var(--beae-card-shadow-x)) var(--q5e3zl-shadowVertical, var(--beae-card-shadow-y)) var(--q5e3zl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q5e3zl-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-9ce97g"] [data-bnode="beae-7vyfm9"] { margin-top: var(--7vyfm9-margin-top, 0px); margin-right: var(--7vyfm9-margin-right, 0px); margin-bottom: var(--7vyfm9-margin-bottom, 0px); margin-left: var(--7vyfm9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7vyfm9-margin-top-tablet, 0px); margin-right: var(--7vyfm9-margin-right-tablet, 0px); margin-bottom: var(--7vyfm9-margin-bottom-tablet, 0px); margin-left: var(--7vyfm9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7vyfm9-margin-top-mobile, 0px); margin-right: var(--7vyfm9-margin-right-mobile, 0px); margin-bottom: var(--7vyfm9-margin-bottom-mobile, 0px); margin-left: var(--7vyfm9-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--7vyfm9-width,100%) - var(--7vyfm9-margin-left,0px) - var(--7vyfm9-margin-right,0px)); min-height: min-content; border-style: var(--7vyfm9-borderStyle,solid); border-color: var(--7vyfm9-borderColor,#000000); border-width: var(--7vyfm9-borderWidth-tl,0px) var(--7vyfm9-borderWidth-tr,0px) var(--7vyfm9-borderWidth-br,0px) var(--7vyfm9-borderWidth-bl,0px); border-radius: var(--7vyfm9-borderRadius-tl,0px) var(--7vyfm9-borderRadius-tr,0px) var(--7vyfm9-borderRadius-br,0px) var(--7vyfm9-borderRadius-bl,0px); aspect-ratio: var(--7vyfm9-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--7vyfm9-borderWidth-tl-tablet, var(--7vyfm9-borderWidth-tl,0px)) var(--7vyfm9-borderWidth-tr-tablet, var(--7vyfm9-borderWidth-tr,0px)) var(--7vyfm9-borderWidth-br-tablet, var(--7vyfm9-borderWidth-br,0px)) var(--7vyfm9-borderWidth-bl-tablet, var(--7vyfm9-borderWidth-bl,0px)); border-radius: var(--7vyfm9-borderRadius-tl-tablet, var(--7vyfm9-borderRadius-tl,0px)) var(--7vyfm9-borderRadius-tr-tablet, var(--7vyfm9-borderRadius-tr,0px)) var(--7vyfm9-borderRadius-br-tablet, var(--7vyfm9-borderRadius-br,0px)) var(--7vyfm9-borderRadius-bl-tablet, var(--7vyfm9-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--7vyfm9-borderWidth-tl-mobile, var(--7vyfm9-borderWidth-tl,0px)) var(--7vyfm9-borderWidth-tr-mobile, var(--7vyfm9-borderWidth-tr,0px)) var(--7vyfm9-borderWidth-br-mobile, var(--7vyfm9-borderWidth-br,0px)) var(--7vyfm9-borderWidth-bl-mobile, var(--7vyfm9-borderWidth-bl,0px)); border-radius: var(--7vyfm9-borderRadius-tl-mobile, var(--7vyfm9-borderRadius-tl,0px)) var(--7vyfm9-borderRadius-tr-mobile, var(--7vyfm9-borderRadius-tr,0px)) var(--7vyfm9-borderRadius-br-mobile, var(--7vyfm9-borderRadius-br,0px)) var(--7vyfm9-borderRadius-bl-mobile, var(--7vyfm9-borderRadius-bl,0px)); } box-shadow: if( style(--7vyfm9-enableShadow: true): var(--7vyfm9-shadowHorizontal, 0) var(--7vyfm9-shadowVertical, 0) var(--7vyfm9-shadowBlur, 0) 1px var(--7vyfm9-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--7vyfm9-overlayColor-color, #000); opacity: var(--7vyfm9-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--7vyfm9-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--7vyfm9-width-tablet,var(--7vyfm9-width,100%)) - var(--7vyfm9-margin-left-tablet,var(--7vyfm9-margin-left,0px)) - var(--7vyfm9-margin-right-tablet,var(--7vyfm9-margin-right,0px))); aspect-ratio: var(--7vyfm9-imageRatio-tablet, var(--7vyfm9-imageRatio, auto)); img { object-fit: var(--7vyfm9-objFit-tablet, var(--7vyfm9-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--7vyfm9-width-mobile,var(--7vyfm9-width,100%)) - var(--7vyfm9-margin-left-mobile,var(--7vyfm9-margin-left,0px)) - var(--7vyfm9-margin-right-mobile,var(--7vyfm9-margin-right,0px))); aspect-ratio: var(--7vyfm9-imageRatio-mobile, var(--7vyfm9-imageRatio, auto)); img { object-fit: var(--7vyfm9-objFit-mobile, var(--7vyfm9-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-9ce97g"] [data-bnode="beae-zqut4t"] { padding-top: var(--zqut4t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zqut4t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zqut4t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zqut4t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zqut4t-padding-top-tablet, var(--zqut4t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zqut4t-padding-right-tablet, var(--zqut4t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zqut4t-padding-bottom-tablet, var(--zqut4t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zqut4t-padding-left-tablet, var(--zqut4t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zqut4t-padding-top-mobile, var(--zqut4t-padding-top-tablet, var(--zqut4t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zqut4t-padding-right-mobile, var(--zqut4t-padding-right-tablet, var(--zqut4t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zqut4t-padding-bottom-mobile, var(--zqut4t-padding-bottom-tablet, var(--zqut4t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zqut4t-padding-left-mobile, var(--zqut4t-padding-left-tablet, var(--zqut4t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zqut4t-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zqut4t-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zqut4t-background-imageRatio, auto); background: var(--zqut4t-background-color,transparent); border-style: var(--zqut4t-borderStyle,solid); border-color: var(--zqut4t-borderColor,#000000); border-width: var(--zqut4t-borderWidth-tl,0px) var(--zqut4t-borderWidth-tr,0px) var(--zqut4t-borderWidth-br,0px) var(--zqut4t-borderWidth-bl,0px); border-radius: var(--zqut4t-borderRadius-tl,0px) var(--zqut4t-borderRadius-tr,0px) var(--zqut4t-borderRadius-br,0px) var(--zqut4t-borderRadius-bl,0px); box-shadow: if(style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal,0) var(--zqut4t-shadowVertical,0) var(--zqut4t-shadowBlur,0) 1px var(--zqut4t-shadowColor,#000000); else: none); max-width: var(--zqut4t-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zqut4t-background-imageRatio-tablet, var(--zqut4t-background-imageRatio, auto)); border-width: var(--zqut4t-borderWidth-tl-tablet,0px) var(--zqut4t-borderWidth-tr-tablet,0px) var(--zqut4t-borderWidth-br-tablet,0px) var(--zqut4t-borderWidth-bl-tablet,0px); border-radius: var(--zqut4t-borderRadius-tl-tablet,0px) var(--zqut4t-borderRadius-tr-tablet,0px) var(--zqut4t-borderRadius-br-tablet,0px) var(--zqut4t-borderRadius-bl-tablet,0px); max-width: var(--zqut4t-max-width-tablet, var(--zqut4t-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zqut4t-background-imageRatio-mobile, var(--zqut4t-background-imageRatio, auto)); border-width: var(--zqut4t-borderWidth-tl-mobile,0px) var(--zqut4t-borderWidth-tr-mobile,0px) var(--zqut4t-borderWidth-br-mobile,0px) var(--zqut4t-borderWidth-bl-mobile,0px); border-radius: var(--zqut4t-borderRadius-tl-mobile,0px) var(--zqut4t-borderRadius-tr-mobile,0px) var(--zqut4t-borderRadius-br-mobile,0px) var(--zqut4t-borderRadius-bl-mobile,0px); max-width: var(--zqut4t-max-width-mobile, var(--zqut4t-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zqut4t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zqut4t-gap,var(--beae-card-gap)); padding-top: var(--zqut4t-padding-top,var(--beae-card-padding)); padding-right: var(--zqut4t-padding-right,var(--beae-card-padding)); padding-bottom: var(--zqut4t-padding-bottom,var(--beae-card-padding)); padding-left: var(--zqut4t-padding-left,var(--beae-card-padding)); border-width: var(--zqut4t-borderWidth,var(--beae-card-border-width)); border-width: var(--zqut4t-borderWidth-tl,var(--beae-card-border-width)) var(--zqut4t-borderWidth-tr,var(--beae-card-border-width)) var(--zqut4t-borderWidth-br,var(--beae-card-border-width)) var(--zqut4t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zqut4t-borderRadius-tl,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-tr,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-br,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zqut4t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zqut4t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zqut4t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zqut4t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zqut4t-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zqut4t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zqut4t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zqut4t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zqut4t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zqut4t-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zqut4t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zqut4t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zqut4t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zqut4t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zqut4t-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zqut4t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zqut4t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zqut4t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zqut4t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zqut4t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zqut4t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zqut4t-background-color,var(--beae-card-featured-background)); border-color: var(--zqut4t-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal, var(--beae-card-shadow-x)) var(--zqut4t-shadowVertical, var(--beae-card-shadow-y)) var(--zqut4t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zqut4t-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zqut4t-background-color,var(--beae-card-prod-background)); border-color: var(--zqut4t-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal, var(--beae-card-shadow-x)) var(--zqut4t-shadowVertical, var(--beae-card-shadow-y)) var(--zqut4t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zqut4t-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zqut4t-background-color,var(--beae-card-pricing-background)); border-color: var(--zqut4t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal, var(--beae-card-shadow-x)) var(--zqut4t-shadowVertical, var(--beae-card-shadow-y)) var(--zqut4t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zqut4t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zqut4t-background-color,var(--beae-card-cta-background)); border-color: var(--zqut4t-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal, var(--beae-card-shadow-x)) var(--zqut4t-shadowVertical, var(--beae-card-shadow-y)) var(--zqut4t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zqut4t-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zqut4t-background-color,var(--beae-card-media-background)); border-color: var(--zqut4t-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zqut4t-enableShadow: true): var(--zqut4t-shadowHorizontal, var(--beae-card-shadow-x)) var(--zqut4t-shadowVertical, var(--beae-card-shadow-y)) var(--zqut4t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zqut4t-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-9ce97g"] [data-bnode="beae-hab8ic"] { margin-top: var(--hab8ic-margin-top, 0px); margin-right: var(--hab8ic-margin-right, 0px); margin-bottom: var(--hab8ic-margin-bottom, 0px); margin-left: var(--hab8ic-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hab8ic-margin-top-tablet, 0px); margin-right: var(--hab8ic-margin-right-tablet, 0px); margin-bottom: var(--hab8ic-margin-bottom-tablet, 0px); margin-left: var(--hab8ic-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hab8ic-margin-top-mobile, 0px); margin-right: var(--hab8ic-margin-right-mobile, 0px); margin-bottom: var(--hab8ic-margin-bottom-mobile, 0px); margin-left: var(--hab8ic-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hab8ic-highlightColor,var(--beae-p-color)); top: var(--hab8ic-highlightTop, 100%); } } [data-bnode="beae-9ce97g"] [data-bnode="beae-i0ur1t"] { margin-top: var(--i0ur1t-margin-top, 0px); margin-right: var(--i0ur1t-margin-right, 0px); margin-bottom: var(--i0ur1t-margin-bottom, 0px); margin-left: var(--i0ur1t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i0ur1t-margin-top-tablet, 0px); margin-right: var(--i0ur1t-margin-right-tablet, 0px); margin-bottom: var(--i0ur1t-margin-bottom-tablet, 0px); margin-left: var(--i0ur1t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i0ur1t-margin-top-mobile, 0px); margin-right: var(--i0ur1t-margin-right-mobile, 0px); margin-bottom: var(--i0ur1t-margin-bottom-mobile, 0px); margin-left: var(--i0ur1t-margin-left-mobile, 0px); } } [data-bnode="beae-9ce97g"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-9ce97g"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9ce97g"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9ce97g"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-8h0rop"] {     display: flex;     flex-direction: var(--8h0rop-direction, column);     flex-wrap: nowrap;     justify-content: var(--8h0rop-justify-content);     align-items: var(--8h0rop-align-items);     gap: var(--8h0rop-gap, var(--8h0rop-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8h0rop"] {                            gap: var(--8h0rop-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--8h0rop-padding-right-tablet, 0px) - var(--8h0rop-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8h0rop"] {                            gap: var(--8h0rop-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--8h0rop-padding-right-mobile, 0px) - var(--8h0rop-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-q5e3zl"] {     display: flex;     flex-direction: var(--q5e3zl-direction, column);     flex-wrap: nowrap;     justify-content: var(--q5e3zl-justify-content);     align-items: var(--q5e3zl-align-items);     gap: var(--q5e3zl-gap, var(--q5e3zl-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-q5e3zl"] {                            gap: var(--q5e3zl-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--q5e3zl-padding-right-tablet, 0px) - var(--q5e3zl-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-q5e3zl"] {                            gap: var(--q5e3zl-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--q5e3zl-padding-right-mobile, 0px) - var(--q5e3zl-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zqut4t"] {     display: flex;     flex-direction: var(--zqut4t-direction, column);     flex-wrap: nowrap;     justify-content: var(--zqut4t-justify-content);     align-items: var(--zqut4t-align-items);     gap: var(--zqut4t-gap, var(--zqut4t-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zqut4t"] {                            gap: var(--zqut4t-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zqut4t-padding-right-tablet, 0px) - var(--zqut4t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zqut4t"] {                            gap: var(--zqut4t-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zqut4t-padding-right-mobile, 0px) - var(--zqut4t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6xx0c9"] { --6xx0c9-width: 1600px; --6xx0c9-width-tablet: 1600px; --6xx0c9-width-mobile: 1600px; --6xx0c9-height: fit-content; --6xx0c9-height-tablet: fit-content; --6xx0c9-height-mobile: fit-content; --6xx0c9-padding-top: 80px; --6xx0c9-padding-top-tablet: 80px; --6xx0c9-padding-top-mobile: 80px; --6xx0c9-padding-right: 30px; --6xx0c9-padding-right-tablet: 28px; --6xx0c9-padding-right-mobile: 16px; --6xx0c9-padding-bottom: 80px; --6xx0c9-padding-bottom-tablet: 80px; --6xx0c9-padding-bottom-mobile: 80px; --6xx0c9-padding-left: 30px; --6xx0c9-padding-left-tablet: 28px; --6xx0c9-padding-left-mobile: 16px; --6xx0c9-gap: 28px; --6xx0c9-gap-tablet: 28px; --6xx0c9-gap-mobile: 28px; }[data-bnode="beae-6xx0c9"] { padding-top: var(--6xx0c9-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--6xx0c9-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--6xx0c9-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--6xx0c9-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6xx0c9-padding-top-tablet, var(--6xx0c9-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--6xx0c9-padding-right-tablet, var(--6xx0c9-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--6xx0c9-padding-bottom-tablet, var(--6xx0c9-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--6xx0c9-padding-left-tablet, var(--6xx0c9-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6xx0c9-padding-top-mobile, var(--6xx0c9-padding-top-tablet, var(--6xx0c9-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--6xx0c9-padding-right-mobile, var(--6xx0c9-padding-right-tablet, var(--6xx0c9-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--6xx0c9-padding-bottom-mobile, var(--6xx0c9-padding-bottom-tablet, var(--6xx0c9-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--6xx0c9-padding-left-mobile, var(--6xx0c9-padding-left-tablet, var(--6xx0c9-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--6xx0c9-padding-left, var(--beae-section-padding-x, 0px)) - var(--6xx0c9-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--6xx0c9-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--6xx0c9-height); width: 100%; max-width: var(--6xx0c9-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--6xx0c9-height-tablet, auto); width: 100%; max-width: var(--6xx0c9-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--6xx0c9-height-mobile, auto); width: 100%; max-width: var(--6xx0c9-width-mobile, 100%); } } } }[data-bnode="beae-6xx0c9"] > .beae-section-container{     display: flex;     flex-direction: var(--6xx0c9-direction, column);     flex-wrap: nowrap;     justify-content: var(--6xx0c9-justify-content);     align-items: var(--6xx0c9-align-items);     gap: var(--6xx0c9-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6xx0c9"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6xx0c9-padding-right-tablet, 0px) - var(--6xx0c9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6xx0c9"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6xx0c9-padding-right-mobile, 0px) - var(--6xx0c9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5trdm7"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --5trdm7-typography: h2; --5trdm7-typography-tablet: h2; --5trdm7-typography-mobile: h2; }[data-bnode="beae-5trdm7"] { margin-top: var(--5trdm7-margin-top, 0px); margin-right: var(--5trdm7-margin-right, 0px); margin-bottom: var(--5trdm7-margin-bottom, 0px); margin-left: var(--5trdm7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5trdm7-margin-top-tablet, 0px); margin-right: var(--5trdm7-margin-right-tablet, 0px); margin-bottom: var(--5trdm7-margin-bottom-tablet, 0px); margin-left: var(--5trdm7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5trdm7-margin-top-mobile, 0px); margin-right: var(--5trdm7-margin-right-mobile, 0px); margin-bottom: var(--5trdm7-margin-bottom-mobile, 0px); margin-left: var(--5trdm7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5trdm7-highlightColor,var(--beae-p-color)); top: var(--5trdm7-highlightTop, 100%); } }[data-bnode="beae-05ed4e"] { --05ed4e-direction: column; --05ed4e-direction-tablet: column; --05ed4e-direction-mobile: column; --05ed4e-structure: columns; --05ed4e-structure-tablet: columns; --05ed4e-structure-mobile: columns; --05ed4e-gap: 48px; --05ed4e-gap-tablet: 20px; --05ed4e-gap-mobile: 20px; --05ed4e-padding-top-tablet: 0px; --05ed4e-padding-top-mobile: 0px; --05ed4e-padding-right-tablet: 0px; --05ed4e-padding-right-mobile: 0px; --05ed4e-padding-bottom-tablet: 0px; --05ed4e-padding-bottom-mobile: 0px; --05ed4e-padding-left-tablet: 0px; --05ed4e-padding-left-mobile: 0px; }[data-bnode="beae-05ed4e"] { padding-top: var(--05ed4e-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--05ed4e-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--05ed4e-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--05ed4e-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--05ed4e-padding-top-tablet, var(--05ed4e-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--05ed4e-padding-right-tablet, var(--05ed4e-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--05ed4e-padding-bottom-tablet, var(--05ed4e-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--05ed4e-padding-left-tablet, var(--05ed4e-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--05ed4e-padding-top-mobile, var(--05ed4e-padding-top-tablet, var(--05ed4e-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--05ed4e-padding-right-mobile, var(--05ed4e-padding-right-tablet, var(--05ed4e-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--05ed4e-padding-bottom-mobile, var(--05ed4e-padding-bottom-tablet, var(--05ed4e-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--05ed4e-padding-left-mobile, var(--05ed4e-padding-left-tablet, var(--05ed4e-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--05ed4e-padding-left, var(--beae-slot-padding-x, 0px)) - var(--05ed4e-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--05ed4e-background-imageRatio, auto); background: var(--05ed4e-background-color,transparent); border-style: var(--05ed4e-borderStyle,solid); border-color: var(--05ed4e-borderColor,#000000); border-width: var(--05ed4e-borderWidth-tl,0px) var(--05ed4e-borderWidth-tr,0px) var(--05ed4e-borderWidth-br,0px) var(--05ed4e-borderWidth-bl,0px); border-radius: var(--05ed4e-borderRadius-tl,0px) var(--05ed4e-borderRadius-tr,0px) var(--05ed4e-borderRadius-br,0px) var(--05ed4e-borderRadius-bl,0px); box-shadow: if(style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal,0) var(--05ed4e-shadowVertical,0) var(--05ed4e-shadowBlur,0) 1px var(--05ed4e-shadowColor,#000000); else: none); max-width: var(--05ed4e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--05ed4e-background-imageRatio-tablet, var(--05ed4e-background-imageRatio, auto)); border-width: var(--05ed4e-borderWidth-tl-tablet,0px) var(--05ed4e-borderWidth-tr-tablet,0px) var(--05ed4e-borderWidth-br-tablet,0px) var(--05ed4e-borderWidth-bl-tablet,0px); border-radius: var(--05ed4e-borderRadius-tl-tablet,0px) var(--05ed4e-borderRadius-tr-tablet,0px) var(--05ed4e-borderRadius-br-tablet,0px) var(--05ed4e-borderRadius-bl-tablet,0px); max-width: var(--05ed4e-max-width-tablet, var(--05ed4e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--05ed4e-background-imageRatio-mobile, var(--05ed4e-background-imageRatio, auto)); border-width: var(--05ed4e-borderWidth-tl-mobile,0px) var(--05ed4e-borderWidth-tr-mobile,0px) var(--05ed4e-borderWidth-br-mobile,0px) var(--05ed4e-borderWidth-bl-mobile,0px); border-radius: var(--05ed4e-borderRadius-tl-mobile,0px) var(--05ed4e-borderRadius-tr-mobile,0px) var(--05ed4e-borderRadius-br-mobile,0px) var(--05ed4e-borderRadius-bl-mobile,0px); max-width: var(--05ed4e-max-width-mobile, var(--05ed4e-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--05ed4e-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--05ed4e-gap,var(--beae-card-gap)); padding-top: var(--05ed4e-padding-top,var(--beae-card-padding)); padding-right: var(--05ed4e-padding-right,var(--beae-card-padding)); padding-bottom: var(--05ed4e-padding-bottom,var(--beae-card-padding)); padding-left: var(--05ed4e-padding-left,var(--beae-card-padding)); border-width: var(--05ed4e-borderWidth,var(--beae-card-border-width)); border-width: var(--05ed4e-borderWidth-tl,var(--beae-card-border-width)) var(--05ed4e-borderWidth-tr,var(--beae-card-border-width)) var(--05ed4e-borderWidth-br,var(--beae-card-border-width)) var(--05ed4e-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--05ed4e-borderRadius-tl,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-tr,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-br,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--05ed4e-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--05ed4e-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--05ed4e-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--05ed4e-padding-left-tablet,var(--beae-card-padding)); border-width: var(--05ed4e-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--05ed4e-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--05ed4e-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--05ed4e-borderWidth-br-desktop,var(--beae-card-border-width)) var(--05ed4e-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--05ed4e-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--05ed4e-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--05ed4e-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--05ed4e-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--05ed4e-padding-left-mobile,var(--beae-card-padding)); border-width: var(--05ed4e-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--05ed4e-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--05ed4e-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--05ed4e-borderWidth-br-mobile,var(--beae-card-border-width)) var(--05ed4e-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--05ed4e-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--05ed4e-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--05ed4e-background-color,var(--beae-card-featured-background)); border-color: var(--05ed4e-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal, var(--beae-card-shadow-x)) var(--05ed4e-shadowVertical, var(--beae-card-shadow-y)) var(--05ed4e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--05ed4e-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--05ed4e-background-color,var(--beae-card-prod-background)); border-color: var(--05ed4e-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal, var(--beae-card-shadow-x)) var(--05ed4e-shadowVertical, var(--beae-card-shadow-y)) var(--05ed4e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--05ed4e-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--05ed4e-background-color,var(--beae-card-pricing-background)); border-color: var(--05ed4e-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal, var(--beae-card-shadow-x)) var(--05ed4e-shadowVertical, var(--beae-card-shadow-y)) var(--05ed4e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--05ed4e-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--05ed4e-background-color,var(--beae-card-cta-background)); border-color: var(--05ed4e-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal, var(--beae-card-shadow-x)) var(--05ed4e-shadowVertical, var(--beae-card-shadow-y)) var(--05ed4e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--05ed4e-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--05ed4e-background-color,var(--beae-card-media-background)); border-color: var(--05ed4e-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--05ed4e-enableShadow: true): var(--05ed4e-shadowHorizontal, var(--beae-card-shadow-x)) var(--05ed4e-shadowVertical, var(--beae-card-shadow-y)) var(--05ed4e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--05ed4e-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-05ed4e"] {     display: flex;     flex-direction: var(--05ed4e-direction, column);     flex-wrap: nowrap;     justify-content: var(--05ed4e-justify-content);     align-items: var(--05ed4e-align-items);     gap: var(--05ed4e-gap, var(--05ed4e-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-05ed4e"] {                            gap: var(--05ed4e-gap-tablet, var(--05ed4e-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--05ed4e-padding-right-tablet, 0px) - var(--05ed4e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-05ed4e"] {                            gap: var(--05ed4e-gap-mobile, var(--05ed4e-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--05ed4e-padding-right-mobile, 0px) - var(--05ed4e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ajs0fx"] { --ajs0fx-direction: row; --ajs0fx-direction-tablet: column; --ajs0fx-direction-mobile: column; --ajs0fx-structure: columns; --ajs0fx-structure-tablet: columns; --ajs0fx-structure-mobile: columns; --ajs0fx-columns: 33.33,66.66; --ajs0fx-columns-tablet: 33.33,66.66; --ajs0fx-columns-mobile: 33.33,66.66; --ajs0fx-columnsPresetId: 33.33,66.66; --ajs0fx-columnsPresetId-tablet: 33.33,66.66; --ajs0fx-columnsPresetId-mobile: 33.33,66.66; --ajs0fx-gap: 28px; --ajs0fx-gap-tablet: 20px; --ajs0fx-gap-mobile: 20px; --ajs0fx-align-items: stretch; --ajs0fx-align-items-tablet: stretch; --ajs0fx-align-items-mobile: stretch; }[data-bnode="beae-ajs0fx"] { padding-top: var(--ajs0fx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ajs0fx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ajs0fx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ajs0fx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ajs0fx-padding-top-tablet, var(--ajs0fx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ajs0fx-padding-right-tablet, var(--ajs0fx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ajs0fx-padding-bottom-tablet, var(--ajs0fx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ajs0fx-padding-left-tablet, var(--ajs0fx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ajs0fx-padding-top-mobile, var(--ajs0fx-padding-top-tablet, var(--ajs0fx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ajs0fx-padding-right-mobile, var(--ajs0fx-padding-right-tablet, var(--ajs0fx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ajs0fx-padding-bottom-mobile, var(--ajs0fx-padding-bottom-tablet, var(--ajs0fx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ajs0fx-padding-left-mobile, var(--ajs0fx-padding-left-tablet, var(--ajs0fx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ajs0fx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ajs0fx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ajs0fx-background-imageRatio, auto); background: var(--ajs0fx-background-color,transparent); border-style: var(--ajs0fx-borderStyle,solid); border-color: var(--ajs0fx-borderColor,#000000); border-width: var(--ajs0fx-borderWidth-tl,0px) var(--ajs0fx-borderWidth-tr,0px) var(--ajs0fx-borderWidth-br,0px) var(--ajs0fx-borderWidth-bl,0px); border-radius: var(--ajs0fx-borderRadius-tl,0px) var(--ajs0fx-borderRadius-tr,0px) var(--ajs0fx-borderRadius-br,0px) var(--ajs0fx-borderRadius-bl,0px); box-shadow: if(style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal,0) var(--ajs0fx-shadowVertical,0) var(--ajs0fx-shadowBlur,0) 1px var(--ajs0fx-shadowColor,#000000); else: none); max-width: var(--ajs0fx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ajs0fx-background-imageRatio-tablet, var(--ajs0fx-background-imageRatio, auto)); border-width: var(--ajs0fx-borderWidth-tl-tablet,0px) var(--ajs0fx-borderWidth-tr-tablet,0px) var(--ajs0fx-borderWidth-br-tablet,0px) var(--ajs0fx-borderWidth-bl-tablet,0px); border-radius: var(--ajs0fx-borderRadius-tl-tablet,0px) var(--ajs0fx-borderRadius-tr-tablet,0px) var(--ajs0fx-borderRadius-br-tablet,0px) var(--ajs0fx-borderRadius-bl-tablet,0px); max-width: var(--ajs0fx-max-width-tablet, var(--ajs0fx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ajs0fx-background-imageRatio-mobile, var(--ajs0fx-background-imageRatio, auto)); border-width: var(--ajs0fx-borderWidth-tl-mobile,0px) var(--ajs0fx-borderWidth-tr-mobile,0px) var(--ajs0fx-borderWidth-br-mobile,0px) var(--ajs0fx-borderWidth-bl-mobile,0px); border-radius: var(--ajs0fx-borderRadius-tl-mobile,0px) var(--ajs0fx-borderRadius-tr-mobile,0px) var(--ajs0fx-borderRadius-br-mobile,0px) var(--ajs0fx-borderRadius-bl-mobile,0px); max-width: var(--ajs0fx-max-width-mobile, var(--ajs0fx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ajs0fx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ajs0fx-gap,var(--beae-card-gap)); padding-top: var(--ajs0fx-padding-top,var(--beae-card-padding)); padding-right: var(--ajs0fx-padding-right,var(--beae-card-padding)); padding-bottom: var(--ajs0fx-padding-bottom,var(--beae-card-padding)); padding-left: var(--ajs0fx-padding-left,var(--beae-card-padding)); border-width: var(--ajs0fx-borderWidth,var(--beae-card-border-width)); border-width: var(--ajs0fx-borderWidth-tl,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-tr,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-br,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ajs0fx-borderRadius-tl,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-tr,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-br,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ajs0fx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ajs0fx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ajs0fx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ajs0fx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ajs0fx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ajs0fx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ajs0fx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ajs0fx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ajs0fx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ajs0fx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ajs0fx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ajs0fx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ajs0fx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ajs0fx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ajs0fx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ajs0fx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ajs0fx-background-color,var(--beae-card-featured-background)); border-color: var(--ajs0fx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal, var(--beae-card-shadow-x)) var(--ajs0fx-shadowVertical, var(--beae-card-shadow-y)) var(--ajs0fx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ajs0fx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ajs0fx-background-color,var(--beae-card-prod-background)); border-color: var(--ajs0fx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal, var(--beae-card-shadow-x)) var(--ajs0fx-shadowVertical, var(--beae-card-shadow-y)) var(--ajs0fx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ajs0fx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ajs0fx-background-color,var(--beae-card-pricing-background)); border-color: var(--ajs0fx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal, var(--beae-card-shadow-x)) var(--ajs0fx-shadowVertical, var(--beae-card-shadow-y)) var(--ajs0fx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ajs0fx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ajs0fx-background-color,var(--beae-card-cta-background)); border-color: var(--ajs0fx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal, var(--beae-card-shadow-x)) var(--ajs0fx-shadowVertical, var(--beae-card-shadow-y)) var(--ajs0fx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ajs0fx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ajs0fx-background-color,var(--beae-card-media-background)); border-color: var(--ajs0fx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ajs0fx-enableShadow: true): var(--ajs0fx-shadowHorizontal, var(--beae-card-shadow-x)) var(--ajs0fx-shadowVertical, var(--beae-card-shadow-y)) var(--ajs0fx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ajs0fx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-ajs0fx"] {     display: flex;     flex-direction: var(--ajs0fx-direction, column);     flex-wrap: nowrap;     justify-content: var(--ajs0fx-justify-content);     align-items: var(--ajs0fx-align-items);     gap: var(--ajs0fx-gap, var(--ajs0fx-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(33.33% - var(--ajs0fx-padding-right, 0px) - var(--ajs0fx-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(66.66% - var(--ajs0fx-padding-right, 0px) - var(--ajs0fx-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ajs0fx-padding-right, 0px) - var(--ajs0fx-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ajs0fx"] {      flex-direction: var(--ajs0fx-direction-tablet, column);                      gap: var(--ajs0fx-gap-tablet, var(--ajs0fx-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-ajs0fx"] {      flex-direction: var(--ajs0fx-direction-mobile, column);                      gap: var(--ajs0fx-gap-mobile, var(--ajs0fx-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-hty1zp"] { --hty1zp-background-type: image; --hty1zp-background-type-tablet: image; --hty1zp-background-type-mobile: image; --hty1zp-background-image: [object Object]; --hty1zp-background-image-tablet: [object Object]; --hty1zp-background-image-mobile: [object Object]; --hty1zp-background-imageRatio: 3/2; --hty1zp-background-imageRatio-tablet: 3/2; --hty1zp-background-imageRatio-mobile: 3/2; --hty1zp-background-imageRatio-tablet: 2/1; --hty1zp-background-imageRatio-tablet-tablet: 2/1; --hty1zp-background-imageRatio-tablet-mobile: 2/1; --hty1zp-background-imageRatio-mobile: 5/3; --hty1zp-background-imageRatio-mobile-tablet: 5/3; --hty1zp-background-imageRatio-mobile-mobile: 5/3; --hty1zp-borderRadius-tl: 24px; --hty1zp-borderRadius-tl-tablet: 24px; --hty1zp-borderRadius-tl-mobile: 24px; --hty1zp-borderRadius-tr: 24px; --hty1zp-borderRadius-tr-tablet: 24px; --hty1zp-borderRadius-tr-mobile: 24px; --hty1zp-borderRadius-bl: 24px; --hty1zp-borderRadius-bl-tablet: 24px; --hty1zp-borderRadius-bl-mobile: 24px; --hty1zp-borderRadius-br: 24px; --hty1zp-borderRadius-br-tablet: 24px; --hty1zp-borderRadius-br-mobile: 24px; --hty1zp-direction: row; --hty1zp-direction-tablet: row; --hty1zp-direction-mobile: row; --hty1zp-align-items: flex-end; --hty1zp-align-items-tablet: flex-end; --hty1zp-align-items-mobile: flex-end; --hty1zp-structure-tablet: auto; --hty1zp-structure-mobile: auto; }[data-bnode="beae-hty1zp"] { padding-top: var(--hty1zp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hty1zp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hty1zp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hty1zp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hty1zp-padding-top-tablet, var(--hty1zp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hty1zp-padding-right-tablet, var(--hty1zp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hty1zp-padding-bottom-tablet, var(--hty1zp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hty1zp-padding-left-tablet, var(--hty1zp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hty1zp-padding-top-mobile, var(--hty1zp-padding-top-tablet, var(--hty1zp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hty1zp-padding-right-mobile, var(--hty1zp-padding-right-tablet, var(--hty1zp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hty1zp-padding-bottom-mobile, var(--hty1zp-padding-bottom-tablet, var(--hty1zp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hty1zp-padding-left-mobile, var(--hty1zp-padding-left-tablet, var(--hty1zp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hty1zp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hty1zp-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--hty1zp-background-imageRatio, auto); background: var(--hty1zp-background-color,transparent); border-style: var(--hty1zp-borderStyle,solid); border-color: var(--hty1zp-borderColor,#000000); border-width: var(--hty1zp-borderWidth-tl,0px) var(--hty1zp-borderWidth-tr,0px) var(--hty1zp-borderWidth-br,0px) var(--hty1zp-borderWidth-bl,0px); border-radius: var(--hty1zp-borderRadius-tl,0px) var(--hty1zp-borderRadius-tr,0px) var(--hty1zp-borderRadius-br,0px) var(--hty1zp-borderRadius-bl,0px); box-shadow: if(style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal,0) var(--hty1zp-shadowVertical,0) var(--hty1zp-shadowBlur,0) 1px var(--hty1zp-shadowColor,#000000); else: none); max-width: var(--hty1zp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hty1zp-background-imageRatio-tablet, var(--hty1zp-background-imageRatio, auto)); border-width: var(--hty1zp-borderWidth-tl-tablet,0px) var(--hty1zp-borderWidth-tr-tablet,0px) var(--hty1zp-borderWidth-br-tablet,0px) var(--hty1zp-borderWidth-bl-tablet,0px); border-radius: var(--hty1zp-borderRadius-tl-tablet,0px) var(--hty1zp-borderRadius-tr-tablet,0px) var(--hty1zp-borderRadius-br-tablet,0px) var(--hty1zp-borderRadius-bl-tablet,0px); max-width: var(--hty1zp-max-width-tablet, var(--hty1zp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hty1zp-background-imageRatio-mobile, var(--hty1zp-background-imageRatio, auto)); border-width: var(--hty1zp-borderWidth-tl-mobile,0px) var(--hty1zp-borderWidth-tr-mobile,0px) var(--hty1zp-borderWidth-br-mobile,0px) var(--hty1zp-borderWidth-bl-mobile,0px); border-radius: var(--hty1zp-borderRadius-tl-mobile,0px) var(--hty1zp-borderRadius-tr-mobile,0px) var(--hty1zp-borderRadius-br-mobile,0px) var(--hty1zp-borderRadius-bl-mobile,0px); max-width: var(--hty1zp-max-width-mobile, var(--hty1zp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hty1zp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hty1zp-gap,var(--beae-card-gap)); padding-top: var(--hty1zp-padding-top,var(--beae-card-padding)); padding-right: var(--hty1zp-padding-right,var(--beae-card-padding)); padding-bottom: var(--hty1zp-padding-bottom,var(--beae-card-padding)); padding-left: var(--hty1zp-padding-left,var(--beae-card-padding)); border-width: var(--hty1zp-borderWidth,var(--beae-card-border-width)); border-width: var(--hty1zp-borderWidth-tl,var(--beae-card-border-width)) var(--hty1zp-borderWidth-tr,var(--beae-card-border-width)) var(--hty1zp-borderWidth-br,var(--beae-card-border-width)) var(--hty1zp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hty1zp-borderRadius-tl,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-tr,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-br,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--hty1zp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hty1zp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hty1zp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hty1zp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hty1zp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hty1zp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hty1zp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hty1zp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hty1zp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hty1zp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hty1zp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hty1zp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hty1zp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hty1zp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hty1zp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hty1zp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hty1zp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hty1zp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hty1zp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hty1zp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hty1zp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hty1zp-background-color,var(--beae-card-featured-background)); border-color: var(--hty1zp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal, var(--beae-card-shadow-x)) var(--hty1zp-shadowVertical, var(--beae-card-shadow-y)) var(--hty1zp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hty1zp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hty1zp-background-color,var(--beae-card-prod-background)); border-color: var(--hty1zp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal, var(--beae-card-shadow-x)) var(--hty1zp-shadowVertical, var(--beae-card-shadow-y)) var(--hty1zp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hty1zp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hty1zp-background-color,var(--beae-card-pricing-background)); border-color: var(--hty1zp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal, var(--beae-card-shadow-x)) var(--hty1zp-shadowVertical, var(--beae-card-shadow-y)) var(--hty1zp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hty1zp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hty1zp-background-color,var(--beae-card-cta-background)); border-color: var(--hty1zp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal, var(--beae-card-shadow-x)) var(--hty1zp-shadowVertical, var(--beae-card-shadow-y)) var(--hty1zp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hty1zp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hty1zp-background-color,var(--beae-card-media-background)); border-color: var(--hty1zp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hty1zp-enableShadow: true): var(--hty1zp-shadowHorizontal, var(--beae-card-shadow-x)) var(--hty1zp-shadowVertical, var(--beae-card-shadow-y)) var(--hty1zp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hty1zp-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-hty1zp"] {     display: flex;     flex-direction: var(--hty1zp-direction, column);     flex-wrap: nowrap;     justify-content: var(--hty1zp-justify-content);     align-items: var(--hty1zp-align-items);     gap: var(--hty1zp-gap, var(--hty1zp-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hty1zp"] {      flex-direction: var(--hty1zp-direction-tablet, column);                 align-items: var(--hty1zp-align-items-tablet, inherit);      gap: var(--hty1zp-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-hty1zp"] {                            gap: var(--hty1zp-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-d2d2wv"] { --d2d2wv-direction: column; --d2d2wv-direction-tablet: column; --d2d2wv-direction-mobile: column; --d2d2wv-structure: auto; --d2d2wv-structure-tablet: auto; --d2d2wv-structure-mobile: auto; --d2d2wv-padding-top: 36px; --d2d2wv-padding-top-tablet: 36px; --d2d2wv-padding-top-mobile: 28px; --d2d2wv-padding-right: 36px; --d2d2wv-padding-right-tablet: 36px; --d2d2wv-padding-right-mobile: 28px; --d2d2wv-padding-bottom: 36px; --d2d2wv-padding-bottom-tablet: 36px; --d2d2wv-padding-bottom-mobile: 28px; --d2d2wv-padding-left: 36px; --d2d2wv-padding-left-tablet: 36px; --d2d2wv-padding-left-mobile: 28px; --d2d2wv-align-items: flex-start; --d2d2wv-align-items-tablet: flex-start; --d2d2wv-align-items-mobile: flex-start; --d2d2wv-justify-content: flex-end; --d2d2wv-justify-content-tablet: flex-end; --d2d2wv-justify-content-mobile: flex-end; }[data-bnode="beae-d2d2wv"] { padding-top: var(--d2d2wv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--d2d2wv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--d2d2wv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--d2d2wv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--d2d2wv-padding-top-tablet, var(--d2d2wv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--d2d2wv-padding-right-tablet, var(--d2d2wv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--d2d2wv-padding-bottom-tablet, var(--d2d2wv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--d2d2wv-padding-left-tablet, var(--d2d2wv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--d2d2wv-padding-top-mobile, var(--d2d2wv-padding-top-tablet, var(--d2d2wv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--d2d2wv-padding-right-mobile, var(--d2d2wv-padding-right-tablet, var(--d2d2wv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--d2d2wv-padding-bottom-mobile, var(--d2d2wv-padding-bottom-tablet, var(--d2d2wv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--d2d2wv-padding-left-mobile, var(--d2d2wv-padding-left-tablet, var(--d2d2wv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--d2d2wv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--d2d2wv-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--d2d2wv-background-imageRatio, auto); background: var(--d2d2wv-background-color,transparent); border-style: var(--d2d2wv-borderStyle,solid); border-color: var(--d2d2wv-borderColor,#000000); border-width: var(--d2d2wv-borderWidth-tl,0px) var(--d2d2wv-borderWidth-tr,0px) var(--d2d2wv-borderWidth-br,0px) var(--d2d2wv-borderWidth-bl,0px); border-radius: var(--d2d2wv-borderRadius-tl,0px) var(--d2d2wv-borderRadius-tr,0px) var(--d2d2wv-borderRadius-br,0px) var(--d2d2wv-borderRadius-bl,0px); box-shadow: if(style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal,0) var(--d2d2wv-shadowVertical,0) var(--d2d2wv-shadowBlur,0) 1px var(--d2d2wv-shadowColor,#000000); else: none); max-width: var(--d2d2wv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--d2d2wv-background-imageRatio-tablet, var(--d2d2wv-background-imageRatio, auto)); border-width: var(--d2d2wv-borderWidth-tl-tablet,0px) var(--d2d2wv-borderWidth-tr-tablet,0px) var(--d2d2wv-borderWidth-br-tablet,0px) var(--d2d2wv-borderWidth-bl-tablet,0px); border-radius: var(--d2d2wv-borderRadius-tl-tablet,0px) var(--d2d2wv-borderRadius-tr-tablet,0px) var(--d2d2wv-borderRadius-br-tablet,0px) var(--d2d2wv-borderRadius-bl-tablet,0px); max-width: var(--d2d2wv-max-width-tablet, var(--d2d2wv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--d2d2wv-background-imageRatio-mobile, var(--d2d2wv-background-imageRatio, auto)); border-width: var(--d2d2wv-borderWidth-tl-mobile,0px) var(--d2d2wv-borderWidth-tr-mobile,0px) var(--d2d2wv-borderWidth-br-mobile,0px) var(--d2d2wv-borderWidth-bl-mobile,0px); border-radius: var(--d2d2wv-borderRadius-tl-mobile,0px) var(--d2d2wv-borderRadius-tr-mobile,0px) var(--d2d2wv-borderRadius-br-mobile,0px) var(--d2d2wv-borderRadius-bl-mobile,0px); max-width: var(--d2d2wv-max-width-mobile, var(--d2d2wv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--d2d2wv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--d2d2wv-gap,var(--beae-card-gap)); padding-top: var(--d2d2wv-padding-top,var(--beae-card-padding)); padding-right: var(--d2d2wv-padding-right,var(--beae-card-padding)); padding-bottom: var(--d2d2wv-padding-bottom,var(--beae-card-padding)); padding-left: var(--d2d2wv-padding-left,var(--beae-card-padding)); border-width: var(--d2d2wv-borderWidth,var(--beae-card-border-width)); border-width: var(--d2d2wv-borderWidth-tl,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-tr,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-br,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--d2d2wv-borderRadius-tl,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-tr,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-br,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--d2d2wv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--d2d2wv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--d2d2wv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--d2d2wv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--d2d2wv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--d2d2wv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--d2d2wv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--d2d2wv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--d2d2wv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--d2d2wv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--d2d2wv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--d2d2wv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--d2d2wv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--d2d2wv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--d2d2wv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--d2d2wv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--d2d2wv-background-color,var(--beae-card-featured-background)); border-color: var(--d2d2wv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal, var(--beae-card-shadow-x)) var(--d2d2wv-shadowVertical, var(--beae-card-shadow-y)) var(--d2d2wv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--d2d2wv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--d2d2wv-background-color,var(--beae-card-prod-background)); border-color: var(--d2d2wv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal, var(--beae-card-shadow-x)) var(--d2d2wv-shadowVertical, var(--beae-card-shadow-y)) var(--d2d2wv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--d2d2wv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--d2d2wv-background-color,var(--beae-card-pricing-background)); border-color: var(--d2d2wv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal, var(--beae-card-shadow-x)) var(--d2d2wv-shadowVertical, var(--beae-card-shadow-y)) var(--d2d2wv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--d2d2wv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--d2d2wv-background-color,var(--beae-card-cta-background)); border-color: var(--d2d2wv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal, var(--beae-card-shadow-x)) var(--d2d2wv-shadowVertical, var(--beae-card-shadow-y)) var(--d2d2wv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--d2d2wv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--d2d2wv-background-color,var(--beae-card-media-background)); border-color: var(--d2d2wv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--d2d2wv-enableShadow: true): var(--d2d2wv-shadowHorizontal, var(--beae-card-shadow-x)) var(--d2d2wv-shadowVertical, var(--beae-card-shadow-y)) var(--d2d2wv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--d2d2wv-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-d2d2wv"] {     display: flex;     flex-direction: var(--d2d2wv-direction, column);     flex-wrap: nowrap;     justify-content: var(--d2d2wv-justify-content);     align-items: var(--d2d2wv-align-items);     gap: var(--d2d2wv-gap, var(--d2d2wv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-d2d2wv"] {                            gap: var(--d2d2wv-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--d2d2wv-padding-right-tablet, 0px) - var(--d2d2wv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-d2d2wv"] {                            gap: var(--d2d2wv-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--d2d2wv-padding-right-mobile, 0px) - var(--d2d2wv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-07tcg9"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --07tcg9-typography: h3; --07tcg9-typography-tablet: h3; --07tcg9-typography-mobile: h3; }[data-bnode="beae-07tcg9"] { margin-top: var(--07tcg9-margin-top, 0px); margin-right: var(--07tcg9-margin-right, 0px); margin-bottom: var(--07tcg9-margin-bottom, 0px); margin-left: var(--07tcg9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--07tcg9-margin-top-tablet, 0px); margin-right: var(--07tcg9-margin-right-tablet, 0px); margin-bottom: var(--07tcg9-margin-bottom-tablet, 0px); margin-left: var(--07tcg9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--07tcg9-margin-top-mobile, 0px); margin-right: var(--07tcg9-margin-right-mobile, 0px); margin-bottom: var(--07tcg9-margin-bottom-mobile, 0px); margin-left: var(--07tcg9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--07tcg9-highlightColor,var(--beae-p-color)); top: var(--07tcg9-highlightTop, 100%); } }[data-bnode="beae-ut9bzo"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --ut9bzo-typography: p; --ut9bzo-typography-tablet: p; --ut9bzo-typography-mobile: p; }[data-bnode="beae-ut9bzo"] { margin-top: var(--ut9bzo-margin-top, 0px); margin-right: var(--ut9bzo-margin-right, 0px); margin-bottom: var(--ut9bzo-margin-bottom, 0px); margin-left: var(--ut9bzo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ut9bzo-margin-top-tablet, 0px); margin-right: var(--ut9bzo-margin-right-tablet, 0px); margin-bottom: var(--ut9bzo-margin-bottom-tablet, 0px); margin-left: var(--ut9bzo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ut9bzo-margin-top-mobile, 0px); margin-right: var(--ut9bzo-margin-right-mobile, 0px); margin-bottom: var(--ut9bzo-margin-bottom-mobile, 0px); margin-left: var(--ut9bzo-margin-left-mobile, 0px); } }[data-bnode="beae-y407ha"] { --y407ha-background-type: image; --y407ha-background-type-tablet: image; --y407ha-background-type-mobile: image; --y407ha-background-image: [object Object]; --y407ha-background-image-tablet: [object Object]; --y407ha-background-image-mobile: [object Object]; --y407ha-background-imageRatio-tablet: 2/1; --y407ha-background-imageRatio-tablet-tablet: 2/1; --y407ha-background-imageRatio-tablet-mobile: 2/1; --y407ha-background-imageRatio-mobile: 5/3; --y407ha-background-imageRatio-mobile-tablet: 5/3; --y407ha-background-imageRatio-mobile-mobile: 5/3; --y407ha-borderRadius-tl: 24px; --y407ha-borderRadius-tl-tablet: 24px; --y407ha-borderRadius-tl-mobile: 24px; --y407ha-borderRadius-tr: 24px; --y407ha-borderRadius-tr-tablet: 24px; --y407ha-borderRadius-tr-mobile: 24px; --y407ha-borderRadius-bl: 24px; --y407ha-borderRadius-bl-tablet: 24px; --y407ha-borderRadius-bl-mobile: 24px; --y407ha-borderRadius-br: 24px; --y407ha-borderRadius-br-tablet: 24px; --y407ha-borderRadius-br-mobile: 24px; --y407ha-direction: row; --y407ha-direction-tablet: row; --y407ha-direction-mobile: row; --y407ha-align-items: flex-end; --y407ha-align-items-tablet: flex-end; --y407ha-align-items-mobile: flex-end; --y407ha-structure-tablet: auto; --y407ha-structure-mobile: auto; }[data-bnode="beae-y407ha"] { padding-top: var(--y407ha-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--y407ha-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--y407ha-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--y407ha-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--y407ha-padding-top-tablet, var(--y407ha-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--y407ha-padding-right-tablet, var(--y407ha-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--y407ha-padding-bottom-tablet, var(--y407ha-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--y407ha-padding-left-tablet, var(--y407ha-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--y407ha-padding-top-mobile, var(--y407ha-padding-top-tablet, var(--y407ha-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--y407ha-padding-right-mobile, var(--y407ha-padding-right-tablet, var(--y407ha-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--y407ha-padding-bottom-mobile, var(--y407ha-padding-bottom-tablet, var(--y407ha-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--y407ha-padding-left-mobile, var(--y407ha-padding-left-tablet, var(--y407ha-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--y407ha-padding-left, var(--beae-slot-padding-x, 0px)) - var(--y407ha-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--y407ha-background-imageRatio, auto); background: var(--y407ha-background-color,transparent); border-style: var(--y407ha-borderStyle,solid); border-color: var(--y407ha-borderColor,#000000); border-width: var(--y407ha-borderWidth-tl,0px) var(--y407ha-borderWidth-tr,0px) var(--y407ha-borderWidth-br,0px) var(--y407ha-borderWidth-bl,0px); border-radius: var(--y407ha-borderRadius-tl,0px) var(--y407ha-borderRadius-tr,0px) var(--y407ha-borderRadius-br,0px) var(--y407ha-borderRadius-bl,0px); box-shadow: if(style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal,0) var(--y407ha-shadowVertical,0) var(--y407ha-shadowBlur,0) 1px var(--y407ha-shadowColor,#000000); else: none); max-width: var(--y407ha-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--y407ha-background-imageRatio-tablet, var(--y407ha-background-imageRatio, auto)); border-width: var(--y407ha-borderWidth-tl-tablet,0px) var(--y407ha-borderWidth-tr-tablet,0px) var(--y407ha-borderWidth-br-tablet,0px) var(--y407ha-borderWidth-bl-tablet,0px); border-radius: var(--y407ha-borderRadius-tl-tablet,0px) var(--y407ha-borderRadius-tr-tablet,0px) var(--y407ha-borderRadius-br-tablet,0px) var(--y407ha-borderRadius-bl-tablet,0px); max-width: var(--y407ha-max-width-tablet, var(--y407ha-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--y407ha-background-imageRatio-mobile, var(--y407ha-background-imageRatio, auto)); border-width: var(--y407ha-borderWidth-tl-mobile,0px) var(--y407ha-borderWidth-tr-mobile,0px) var(--y407ha-borderWidth-br-mobile,0px) var(--y407ha-borderWidth-bl-mobile,0px); border-radius: var(--y407ha-borderRadius-tl-mobile,0px) var(--y407ha-borderRadius-tr-mobile,0px) var(--y407ha-borderRadius-br-mobile,0px) var(--y407ha-borderRadius-bl-mobile,0px); max-width: var(--y407ha-max-width-mobile, var(--y407ha-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--y407ha-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--y407ha-gap,var(--beae-card-gap)); padding-top: var(--y407ha-padding-top,var(--beae-card-padding)); padding-right: var(--y407ha-padding-right,var(--beae-card-padding)); padding-bottom: var(--y407ha-padding-bottom,var(--beae-card-padding)); padding-left: var(--y407ha-padding-left,var(--beae-card-padding)); border-width: var(--y407ha-borderWidth,var(--beae-card-border-width)); border-width: var(--y407ha-borderWidth-tl,var(--beae-card-border-width)) var(--y407ha-borderWidth-tr,var(--beae-card-border-width)) var(--y407ha-borderWidth-br,var(--beae-card-border-width)) var(--y407ha-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--y407ha-borderRadius-tl,var(--beae-card-border-radius)) var(--y407ha-borderRadius-tr,var(--beae-card-border-radius)) var(--y407ha-borderRadius-br,var(--beae-card-border-radius)) var(--y407ha-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--y407ha-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--y407ha-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--y407ha-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--y407ha-padding-left-tablet,var(--beae-card-padding)); border-width: var(--y407ha-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--y407ha-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--y407ha-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--y407ha-borderWidth-br-desktop,var(--beae-card-border-width)) var(--y407ha-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--y407ha-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--y407ha-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--y407ha-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--y407ha-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--y407ha-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--y407ha-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--y407ha-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--y407ha-padding-left-mobile,var(--beae-card-padding)); border-width: var(--y407ha-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--y407ha-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--y407ha-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--y407ha-borderWidth-br-mobile,var(--beae-card-border-width)) var(--y407ha-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--y407ha-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--y407ha-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--y407ha-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--y407ha-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--y407ha-background-color,var(--beae-card-featured-background)); border-color: var(--y407ha-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal, var(--beae-card-shadow-x)) var(--y407ha-shadowVertical, var(--beae-card-shadow-y)) var(--y407ha-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y407ha-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--y407ha-background-color,var(--beae-card-prod-background)); border-color: var(--y407ha-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal, var(--beae-card-shadow-x)) var(--y407ha-shadowVertical, var(--beae-card-shadow-y)) var(--y407ha-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y407ha-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--y407ha-background-color,var(--beae-card-pricing-background)); border-color: var(--y407ha-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal, var(--beae-card-shadow-x)) var(--y407ha-shadowVertical, var(--beae-card-shadow-y)) var(--y407ha-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y407ha-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--y407ha-background-color,var(--beae-card-cta-background)); border-color: var(--y407ha-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal, var(--beae-card-shadow-x)) var(--y407ha-shadowVertical, var(--beae-card-shadow-y)) var(--y407ha-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y407ha-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--y407ha-background-color,var(--beae-card-media-background)); border-color: var(--y407ha-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--y407ha-enableShadow: true): var(--y407ha-shadowHorizontal, var(--beae-card-shadow-x)) var(--y407ha-shadowVertical, var(--beae-card-shadow-y)) var(--y407ha-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y407ha-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-y407ha"] {     display: flex;     flex-direction: var(--y407ha-direction, column);     flex-wrap: nowrap;     justify-content: var(--y407ha-justify-content);     align-items: var(--y407ha-align-items);     gap: var(--y407ha-gap, var(--y407ha-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-y407ha"] {      flex-direction: var(--y407ha-direction-tablet, column);                 align-items: var(--y407ha-align-items-tablet, inherit);      gap: var(--y407ha-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-y407ha"] {      flex-direction: var(--y407ha-direction-mobile, column);                      gap: var(--y407ha-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-26plc2"] { --26plc2-direction: column; --26plc2-direction-tablet: column; --26plc2-direction-mobile: column; --26plc2-structure: auto; --26plc2-structure-tablet: auto; --26plc2-structure-mobile: auto; --26plc2-padding-top: 36px; --26plc2-padding-top-tablet: 36px; --26plc2-padding-top-mobile: 24px; --26plc2-padding-right: 36px; --26plc2-padding-right-tablet: 36px; --26plc2-padding-right-mobile: 28px; --26plc2-padding-bottom: 36px; --26plc2-padding-bottom-tablet: 36px; --26plc2-padding-bottom-mobile: 24px; --26plc2-padding-left: 36px; --26plc2-padding-left-tablet: 36px; --26plc2-padding-left-mobile: 28px; --26plc2-align-items: flex-start; --26plc2-align-items-tablet: flex-start; --26plc2-align-items-mobile: flex-start; --26plc2-justify-content: flex-end; --26plc2-justify-content-tablet: flex-end; --26plc2-justify-content-mobile: flex-end; }[data-bnode="beae-26plc2"] { padding-top: var(--26plc2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--26plc2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--26plc2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--26plc2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--26plc2-padding-top-tablet, var(--26plc2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--26plc2-padding-right-tablet, var(--26plc2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--26plc2-padding-bottom-tablet, var(--26plc2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--26plc2-padding-left-tablet, var(--26plc2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--26plc2-padding-top-mobile, var(--26plc2-padding-top-tablet, var(--26plc2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--26plc2-padding-right-mobile, var(--26plc2-padding-right-tablet, var(--26plc2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--26plc2-padding-bottom-mobile, var(--26plc2-padding-bottom-tablet, var(--26plc2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--26plc2-padding-left-mobile, var(--26plc2-padding-left-tablet, var(--26plc2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--26plc2-padding-left, var(--beae-slot-padding-x, 0px)) - var(--26plc2-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--26plc2-background-imageRatio, auto); background: var(--26plc2-background-color,transparent); border-style: var(--26plc2-borderStyle,solid); border-color: var(--26plc2-borderColor,#000000); border-width: var(--26plc2-borderWidth-tl,0px) var(--26plc2-borderWidth-tr,0px) var(--26plc2-borderWidth-br,0px) var(--26plc2-borderWidth-bl,0px); border-radius: var(--26plc2-borderRadius-tl,0px) var(--26plc2-borderRadius-tr,0px) var(--26plc2-borderRadius-br,0px) var(--26plc2-borderRadius-bl,0px); box-shadow: if(style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal,0) var(--26plc2-shadowVertical,0) var(--26plc2-shadowBlur,0) 1px var(--26plc2-shadowColor,#000000); else: none); max-width: var(--26plc2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--26plc2-background-imageRatio-tablet, var(--26plc2-background-imageRatio, auto)); border-width: var(--26plc2-borderWidth-tl-tablet,0px) var(--26plc2-borderWidth-tr-tablet,0px) var(--26plc2-borderWidth-br-tablet,0px) var(--26plc2-borderWidth-bl-tablet,0px); border-radius: var(--26plc2-borderRadius-tl-tablet,0px) var(--26plc2-borderRadius-tr-tablet,0px) var(--26plc2-borderRadius-br-tablet,0px) var(--26plc2-borderRadius-bl-tablet,0px); max-width: var(--26plc2-max-width-tablet, var(--26plc2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--26plc2-background-imageRatio-mobile, var(--26plc2-background-imageRatio, auto)); border-width: var(--26plc2-borderWidth-tl-mobile,0px) var(--26plc2-borderWidth-tr-mobile,0px) var(--26plc2-borderWidth-br-mobile,0px) var(--26plc2-borderWidth-bl-mobile,0px); border-radius: var(--26plc2-borderRadius-tl-mobile,0px) var(--26plc2-borderRadius-tr-mobile,0px) var(--26plc2-borderRadius-br-mobile,0px) var(--26plc2-borderRadius-bl-mobile,0px); max-width: var(--26plc2-max-width-mobile, var(--26plc2-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--26plc2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--26plc2-gap,var(--beae-card-gap)); padding-top: var(--26plc2-padding-top,var(--beae-card-padding)); padding-right: var(--26plc2-padding-right,var(--beae-card-padding)); padding-bottom: var(--26plc2-padding-bottom,var(--beae-card-padding)); padding-left: var(--26plc2-padding-left,var(--beae-card-padding)); border-width: var(--26plc2-borderWidth,var(--beae-card-border-width)); border-width: var(--26plc2-borderWidth-tl,var(--beae-card-border-width)) var(--26plc2-borderWidth-tr,var(--beae-card-border-width)) var(--26plc2-borderWidth-br,var(--beae-card-border-width)) var(--26plc2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--26plc2-borderRadius-tl,var(--beae-card-border-radius)) var(--26plc2-borderRadius-tr,var(--beae-card-border-radius)) var(--26plc2-borderRadius-br,var(--beae-card-border-radius)) var(--26plc2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--26plc2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--26plc2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--26plc2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--26plc2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--26plc2-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--26plc2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--26plc2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--26plc2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--26plc2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--26plc2-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--26plc2-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--26plc2-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--26plc2-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--26plc2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--26plc2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--26plc2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--26plc2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--26plc2-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--26plc2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--26plc2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--26plc2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--26plc2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--26plc2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--26plc2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--26plc2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--26plc2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--26plc2-background-color,var(--beae-card-featured-background)); border-color: var(--26plc2-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal, var(--beae-card-shadow-x)) var(--26plc2-shadowVertical, var(--beae-card-shadow-y)) var(--26plc2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--26plc2-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--26plc2-background-color,var(--beae-card-prod-background)); border-color: var(--26plc2-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal, var(--beae-card-shadow-x)) var(--26plc2-shadowVertical, var(--beae-card-shadow-y)) var(--26plc2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--26plc2-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--26plc2-background-color,var(--beae-card-pricing-background)); border-color: var(--26plc2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal, var(--beae-card-shadow-x)) var(--26plc2-shadowVertical, var(--beae-card-shadow-y)) var(--26plc2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--26plc2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--26plc2-background-color,var(--beae-card-cta-background)); border-color: var(--26plc2-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal, var(--beae-card-shadow-x)) var(--26plc2-shadowVertical, var(--beae-card-shadow-y)) var(--26plc2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--26plc2-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--26plc2-background-color,var(--beae-card-media-background)); border-color: var(--26plc2-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--26plc2-enableShadow: true): var(--26plc2-shadowHorizontal, var(--beae-card-shadow-x)) var(--26plc2-shadowVertical, var(--beae-card-shadow-y)) var(--26plc2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--26plc2-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-26plc2"] {     display: flex;     flex-direction: var(--26plc2-direction, column);     flex-wrap: nowrap;     justify-content: var(--26plc2-justify-content);     align-items: var(--26plc2-align-items);     gap: var(--26plc2-gap, var(--26plc2-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-26plc2"] {      flex-direction: var(--26plc2-direction-tablet, column);                 align-items: var(--26plc2-align-items-tablet, inherit);      gap: var(--26plc2-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-26plc2"] {                            gap: var(--26plc2-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--26plc2-padding-right-mobile, 0px) - var(--26plc2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9v0ehq"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --9v0ehq-typography: h3; --9v0ehq-typography-tablet: h3; --9v0ehq-typography-mobile: h3; }[data-bnode="beae-9v0ehq"] { margin-top: var(--9v0ehq-margin-top, 0px); margin-right: var(--9v0ehq-margin-right, 0px); margin-bottom: var(--9v0ehq-margin-bottom, 0px); margin-left: var(--9v0ehq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9v0ehq-margin-top-tablet, 0px); margin-right: var(--9v0ehq-margin-right-tablet, 0px); margin-bottom: var(--9v0ehq-margin-bottom-tablet, 0px); margin-left: var(--9v0ehq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9v0ehq-margin-top-mobile, 0px); margin-right: var(--9v0ehq-margin-right-mobile, 0px); margin-bottom: var(--9v0ehq-margin-bottom-mobile, 0px); margin-left: var(--9v0ehq-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9v0ehq-highlightColor,var(--beae-p-color)); top: var(--9v0ehq-highlightTop, 100%); } }[data-bnode="beae-shf1ke"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --shf1ke-typography: p; --shf1ke-typography-tablet: p; --shf1ke-typography-mobile: p; }[data-bnode="beae-shf1ke"] { margin-top: var(--shf1ke-margin-top, 0px); margin-right: var(--shf1ke-margin-right, 0px); margin-bottom: var(--shf1ke-margin-bottom, 0px); margin-left: var(--shf1ke-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--shf1ke-margin-top-tablet, 0px); margin-right: var(--shf1ke-margin-right-tablet, 0px); margin-bottom: var(--shf1ke-margin-bottom-tablet, 0px); margin-left: var(--shf1ke-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--shf1ke-margin-top-mobile, 0px); margin-right: var(--shf1ke-margin-right-mobile, 0px); margin-bottom: var(--shf1ke-margin-bottom-mobile, 0px); margin-left: var(--shf1ke-margin-left-mobile, 0px); } }[data-bnode="beae-ldurwt"] { --ldurwt-direction: row; --ldurwt-direction-tablet: column; --ldurwt-direction-mobile: column; --ldurwt-structure: columns; --ldurwt-structure-tablet: columns; --ldurwt-structure-mobile: columns; --ldurwt-columns: 66.66,33.33; --ldurwt-columns-tablet: 66.66,33.33; --ldurwt-columns-mobile: 66.66,33.33; --ldurwt-columnsPresetId: 66.66,33.33; --ldurwt-columnsPresetId-tablet: 66.66,33.33; --ldurwt-columnsPresetId-mobile: 66.66,33.33; --ldurwt-gap: 28px; --ldurwt-gap-tablet: 20px; --ldurwt-gap-mobile: 20px; }[data-bnode="beae-ldurwt"] { padding-top: var(--ldurwt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ldurwt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ldurwt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ldurwt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ldurwt-padding-top-tablet, var(--ldurwt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ldurwt-padding-right-tablet, var(--ldurwt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ldurwt-padding-bottom-tablet, var(--ldurwt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ldurwt-padding-left-tablet, var(--ldurwt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ldurwt-padding-top-mobile, var(--ldurwt-padding-top-tablet, var(--ldurwt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ldurwt-padding-right-mobile, var(--ldurwt-padding-right-tablet, var(--ldurwt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ldurwt-padding-bottom-mobile, var(--ldurwt-padding-bottom-tablet, var(--ldurwt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ldurwt-padding-left-mobile, var(--ldurwt-padding-left-tablet, var(--ldurwt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ldurwt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ldurwt-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ldurwt-background-imageRatio, auto); background: var(--ldurwt-background-color,transparent); border-style: var(--ldurwt-borderStyle,solid); border-color: var(--ldurwt-borderColor,#000000); border-width: var(--ldurwt-borderWidth-tl,0px) var(--ldurwt-borderWidth-tr,0px) var(--ldurwt-borderWidth-br,0px) var(--ldurwt-borderWidth-bl,0px); border-radius: var(--ldurwt-borderRadius-tl,0px) var(--ldurwt-borderRadius-tr,0px) var(--ldurwt-borderRadius-br,0px) var(--ldurwt-borderRadius-bl,0px); box-shadow: if(style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal,0) var(--ldurwt-shadowVertical,0) var(--ldurwt-shadowBlur,0) 1px var(--ldurwt-shadowColor,#000000); else: none); max-width: var(--ldurwt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ldurwt-background-imageRatio-tablet, var(--ldurwt-background-imageRatio, auto)); border-width: var(--ldurwt-borderWidth-tl-tablet,0px) var(--ldurwt-borderWidth-tr-tablet,0px) var(--ldurwt-borderWidth-br-tablet,0px) var(--ldurwt-borderWidth-bl-tablet,0px); border-radius: var(--ldurwt-borderRadius-tl-tablet,0px) var(--ldurwt-borderRadius-tr-tablet,0px) var(--ldurwt-borderRadius-br-tablet,0px) var(--ldurwt-borderRadius-bl-tablet,0px); max-width: var(--ldurwt-max-width-tablet, var(--ldurwt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ldurwt-background-imageRatio-mobile, var(--ldurwt-background-imageRatio, auto)); border-width: var(--ldurwt-borderWidth-tl-mobile,0px) var(--ldurwt-borderWidth-tr-mobile,0px) var(--ldurwt-borderWidth-br-mobile,0px) var(--ldurwt-borderWidth-bl-mobile,0px); border-radius: var(--ldurwt-borderRadius-tl-mobile,0px) var(--ldurwt-borderRadius-tr-mobile,0px) var(--ldurwt-borderRadius-br-mobile,0px) var(--ldurwt-borderRadius-bl-mobile,0px); max-width: var(--ldurwt-max-width-mobile, var(--ldurwt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ldurwt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ldurwt-gap,var(--beae-card-gap)); padding-top: var(--ldurwt-padding-top,var(--beae-card-padding)); padding-right: var(--ldurwt-padding-right,var(--beae-card-padding)); padding-bottom: var(--ldurwt-padding-bottom,var(--beae-card-padding)); padding-left: var(--ldurwt-padding-left,var(--beae-card-padding)); border-width: var(--ldurwt-borderWidth,var(--beae-card-border-width)); border-width: var(--ldurwt-borderWidth-tl,var(--beae-card-border-width)) var(--ldurwt-borderWidth-tr,var(--beae-card-border-width)) var(--ldurwt-borderWidth-br,var(--beae-card-border-width)) var(--ldurwt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ldurwt-borderRadius-tl,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-tr,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-br,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ldurwt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ldurwt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ldurwt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ldurwt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ldurwt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ldurwt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ldurwt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ldurwt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ldurwt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ldurwt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ldurwt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ldurwt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ldurwt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ldurwt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ldurwt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ldurwt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ldurwt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ldurwt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ldurwt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ldurwt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ldurwt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ldurwt-background-color,var(--beae-card-featured-background)); border-color: var(--ldurwt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ldurwt-shadowVertical, var(--beae-card-shadow-y)) var(--ldurwt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ldurwt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ldurwt-background-color,var(--beae-card-prod-background)); border-color: var(--ldurwt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ldurwt-shadowVertical, var(--beae-card-shadow-y)) var(--ldurwt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ldurwt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ldurwt-background-color,var(--beae-card-pricing-background)); border-color: var(--ldurwt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ldurwt-shadowVertical, var(--beae-card-shadow-y)) var(--ldurwt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ldurwt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ldurwt-background-color,var(--beae-card-cta-background)); border-color: var(--ldurwt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ldurwt-shadowVertical, var(--beae-card-shadow-y)) var(--ldurwt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ldurwt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ldurwt-background-color,var(--beae-card-media-background)); border-color: var(--ldurwt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ldurwt-enableShadow: true): var(--ldurwt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ldurwt-shadowVertical, var(--beae-card-shadow-y)) var(--ldurwt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ldurwt-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-ldurwt"] {     display: flex;     flex-direction: var(--ldurwt-direction, column);     flex-wrap: nowrap;     justify-content: var(--ldurwt-justify-content);     align-items: var(--ldurwt-align-items);     gap: var(--ldurwt-gap, var(--ldurwt-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(66.66% - var(--ldurwt-padding-right, 0px) - var(--ldurwt-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(33.33% - var(--ldurwt-padding-right, 0px) - var(--ldurwt-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ldurwt-padding-right, 0px) - var(--ldurwt-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ldurwt"] {      flex-direction: var(--ldurwt-direction-tablet, column);                      gap: var(--ldurwt-gap-tablet, var(--ldurwt-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-ldurwt"] {      flex-direction: var(--ldurwt-direction-mobile, column);                      gap: var(--ldurwt-gap-mobile, var(--ldurwt-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-engtvp"] { --engtvp-background-type: image; --engtvp-background-type-tablet: image; --engtvp-background-type-mobile: image; --engtvp-background-image: [object Object]; --engtvp-background-image-tablet: [object Object]; --engtvp-background-image-mobile: [object Object]; --engtvp-background-imageRatio-tablet: 2/1; --engtvp-background-imageRatio-tablet-tablet: 2/1; --engtvp-background-imageRatio-tablet-mobile: 2/1; --engtvp-background-imageRatio-mobile: 5/3; --engtvp-background-imageRatio-mobile-tablet: 5/3; --engtvp-background-imageRatio-mobile-mobile: 5/3; --engtvp-borderRadius-tl: 24px; --engtvp-borderRadius-tl-tablet: 24px; --engtvp-borderRadius-tl-mobile: 24px; --engtvp-borderRadius-tr: 24px; --engtvp-borderRadius-tr-tablet: 24px; --engtvp-borderRadius-tr-mobile: 24px; --engtvp-borderRadius-bl: 24px; --engtvp-borderRadius-bl-tablet: 24px; --engtvp-borderRadius-bl-mobile: 24px; --engtvp-borderRadius-br: 24px; --engtvp-borderRadius-br-tablet: 24px; --engtvp-borderRadius-br-mobile: 24px; --engtvp-direction: row; --engtvp-direction-tablet: row; --engtvp-direction-mobile: row; --engtvp-align-items: flex-end; --engtvp-align-items-tablet: flex-end; --engtvp-align-items-mobile: flex-end; --engtvp-structure-tablet: auto; --engtvp-structure-mobile: auto; }[data-bnode="beae-engtvp"] { padding-top: var(--engtvp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--engtvp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--engtvp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--engtvp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--engtvp-padding-top-tablet, var(--engtvp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--engtvp-padding-right-tablet, var(--engtvp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--engtvp-padding-bottom-tablet, var(--engtvp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--engtvp-padding-left-tablet, var(--engtvp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--engtvp-padding-top-mobile, var(--engtvp-padding-top-tablet, var(--engtvp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--engtvp-padding-right-mobile, var(--engtvp-padding-right-tablet, var(--engtvp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--engtvp-padding-bottom-mobile, var(--engtvp-padding-bottom-tablet, var(--engtvp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--engtvp-padding-left-mobile, var(--engtvp-padding-left-tablet, var(--engtvp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--engtvp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--engtvp-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--engtvp-background-imageRatio, auto); background: var(--engtvp-background-color,transparent); border-style: var(--engtvp-borderStyle,solid); border-color: var(--engtvp-borderColor,#000000); border-width: var(--engtvp-borderWidth-tl,0px) var(--engtvp-borderWidth-tr,0px) var(--engtvp-borderWidth-br,0px) var(--engtvp-borderWidth-bl,0px); border-radius: var(--engtvp-borderRadius-tl,0px) var(--engtvp-borderRadius-tr,0px) var(--engtvp-borderRadius-br,0px) var(--engtvp-borderRadius-bl,0px); box-shadow: if(style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal,0) var(--engtvp-shadowVertical,0) var(--engtvp-shadowBlur,0) 1px var(--engtvp-shadowColor,#000000); else: none); max-width: var(--engtvp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--engtvp-background-imageRatio-tablet, var(--engtvp-background-imageRatio, auto)); border-width: var(--engtvp-borderWidth-tl-tablet,0px) var(--engtvp-borderWidth-tr-tablet,0px) var(--engtvp-borderWidth-br-tablet,0px) var(--engtvp-borderWidth-bl-tablet,0px); border-radius: var(--engtvp-borderRadius-tl-tablet,0px) var(--engtvp-borderRadius-tr-tablet,0px) var(--engtvp-borderRadius-br-tablet,0px) var(--engtvp-borderRadius-bl-tablet,0px); max-width: var(--engtvp-max-width-tablet, var(--engtvp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--engtvp-background-imageRatio-mobile, var(--engtvp-background-imageRatio, auto)); border-width: var(--engtvp-borderWidth-tl-mobile,0px) var(--engtvp-borderWidth-tr-mobile,0px) var(--engtvp-borderWidth-br-mobile,0px) var(--engtvp-borderWidth-bl-mobile,0px); border-radius: var(--engtvp-borderRadius-tl-mobile,0px) var(--engtvp-borderRadius-tr-mobile,0px) var(--engtvp-borderRadius-br-mobile,0px) var(--engtvp-borderRadius-bl-mobile,0px); max-width: var(--engtvp-max-width-mobile, var(--engtvp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--engtvp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--engtvp-gap,var(--beae-card-gap)); padding-top: var(--engtvp-padding-top,var(--beae-card-padding)); padding-right: var(--engtvp-padding-right,var(--beae-card-padding)); padding-bottom: var(--engtvp-padding-bottom,var(--beae-card-padding)); padding-left: var(--engtvp-padding-left,var(--beae-card-padding)); border-width: var(--engtvp-borderWidth,var(--beae-card-border-width)); border-width: var(--engtvp-borderWidth-tl,var(--beae-card-border-width)) var(--engtvp-borderWidth-tr,var(--beae-card-border-width)) var(--engtvp-borderWidth-br,var(--beae-card-border-width)) var(--engtvp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--engtvp-borderRadius-tl,var(--beae-card-border-radius)) var(--engtvp-borderRadius-tr,var(--beae-card-border-radius)) var(--engtvp-borderRadius-br,var(--beae-card-border-radius)) var(--engtvp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--engtvp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--engtvp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--engtvp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--engtvp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--engtvp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--engtvp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--engtvp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--engtvp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--engtvp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--engtvp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--engtvp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--engtvp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--engtvp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--engtvp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--engtvp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--engtvp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--engtvp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--engtvp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--engtvp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--engtvp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--engtvp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--engtvp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--engtvp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--engtvp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--engtvp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--engtvp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--engtvp-background-color,var(--beae-card-featured-background)); border-color: var(--engtvp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal, var(--beae-card-shadow-x)) var(--engtvp-shadowVertical, var(--beae-card-shadow-y)) var(--engtvp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--engtvp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--engtvp-background-color,var(--beae-card-prod-background)); border-color: var(--engtvp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal, var(--beae-card-shadow-x)) var(--engtvp-shadowVertical, var(--beae-card-shadow-y)) var(--engtvp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--engtvp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--engtvp-background-color,var(--beae-card-pricing-background)); border-color: var(--engtvp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal, var(--beae-card-shadow-x)) var(--engtvp-shadowVertical, var(--beae-card-shadow-y)) var(--engtvp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--engtvp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--engtvp-background-color,var(--beae-card-cta-background)); border-color: var(--engtvp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal, var(--beae-card-shadow-x)) var(--engtvp-shadowVertical, var(--beae-card-shadow-y)) var(--engtvp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--engtvp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--engtvp-background-color,var(--beae-card-media-background)); border-color: var(--engtvp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--engtvp-enableShadow: true): var(--engtvp-shadowHorizontal, var(--beae-card-shadow-x)) var(--engtvp-shadowVertical, var(--beae-card-shadow-y)) var(--engtvp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--engtvp-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-engtvp"] {     display: flex;     flex-direction: var(--engtvp-direction, column);     flex-wrap: nowrap;     justify-content: var(--engtvp-justify-content);     align-items: var(--engtvp-align-items);     gap: var(--engtvp-gap, var(--engtvp-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-engtvp"] {      flex-direction: var(--engtvp-direction-tablet, column);                 align-items: var(--engtvp-align-items-tablet, inherit);      gap: var(--engtvp-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-engtvp"] {                            gap: var(--engtvp-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-xrft9m"] { --xrft9m-direction: column; --xrft9m-direction-tablet: column; --xrft9m-direction-mobile: column; --xrft9m-structure: auto; --xrft9m-structure-tablet: auto; --xrft9m-structure-mobile: auto; --xrft9m-padding-top: 36px; --xrft9m-padding-top-tablet: 36px; --xrft9m-padding-top-mobile: 28px; --xrft9m-padding-right: 36px; --xrft9m-padding-right-tablet: 36px; --xrft9m-padding-right-mobile: 28px; --xrft9m-padding-bottom: 36px; --xrft9m-padding-bottom-tablet: 36px; --xrft9m-padding-bottom-mobile: 28px; --xrft9m-padding-left: 36px; --xrft9m-padding-left-tablet: 36px; --xrft9m-padding-left-mobile: 28px; --xrft9m-align-items: flex-start; --xrft9m-align-items-tablet: flex-start; --xrft9m-align-items-mobile: flex-start; --xrft9m-justify-content: flex-end; --xrft9m-justify-content-tablet: flex-end; --xrft9m-justify-content-mobile: flex-end; --xrft9m-background-type: color; --xrft9m-background-type-tablet: color; --xrft9m-background-type-mobile: color; --xrft9m-background-color: #0D0C0C00; --xrft9m-background-color-tablet: #0D0C0C00; --xrft9m-background-color-mobile: #0D0C0C00; }[data-bnode="beae-xrft9m"] { padding-top: var(--xrft9m-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xrft9m-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xrft9m-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xrft9m-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xrft9m-padding-top-tablet, var(--xrft9m-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xrft9m-padding-right-tablet, var(--xrft9m-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xrft9m-padding-bottom-tablet, var(--xrft9m-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xrft9m-padding-left-tablet, var(--xrft9m-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xrft9m-padding-top-mobile, var(--xrft9m-padding-top-tablet, var(--xrft9m-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xrft9m-padding-right-mobile, var(--xrft9m-padding-right-tablet, var(--xrft9m-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xrft9m-padding-bottom-mobile, var(--xrft9m-padding-bottom-tablet, var(--xrft9m-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xrft9m-padding-left-mobile, var(--xrft9m-padding-left-tablet, var(--xrft9m-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--xrft9m-padding-left, var(--beae-slot-padding-x, 0px)) - var(--xrft9m-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--xrft9m-background-imageRatio, auto); background: var(--xrft9m-background-color,transparent); border-style: var(--xrft9m-borderStyle,solid); border-color: var(--xrft9m-borderColor,#000000); border-width: var(--xrft9m-borderWidth-tl,0px) var(--xrft9m-borderWidth-tr,0px) var(--xrft9m-borderWidth-br,0px) var(--xrft9m-borderWidth-bl,0px); border-radius: var(--xrft9m-borderRadius-tl,0px) var(--xrft9m-borderRadius-tr,0px) var(--xrft9m-borderRadius-br,0px) var(--xrft9m-borderRadius-bl,0px); box-shadow: if(style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal,0) var(--xrft9m-shadowVertical,0) var(--xrft9m-shadowBlur,0) 1px var(--xrft9m-shadowColor,#000000); else: none); max-width: var(--xrft9m-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xrft9m-background-imageRatio-tablet, var(--xrft9m-background-imageRatio, auto)); border-width: var(--xrft9m-borderWidth-tl-tablet,0px) var(--xrft9m-borderWidth-tr-tablet,0px) var(--xrft9m-borderWidth-br-tablet,0px) var(--xrft9m-borderWidth-bl-tablet,0px); border-radius: var(--xrft9m-borderRadius-tl-tablet,0px) var(--xrft9m-borderRadius-tr-tablet,0px) var(--xrft9m-borderRadius-br-tablet,0px) var(--xrft9m-borderRadius-bl-tablet,0px); max-width: var(--xrft9m-max-width-tablet, var(--xrft9m-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xrft9m-background-imageRatio-mobile, var(--xrft9m-background-imageRatio, auto)); border-width: var(--xrft9m-borderWidth-tl-mobile,0px) var(--xrft9m-borderWidth-tr-mobile,0px) var(--xrft9m-borderWidth-br-mobile,0px) var(--xrft9m-borderWidth-bl-mobile,0px); border-radius: var(--xrft9m-borderRadius-tl-mobile,0px) var(--xrft9m-borderRadius-tr-mobile,0px) var(--xrft9m-borderRadius-br-mobile,0px) var(--xrft9m-borderRadius-bl-mobile,0px); max-width: var(--xrft9m-max-width-mobile, var(--xrft9m-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xrft9m-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--xrft9m-gap,var(--beae-card-gap)); padding-top: var(--xrft9m-padding-top,var(--beae-card-padding)); padding-right: var(--xrft9m-padding-right,var(--beae-card-padding)); padding-bottom: var(--xrft9m-padding-bottom,var(--beae-card-padding)); padding-left: var(--xrft9m-padding-left,var(--beae-card-padding)); border-width: var(--xrft9m-borderWidth,var(--beae-card-border-width)); border-width: var(--xrft9m-borderWidth-tl,var(--beae-card-border-width)) var(--xrft9m-borderWidth-tr,var(--beae-card-border-width)) var(--xrft9m-borderWidth-br,var(--beae-card-border-width)) var(--xrft9m-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xrft9m-borderRadius-tl,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-tr,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-br,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--xrft9m-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xrft9m-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xrft9m-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xrft9m-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xrft9m-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--xrft9m-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xrft9m-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xrft9m-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xrft9m-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xrft9m-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--xrft9m-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xrft9m-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xrft9m-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xrft9m-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xrft9m-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--xrft9m-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xrft9m-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xrft9m-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xrft9m-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xrft9m-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xrft9m-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xrft9m-background-color,var(--beae-card-featured-background)); border-color: var(--xrft9m-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal, var(--beae-card-shadow-x)) var(--xrft9m-shadowVertical, var(--beae-card-shadow-y)) var(--xrft9m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xrft9m-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--xrft9m-background-color,var(--beae-card-prod-background)); border-color: var(--xrft9m-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal, var(--beae-card-shadow-x)) var(--xrft9m-shadowVertical, var(--beae-card-shadow-y)) var(--xrft9m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xrft9m-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--xrft9m-background-color,var(--beae-card-pricing-background)); border-color: var(--xrft9m-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal, var(--beae-card-shadow-x)) var(--xrft9m-shadowVertical, var(--beae-card-shadow-y)) var(--xrft9m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xrft9m-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--xrft9m-background-color,var(--beae-card-cta-background)); border-color: var(--xrft9m-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal, var(--beae-card-shadow-x)) var(--xrft9m-shadowVertical, var(--beae-card-shadow-y)) var(--xrft9m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xrft9m-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--xrft9m-background-color,var(--beae-card-media-background)); border-color: var(--xrft9m-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--xrft9m-enableShadow: true): var(--xrft9m-shadowHorizontal, var(--beae-card-shadow-x)) var(--xrft9m-shadowVertical, var(--beae-card-shadow-y)) var(--xrft9m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xrft9m-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-xrft9m"] {     display: flex;     flex-direction: var(--xrft9m-direction, column);     flex-wrap: nowrap;     justify-content: var(--xrft9m-justify-content);     align-items: var(--xrft9m-align-items);     gap: var(--xrft9m-gap, var(--xrft9m-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xrft9m"] {                            gap: var(--xrft9m-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xrft9m-padding-right-tablet, 0px) - var(--xrft9m-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xrft9m"] {                            gap: var(--xrft9m-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xrft9m-padding-right-mobile, 0px) - var(--xrft9m-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-dd3hhm"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --dd3hhm-typography: h3; --dd3hhm-typography-tablet: h3; --dd3hhm-typography-mobile: h3; }[data-bnode="beae-dd3hhm"] { margin-top: var(--dd3hhm-margin-top, 0px); margin-right: var(--dd3hhm-margin-right, 0px); margin-bottom: var(--dd3hhm-margin-bottom, 0px); margin-left: var(--dd3hhm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dd3hhm-margin-top-tablet, 0px); margin-right: var(--dd3hhm-margin-right-tablet, 0px); margin-bottom: var(--dd3hhm-margin-bottom-tablet, 0px); margin-left: var(--dd3hhm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dd3hhm-margin-top-mobile, 0px); margin-right: var(--dd3hhm-margin-right-mobile, 0px); margin-bottom: var(--dd3hhm-margin-bottom-mobile, 0px); margin-left: var(--dd3hhm-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--dd3hhm-highlightColor,var(--beae-p-color)); top: var(--dd3hhm-highlightTop, 100%); } }[data-bnode="beae-k70sj9"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --k70sj9-typography: p; --k70sj9-typography-tablet: p; --k70sj9-typography-mobile: p; }[data-bnode="beae-k70sj9"] { margin-top: var(--k70sj9-margin-top, 0px); margin-right: var(--k70sj9-margin-right, 0px); margin-bottom: var(--k70sj9-margin-bottom, 0px); margin-left: var(--k70sj9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k70sj9-margin-top-tablet, 0px); margin-right: var(--k70sj9-margin-right-tablet, 0px); margin-bottom: var(--k70sj9-margin-bottom-tablet, 0px); margin-left: var(--k70sj9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k70sj9-margin-top-mobile, 0px); margin-right: var(--k70sj9-margin-right-mobile, 0px); margin-bottom: var(--k70sj9-margin-bottom-mobile, 0px); margin-left: var(--k70sj9-margin-left-mobile, 0px); } }[data-bnode="beae-x0ghgh"] { --x0ghgh-background-type: image; --x0ghgh-background-type-tablet: image; --x0ghgh-background-type-mobile: image; --x0ghgh-background-image: [object Object]; --x0ghgh-background-image-tablet: [object Object]; --x0ghgh-background-image-mobile: [object Object]; --x0ghgh-background-imageRatio: 3/2; --x0ghgh-background-imageRatio-tablet: 3/2; --x0ghgh-background-imageRatio-mobile: 3/2; --x0ghgh-background-imageRatio-tablet: 2/1; --x0ghgh-background-imageRatio-tablet-tablet: 2/1; --x0ghgh-background-imageRatio-tablet-mobile: 2/1; --x0ghgh-background-imageRatio-mobile: 5/3; --x0ghgh-background-imageRatio-mobile-tablet: 5/3; --x0ghgh-background-imageRatio-mobile-mobile: 5/3; --x0ghgh-borderRadius-tl: 24px; --x0ghgh-borderRadius-tl-tablet: 24px; --x0ghgh-borderRadius-tl-mobile: 24px; --x0ghgh-borderRadius-tr: 24px; --x0ghgh-borderRadius-tr-tablet: 24px; --x0ghgh-borderRadius-tr-mobile: 24px; --x0ghgh-borderRadius-bl: 24px; --x0ghgh-borderRadius-bl-tablet: 24px; --x0ghgh-borderRadius-bl-mobile: 24px; --x0ghgh-borderRadius-br: 24px; --x0ghgh-borderRadius-br-tablet: 24px; --x0ghgh-borderRadius-br-mobile: 24px; --x0ghgh-direction: row; --x0ghgh-direction-tablet: row; --x0ghgh-direction-mobile: row; --x0ghgh-align-items: flex-end; --x0ghgh-align-items-tablet: flex-end; --x0ghgh-align-items-mobile: flex-end; --x0ghgh-structure-tablet: auto; --x0ghgh-structure-mobile: auto; }[data-bnode="beae-x0ghgh"] { padding-top: var(--x0ghgh-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--x0ghgh-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--x0ghgh-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--x0ghgh-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x0ghgh-padding-top-tablet, var(--x0ghgh-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--x0ghgh-padding-right-tablet, var(--x0ghgh-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--x0ghgh-padding-bottom-tablet, var(--x0ghgh-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--x0ghgh-padding-left-tablet, var(--x0ghgh-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x0ghgh-padding-top-mobile, var(--x0ghgh-padding-top-tablet, var(--x0ghgh-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--x0ghgh-padding-right-mobile, var(--x0ghgh-padding-right-tablet, var(--x0ghgh-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--x0ghgh-padding-bottom-mobile, var(--x0ghgh-padding-bottom-tablet, var(--x0ghgh-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--x0ghgh-padding-left-mobile, var(--x0ghgh-padding-left-tablet, var(--x0ghgh-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--x0ghgh-padding-left, var(--beae-slot-padding-x, 0px)) - var(--x0ghgh-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--x0ghgh-background-imageRatio, auto); background: var(--x0ghgh-background-color,transparent); border-style: var(--x0ghgh-borderStyle,solid); border-color: var(--x0ghgh-borderColor,#000000); border-width: var(--x0ghgh-borderWidth-tl,0px) var(--x0ghgh-borderWidth-tr,0px) var(--x0ghgh-borderWidth-br,0px) var(--x0ghgh-borderWidth-bl,0px); border-radius: var(--x0ghgh-borderRadius-tl,0px) var(--x0ghgh-borderRadius-tr,0px) var(--x0ghgh-borderRadius-br,0px) var(--x0ghgh-borderRadius-bl,0px); box-shadow: if(style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal,0) var(--x0ghgh-shadowVertical,0) var(--x0ghgh-shadowBlur,0) 1px var(--x0ghgh-shadowColor,#000000); else: none); max-width: var(--x0ghgh-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--x0ghgh-background-imageRatio-tablet, var(--x0ghgh-background-imageRatio, auto)); border-width: var(--x0ghgh-borderWidth-tl-tablet,0px) var(--x0ghgh-borderWidth-tr-tablet,0px) var(--x0ghgh-borderWidth-br-tablet,0px) var(--x0ghgh-borderWidth-bl-tablet,0px); border-radius: var(--x0ghgh-borderRadius-tl-tablet,0px) var(--x0ghgh-borderRadius-tr-tablet,0px) var(--x0ghgh-borderRadius-br-tablet,0px) var(--x0ghgh-borderRadius-bl-tablet,0px); max-width: var(--x0ghgh-max-width-tablet, var(--x0ghgh-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--x0ghgh-background-imageRatio-mobile, var(--x0ghgh-background-imageRatio, auto)); border-width: var(--x0ghgh-borderWidth-tl-mobile,0px) var(--x0ghgh-borderWidth-tr-mobile,0px) var(--x0ghgh-borderWidth-br-mobile,0px) var(--x0ghgh-borderWidth-bl-mobile,0px); border-radius: var(--x0ghgh-borderRadius-tl-mobile,0px) var(--x0ghgh-borderRadius-tr-mobile,0px) var(--x0ghgh-borderRadius-br-mobile,0px) var(--x0ghgh-borderRadius-bl-mobile,0px); max-width: var(--x0ghgh-max-width-mobile, var(--x0ghgh-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--x0ghgh-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--x0ghgh-gap,var(--beae-card-gap)); padding-top: var(--x0ghgh-padding-top,var(--beae-card-padding)); padding-right: var(--x0ghgh-padding-right,var(--beae-card-padding)); padding-bottom: var(--x0ghgh-padding-bottom,var(--beae-card-padding)); padding-left: var(--x0ghgh-padding-left,var(--beae-card-padding)); border-width: var(--x0ghgh-borderWidth,var(--beae-card-border-width)); border-width: var(--x0ghgh-borderWidth-tl,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-tr,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-br,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--x0ghgh-borderRadius-tl,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-tr,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-br,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--x0ghgh-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--x0ghgh-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--x0ghgh-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--x0ghgh-padding-left-tablet,var(--beae-card-padding)); border-width: var(--x0ghgh-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--x0ghgh-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-br-desktop,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--x0ghgh-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--x0ghgh-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--x0ghgh-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--x0ghgh-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--x0ghgh-padding-left-mobile,var(--beae-card-padding)); border-width: var(--x0ghgh-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--x0ghgh-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-br-mobile,var(--beae-card-border-width)) var(--x0ghgh-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--x0ghgh-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--x0ghgh-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--x0ghgh-background-color,var(--beae-card-featured-background)); border-color: var(--x0ghgh-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal, var(--beae-card-shadow-x)) var(--x0ghgh-shadowVertical, var(--beae-card-shadow-y)) var(--x0ghgh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x0ghgh-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--x0ghgh-background-color,var(--beae-card-prod-background)); border-color: var(--x0ghgh-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal, var(--beae-card-shadow-x)) var(--x0ghgh-shadowVertical, var(--beae-card-shadow-y)) var(--x0ghgh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x0ghgh-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--x0ghgh-background-color,var(--beae-card-pricing-background)); border-color: var(--x0ghgh-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal, var(--beae-card-shadow-x)) var(--x0ghgh-shadowVertical, var(--beae-card-shadow-y)) var(--x0ghgh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x0ghgh-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--x0ghgh-background-color,var(--beae-card-cta-background)); border-color: var(--x0ghgh-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal, var(--beae-card-shadow-x)) var(--x0ghgh-shadowVertical, var(--beae-card-shadow-y)) var(--x0ghgh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x0ghgh-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--x0ghgh-background-color,var(--beae-card-media-background)); border-color: var(--x0ghgh-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--x0ghgh-enableShadow: true): var(--x0ghgh-shadowHorizontal, var(--beae-card-shadow-x)) var(--x0ghgh-shadowVertical, var(--beae-card-shadow-y)) var(--x0ghgh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x0ghgh-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-x0ghgh"] {     display: flex;     flex-direction: var(--x0ghgh-direction, column);     flex-wrap: nowrap;     justify-content: var(--x0ghgh-justify-content);     align-items: var(--x0ghgh-align-items);     gap: var(--x0ghgh-gap, var(--x0ghgh-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x0ghgh"] {      flex-direction: var(--x0ghgh-direction-tablet, column);                 align-items: var(--x0ghgh-align-items-tablet, inherit);      gap: var(--x0ghgh-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-x0ghgh"] {                            gap: var(--x0ghgh-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-kqdovi"] { --kqdovi-direction: column; --kqdovi-direction-tablet: column; --kqdovi-direction-mobile: column; --kqdovi-structure: auto; --kqdovi-structure-tablet: auto; --kqdovi-structure-mobile: auto; --kqdovi-padding-top: 36px; --kqdovi-padding-top-tablet: 36px; --kqdovi-padding-top-mobile: 28px; --kqdovi-padding-right: 36px; --kqdovi-padding-right-tablet: 36px; --kqdovi-padding-right-mobile: 28px; --kqdovi-padding-bottom: 36px; --kqdovi-padding-bottom-tablet: 36px; --kqdovi-padding-bottom-mobile: 28px; --kqdovi-padding-left: 36px; --kqdovi-padding-left-tablet: 36px; --kqdovi-padding-left-mobile: 28px; --kqdovi-align-items: flex-start; --kqdovi-align-items-tablet: flex-start; --kqdovi-align-items-mobile: flex-start; --kqdovi-justify-content: flex-end; --kqdovi-justify-content-tablet: flex-end; --kqdovi-justify-content-mobile: flex-end; }[data-bnode="beae-kqdovi"] { padding-top: var(--kqdovi-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kqdovi-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kqdovi-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kqdovi-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kqdovi-padding-top-tablet, var(--kqdovi-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kqdovi-padding-right-tablet, var(--kqdovi-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kqdovi-padding-bottom-tablet, var(--kqdovi-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kqdovi-padding-left-tablet, var(--kqdovi-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kqdovi-padding-top-mobile, var(--kqdovi-padding-top-tablet, var(--kqdovi-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kqdovi-padding-right-mobile, var(--kqdovi-padding-right-tablet, var(--kqdovi-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kqdovi-padding-bottom-mobile, var(--kqdovi-padding-bottom-tablet, var(--kqdovi-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kqdovi-padding-left-mobile, var(--kqdovi-padding-left-tablet, var(--kqdovi-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--kqdovi-padding-left, var(--beae-slot-padding-x, 0px)) - var(--kqdovi-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--kqdovi-background-imageRatio, auto); background: var(--kqdovi-background-color,transparent); border-style: var(--kqdovi-borderStyle,solid); border-color: var(--kqdovi-borderColor,#000000); border-width: var(--kqdovi-borderWidth-tl,0px) var(--kqdovi-borderWidth-tr,0px) var(--kqdovi-borderWidth-br,0px) var(--kqdovi-borderWidth-bl,0px); border-radius: var(--kqdovi-borderRadius-tl,0px) var(--kqdovi-borderRadius-tr,0px) var(--kqdovi-borderRadius-br,0px) var(--kqdovi-borderRadius-bl,0px); box-shadow: if(style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal,0) var(--kqdovi-shadowVertical,0) var(--kqdovi-shadowBlur,0) 1px var(--kqdovi-shadowColor,#000000); else: none); max-width: var(--kqdovi-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--kqdovi-background-imageRatio-tablet, var(--kqdovi-background-imageRatio, auto)); border-width: var(--kqdovi-borderWidth-tl-tablet,0px) var(--kqdovi-borderWidth-tr-tablet,0px) var(--kqdovi-borderWidth-br-tablet,0px) var(--kqdovi-borderWidth-bl-tablet,0px); border-radius: var(--kqdovi-borderRadius-tl-tablet,0px) var(--kqdovi-borderRadius-tr-tablet,0px) var(--kqdovi-borderRadius-br-tablet,0px) var(--kqdovi-borderRadius-bl-tablet,0px); max-width: var(--kqdovi-max-width-tablet, var(--kqdovi-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--kqdovi-background-imageRatio-mobile, var(--kqdovi-background-imageRatio, auto)); border-width: var(--kqdovi-borderWidth-tl-mobile,0px) var(--kqdovi-borderWidth-tr-mobile,0px) var(--kqdovi-borderWidth-br-mobile,0px) var(--kqdovi-borderWidth-bl-mobile,0px); border-radius: var(--kqdovi-borderRadius-tl-mobile,0px) var(--kqdovi-borderRadius-tr-mobile,0px) var(--kqdovi-borderRadius-br-mobile,0px) var(--kqdovi-borderRadius-bl-mobile,0px); max-width: var(--kqdovi-max-width-mobile, var(--kqdovi-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kqdovi-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--kqdovi-gap,var(--beae-card-gap)); padding-top: var(--kqdovi-padding-top,var(--beae-card-padding)); padding-right: var(--kqdovi-padding-right,var(--beae-card-padding)); padding-bottom: var(--kqdovi-padding-bottom,var(--beae-card-padding)); padding-left: var(--kqdovi-padding-left,var(--beae-card-padding)); border-width: var(--kqdovi-borderWidth,var(--beae-card-border-width)); border-width: var(--kqdovi-borderWidth-tl,var(--beae-card-border-width)) var(--kqdovi-borderWidth-tr,var(--beae-card-border-width)) var(--kqdovi-borderWidth-br,var(--beae-card-border-width)) var(--kqdovi-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kqdovi-borderRadius-tl,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-tr,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-br,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--kqdovi-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kqdovi-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kqdovi-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kqdovi-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kqdovi-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--kqdovi-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kqdovi-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kqdovi-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kqdovi-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kqdovi-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--kqdovi-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kqdovi-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kqdovi-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kqdovi-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kqdovi-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--kqdovi-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kqdovi-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kqdovi-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kqdovi-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kqdovi-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kqdovi-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kqdovi-background-color,var(--beae-card-featured-background)); border-color: var(--kqdovi-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal, var(--beae-card-shadow-x)) var(--kqdovi-shadowVertical, var(--beae-card-shadow-y)) var(--kqdovi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kqdovi-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--kqdovi-background-color,var(--beae-card-prod-background)); border-color: var(--kqdovi-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal, var(--beae-card-shadow-x)) var(--kqdovi-shadowVertical, var(--beae-card-shadow-y)) var(--kqdovi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kqdovi-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--kqdovi-background-color,var(--beae-card-pricing-background)); border-color: var(--kqdovi-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal, var(--beae-card-shadow-x)) var(--kqdovi-shadowVertical, var(--beae-card-shadow-y)) var(--kqdovi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kqdovi-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--kqdovi-background-color,var(--beae-card-cta-background)); border-color: var(--kqdovi-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal, var(--beae-card-shadow-x)) var(--kqdovi-shadowVertical, var(--beae-card-shadow-y)) var(--kqdovi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kqdovi-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--kqdovi-background-color,var(--beae-card-media-background)); border-color: var(--kqdovi-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--kqdovi-enableShadow: true): var(--kqdovi-shadowHorizontal, var(--beae-card-shadow-x)) var(--kqdovi-shadowVertical, var(--beae-card-shadow-y)) var(--kqdovi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kqdovi-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-kqdovi"] {     display: flex;     flex-direction: var(--kqdovi-direction, column);     flex-wrap: nowrap;     justify-content: var(--kqdovi-justify-content);     align-items: var(--kqdovi-align-items);     gap: var(--kqdovi-gap, var(--kqdovi-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kqdovi"] {                            gap: var(--kqdovi-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kqdovi-padding-right-tablet, 0px) - var(--kqdovi-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kqdovi"] {                            gap: var(--kqdovi-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kqdovi-padding-right-mobile, 0px) - var(--kqdovi-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-t0illb"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --t0illb-typography: h3; --t0illb-typography-tablet: h3; --t0illb-typography-mobile: h3; }[data-bnode="beae-t0illb"] { margin-top: var(--t0illb-margin-top, 0px); margin-right: var(--t0illb-margin-right, 0px); margin-bottom: var(--t0illb-margin-bottom, 0px); margin-left: var(--t0illb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t0illb-margin-top-tablet, 0px); margin-right: var(--t0illb-margin-right-tablet, 0px); margin-bottom: var(--t0illb-margin-bottom-tablet, 0px); margin-left: var(--t0illb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t0illb-margin-top-mobile, 0px); margin-right: var(--t0illb-margin-right-mobile, 0px); margin-bottom: var(--t0illb-margin-bottom-mobile, 0px); margin-left: var(--t0illb-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--t0illb-highlightColor,var(--beae-p-color)); top: var(--t0illb-highlightTop, 100%); } }[data-bnode="beae-gynanc"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --gynanc-typography: p; --gynanc-typography-tablet: p; --gynanc-typography-mobile: p; }[data-bnode="beae-gynanc"] { margin-top: var(--gynanc-margin-top, 0px); margin-right: var(--gynanc-margin-right, 0px); margin-bottom: var(--gynanc-margin-bottom, 0px); margin-left: var(--gynanc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gynanc-margin-top-tablet, 0px); margin-right: var(--gynanc-margin-right-tablet, 0px); margin-bottom: var(--gynanc-margin-bottom-tablet, 0px); margin-left: var(--gynanc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gynanc-margin-top-mobile, 0px); margin-right: var(--gynanc-margin-right-mobile, 0px); margin-bottom: var(--gynanc-margin-bottom-mobile, 0px); margin-left: var(--gynanc-margin-left-mobile, 0px); } }[data-bnode="beae-89uj26"] { --89uj26-width: 1600px; --89uj26-width-tablet: 1600px; --89uj26-width-mobile: 1600px; --89uj26-height: fit-content; --89uj26-height-tablet: fit-content; --89uj26-height-mobile: fit-content; --89uj26-padding-top: 40px; --89uj26-padding-top-tablet: 40px; --89uj26-padding-top-mobile: 40px; --89uj26-padding-right: 30px; --89uj26-padding-right-tablet: 28px; --89uj26-padding-right-mobile: 16px; --89uj26-padding-bottom: 40px; --89uj26-padding-bottom-tablet: 40px; --89uj26-padding-bottom-mobile: 40px; --89uj26-padding-left: 30px; --89uj26-padding-left-tablet: 28px; --89uj26-padding-left-mobile: 16px; --89uj26-background-type: color; --89uj26-background-type-tablet: color; --89uj26-background-type-mobile: color; --89uj26-background-color: #F2F4F9; --89uj26-background-color-tablet: #F2F4F9; --89uj26-background-color-mobile: #F2F4F9; --89uj26-direction: row; --89uj26-direction-tablet: row; --89uj26-direction-mobile: column; --89uj26-gap: 0px; --89uj26-gap-tablet: 0px; --89uj26-gap-mobile: 32px; --89uj26-structure-tablet: auto; --89uj26-structure-mobile: auto; }[data-bnode="beae-89uj26"] { padding-top: var(--89uj26-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--89uj26-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--89uj26-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--89uj26-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--89uj26-padding-top-tablet, var(--89uj26-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--89uj26-padding-right-tablet, var(--89uj26-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--89uj26-padding-bottom-tablet, var(--89uj26-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--89uj26-padding-left-tablet, var(--89uj26-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--89uj26-padding-top-mobile, var(--89uj26-padding-top-tablet, var(--89uj26-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--89uj26-padding-right-mobile, var(--89uj26-padding-right-tablet, var(--89uj26-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--89uj26-padding-bottom-mobile, var(--89uj26-padding-bottom-tablet, var(--89uj26-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--89uj26-padding-left-mobile, var(--89uj26-padding-left-tablet, var(--89uj26-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--89uj26-padding-left, var(--beae-section-padding-x, 0px)) - var(--89uj26-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--89uj26-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--89uj26-height); width: 100%; max-width: var(--89uj26-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--89uj26-height-tablet, auto); width: 100%; max-width: var(--89uj26-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--89uj26-height-mobile, auto); width: 100%; max-width: var(--89uj26-width-mobile, 100%); } } } }[data-bnode="beae-89uj26"] > .beae-section-container{     display: flex;     flex-direction: var(--89uj26-direction, column);     flex-wrap: nowrap;     justify-content: var(--89uj26-justify-content);     align-items: var(--89uj26-align-items);     gap: var(--89uj26-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-89uj26"] > .beae-section-container{      flex-direction: var(--89uj26-direction-tablet, column);                      gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-89uj26"] > .beae-section-container{      flex-direction: var(--89uj26-direction-mobile, column);                      gap: var(--89uj26-gap-mobile, var(--beae-grid-gap-mobile, 4px));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-fdq7yz"] { --fdq7yz-direction: column; --fdq7yz-direction-tablet: column; --fdq7yz-direction-mobile: column; --fdq7yz-align-items: center; --fdq7yz-align-items-tablet: center; --fdq7yz-align-items-mobile: center; --fdq7yz-gap: 36px; --fdq7yz-gap-tablet: 36px; --fdq7yz-gap-mobile: 36px; --fdq7yz-padding-top: 0px; --fdq7yz-padding-top-tablet: 0px; --fdq7yz-padding-top-mobile: 0px; --fdq7yz-padding-right: 0px; --fdq7yz-padding-right-tablet: 0px; --fdq7yz-padding-right-mobile: 0px; --fdq7yz-padding-bottom: 0px; --fdq7yz-padding-bottom-tablet: 0px; --fdq7yz-padding-bottom-mobile: 0px; --fdq7yz-padding-left: 0px; --fdq7yz-padding-left-tablet: 0px; --fdq7yz-padding-left-mobile: 0px; --fdq7yz-structure: columns; --fdq7yz-structure-tablet: columns; --fdq7yz-structure-mobile: columns; --fdq7yz-background-type: color; --fdq7yz-background-type-tablet: color; --fdq7yz-background-type-mobile: color; --fdq7yz-background-color: #FFFFFF00; --fdq7yz-background-color-tablet: #FFFFFF00; --fdq7yz-background-color-mobile: #FFFFFF00; }[data-bnode="beae-fdq7yz"] { padding-top: var(--fdq7yz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--fdq7yz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--fdq7yz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--fdq7yz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fdq7yz-padding-top-tablet, var(--fdq7yz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--fdq7yz-padding-right-tablet, var(--fdq7yz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--fdq7yz-padding-bottom-tablet, var(--fdq7yz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--fdq7yz-padding-left-tablet, var(--fdq7yz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fdq7yz-padding-top-mobile, var(--fdq7yz-padding-top-tablet, var(--fdq7yz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--fdq7yz-padding-right-mobile, var(--fdq7yz-padding-right-tablet, var(--fdq7yz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--fdq7yz-padding-bottom-mobile, var(--fdq7yz-padding-bottom-tablet, var(--fdq7yz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--fdq7yz-padding-left-mobile, var(--fdq7yz-padding-left-tablet, var(--fdq7yz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--fdq7yz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--fdq7yz-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--fdq7yz-background-imageRatio, auto); background: var(--fdq7yz-background-color,transparent); border-style: var(--fdq7yz-borderStyle,solid); border-color: var(--fdq7yz-borderColor,#000000); border-width: var(--fdq7yz-borderWidth-tl,0px) var(--fdq7yz-borderWidth-tr,0px) var(--fdq7yz-borderWidth-br,0px) var(--fdq7yz-borderWidth-bl,0px); border-radius: var(--fdq7yz-borderRadius-tl,0px) var(--fdq7yz-borderRadius-tr,0px) var(--fdq7yz-borderRadius-br,0px) var(--fdq7yz-borderRadius-bl,0px); box-shadow: if(style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal,0) var(--fdq7yz-shadowVertical,0) var(--fdq7yz-shadowBlur,0) 1px var(--fdq7yz-shadowColor,#000000); else: none); max-width: var(--fdq7yz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--fdq7yz-background-imageRatio-tablet, var(--fdq7yz-background-imageRatio, auto)); border-width: var(--fdq7yz-borderWidth-tl-tablet,0px) var(--fdq7yz-borderWidth-tr-tablet,0px) var(--fdq7yz-borderWidth-br-tablet,0px) var(--fdq7yz-borderWidth-bl-tablet,0px); border-radius: var(--fdq7yz-borderRadius-tl-tablet,0px) var(--fdq7yz-borderRadius-tr-tablet,0px) var(--fdq7yz-borderRadius-br-tablet,0px) var(--fdq7yz-borderRadius-bl-tablet,0px); max-width: var(--fdq7yz-max-width-tablet, var(--fdq7yz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--fdq7yz-background-imageRatio-mobile, var(--fdq7yz-background-imageRatio, auto)); border-width: var(--fdq7yz-borderWidth-tl-mobile,0px) var(--fdq7yz-borderWidth-tr-mobile,0px) var(--fdq7yz-borderWidth-br-mobile,0px) var(--fdq7yz-borderWidth-bl-mobile,0px); border-radius: var(--fdq7yz-borderRadius-tl-mobile,0px) var(--fdq7yz-borderRadius-tr-mobile,0px) var(--fdq7yz-borderRadius-br-mobile,0px) var(--fdq7yz-borderRadius-bl-mobile,0px); max-width: var(--fdq7yz-max-width-mobile, var(--fdq7yz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--fdq7yz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--fdq7yz-gap,var(--beae-card-gap)); padding-top: var(--fdq7yz-padding-top,var(--beae-card-padding)); padding-right: var(--fdq7yz-padding-right,var(--beae-card-padding)); padding-bottom: var(--fdq7yz-padding-bottom,var(--beae-card-padding)); padding-left: var(--fdq7yz-padding-left,var(--beae-card-padding)); border-width: var(--fdq7yz-borderWidth,var(--beae-card-border-width)); border-width: var(--fdq7yz-borderWidth-tl,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-tr,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-br,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--fdq7yz-borderRadius-tl,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-tr,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-br,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--fdq7yz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--fdq7yz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--fdq7yz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--fdq7yz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--fdq7yz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--fdq7yz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--fdq7yz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--fdq7yz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--fdq7yz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--fdq7yz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--fdq7yz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--fdq7yz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--fdq7yz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--fdq7yz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--fdq7yz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--fdq7yz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--fdq7yz-background-color,var(--beae-card-featured-background)); border-color: var(--fdq7yz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal, var(--beae-card-shadow-x)) var(--fdq7yz-shadowVertical, var(--beae-card-shadow-y)) var(--fdq7yz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fdq7yz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--fdq7yz-background-color,var(--beae-card-prod-background)); border-color: var(--fdq7yz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal, var(--beae-card-shadow-x)) var(--fdq7yz-shadowVertical, var(--beae-card-shadow-y)) var(--fdq7yz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fdq7yz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--fdq7yz-background-color,var(--beae-card-pricing-background)); border-color: var(--fdq7yz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal, var(--beae-card-shadow-x)) var(--fdq7yz-shadowVertical, var(--beae-card-shadow-y)) var(--fdq7yz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fdq7yz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--fdq7yz-background-color,var(--beae-card-cta-background)); border-color: var(--fdq7yz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal, var(--beae-card-shadow-x)) var(--fdq7yz-shadowVertical, var(--beae-card-shadow-y)) var(--fdq7yz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fdq7yz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--fdq7yz-background-color,var(--beae-card-media-background)); border-color: var(--fdq7yz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--fdq7yz-enableShadow: true): var(--fdq7yz-shadowHorizontal, var(--beae-card-shadow-x)) var(--fdq7yz-shadowVertical, var(--beae-card-shadow-y)) var(--fdq7yz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fdq7yz-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-fdq7yz"] {     display: flex;     flex-direction: var(--fdq7yz-direction, column);     flex-wrap: nowrap;     justify-content: var(--fdq7yz-justify-content);     align-items: var(--fdq7yz-align-items);     gap: var(--fdq7yz-gap, var(--fdq7yz-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fdq7yz"] {      flex-direction: var(--fdq7yz-direction-tablet, column);                      gap: var(--fdq7yz-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-fdq7yz"] {                            gap: var(--fdq7yz-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--fdq7yz-padding-right-mobile, 0px) - var(--fdq7yz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lqhtc6"] { --lqhtc6-direction: column; --lqhtc6-direction-tablet: column; --lqhtc6-direction-mobile: column; --lqhtc6-structure: columns; --lqhtc6-structure-tablet: columns; --lqhtc6-structure-mobile: columns; --lqhtc6-max-width: 80%; --lqhtc6-max-width-tablet: 100%; --lqhtc6-max-width-mobile: 100%; --lqhtc6-align-items: center; --lqhtc6-align-items-tablet: center; --lqhtc6-align-items-mobile: center; --lqhtc6-gap: 36px; --lqhtc6-gap-tablet: 36px; --lqhtc6-gap-mobile: 36px; }[data-bnode="beae-lqhtc6"] { padding-top: var(--lqhtc6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lqhtc6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lqhtc6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lqhtc6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lqhtc6-padding-top-tablet, var(--lqhtc6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lqhtc6-padding-right-tablet, var(--lqhtc6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lqhtc6-padding-bottom-tablet, var(--lqhtc6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lqhtc6-padding-left-tablet, var(--lqhtc6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lqhtc6-padding-top-mobile, var(--lqhtc6-padding-top-tablet, var(--lqhtc6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lqhtc6-padding-right-mobile, var(--lqhtc6-padding-right-tablet, var(--lqhtc6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lqhtc6-padding-bottom-mobile, var(--lqhtc6-padding-bottom-tablet, var(--lqhtc6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lqhtc6-padding-left-mobile, var(--lqhtc6-padding-left-tablet, var(--lqhtc6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lqhtc6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lqhtc6-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lqhtc6-background-imageRatio, auto); background: var(--lqhtc6-background-color,transparent); border-style: var(--lqhtc6-borderStyle,solid); border-color: var(--lqhtc6-borderColor,#000000); border-width: var(--lqhtc6-borderWidth-tl,0px) var(--lqhtc6-borderWidth-tr,0px) var(--lqhtc6-borderWidth-br,0px) var(--lqhtc6-borderWidth-bl,0px); border-radius: var(--lqhtc6-borderRadius-tl,0px) var(--lqhtc6-borderRadius-tr,0px) var(--lqhtc6-borderRadius-br,0px) var(--lqhtc6-borderRadius-bl,0px); box-shadow: if(style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal,0) var(--lqhtc6-shadowVertical,0) var(--lqhtc6-shadowBlur,0) 1px var(--lqhtc6-shadowColor,#000000); else: none); max-width: var(--lqhtc6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lqhtc6-background-imageRatio-tablet, var(--lqhtc6-background-imageRatio, auto)); border-width: var(--lqhtc6-borderWidth-tl-tablet,0px) var(--lqhtc6-borderWidth-tr-tablet,0px) var(--lqhtc6-borderWidth-br-tablet,0px) var(--lqhtc6-borderWidth-bl-tablet,0px); border-radius: var(--lqhtc6-borderRadius-tl-tablet,0px) var(--lqhtc6-borderRadius-tr-tablet,0px) var(--lqhtc6-borderRadius-br-tablet,0px) var(--lqhtc6-borderRadius-bl-tablet,0px); max-width: var(--lqhtc6-max-width-tablet, var(--lqhtc6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lqhtc6-background-imageRatio-mobile, var(--lqhtc6-background-imageRatio, auto)); border-width: var(--lqhtc6-borderWidth-tl-mobile,0px) var(--lqhtc6-borderWidth-tr-mobile,0px) var(--lqhtc6-borderWidth-br-mobile,0px) var(--lqhtc6-borderWidth-bl-mobile,0px); border-radius: var(--lqhtc6-borderRadius-tl-mobile,0px) var(--lqhtc6-borderRadius-tr-mobile,0px) var(--lqhtc6-borderRadius-br-mobile,0px) var(--lqhtc6-borderRadius-bl-mobile,0px); max-width: var(--lqhtc6-max-width-mobile, var(--lqhtc6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lqhtc6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lqhtc6-gap,var(--beae-card-gap)); padding-top: var(--lqhtc6-padding-top,var(--beae-card-padding)); padding-right: var(--lqhtc6-padding-right,var(--beae-card-padding)); padding-bottom: var(--lqhtc6-padding-bottom,var(--beae-card-padding)); padding-left: var(--lqhtc6-padding-left,var(--beae-card-padding)); border-width: var(--lqhtc6-borderWidth,var(--beae-card-border-width)); border-width: var(--lqhtc6-borderWidth-tl,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-tr,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-br,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lqhtc6-borderRadius-tl,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-tr,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-br,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lqhtc6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lqhtc6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lqhtc6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lqhtc6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lqhtc6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lqhtc6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lqhtc6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lqhtc6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lqhtc6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lqhtc6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lqhtc6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lqhtc6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lqhtc6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lqhtc6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lqhtc6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lqhtc6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lqhtc6-background-color,var(--beae-card-featured-background)); border-color: var(--lqhtc6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lqhtc6-shadowVertical, var(--beae-card-shadow-y)) var(--lqhtc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lqhtc6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lqhtc6-background-color,var(--beae-card-prod-background)); border-color: var(--lqhtc6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lqhtc6-shadowVertical, var(--beae-card-shadow-y)) var(--lqhtc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lqhtc6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lqhtc6-background-color,var(--beae-card-pricing-background)); border-color: var(--lqhtc6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lqhtc6-shadowVertical, var(--beae-card-shadow-y)) var(--lqhtc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lqhtc6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lqhtc6-background-color,var(--beae-card-cta-background)); border-color: var(--lqhtc6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lqhtc6-shadowVertical, var(--beae-card-shadow-y)) var(--lqhtc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lqhtc6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lqhtc6-background-color,var(--beae-card-media-background)); border-color: var(--lqhtc6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lqhtc6-enableShadow: true): var(--lqhtc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lqhtc6-shadowVertical, var(--beae-card-shadow-y)) var(--lqhtc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lqhtc6-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lqhtc6"] {     display: flex;     flex-direction: var(--lqhtc6-direction, column);     flex-wrap: nowrap;     justify-content: var(--lqhtc6-justify-content);     align-items: var(--lqhtc6-align-items);     gap: var(--lqhtc6-gap, var(--lqhtc6-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lqhtc6"] {      flex-direction: var(--lqhtc6-direction-tablet, column);                      gap: var(--lqhtc6-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-lqhtc6"] {                            gap: var(--lqhtc6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--lqhtc6-padding-right-mobile, 0px) - var(--lqhtc6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ot0sgk"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --ot0sgk-typography: h2; --ot0sgk-typography-tablet: h2; --ot0sgk-typography-mobile: h2; }[data-bnode="beae-ot0sgk"] { margin-top: var(--ot0sgk-margin-top, 0px); margin-right: var(--ot0sgk-margin-right, 0px); margin-bottom: var(--ot0sgk-margin-bottom, 0px); margin-left: var(--ot0sgk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ot0sgk-margin-top-tablet, 0px); margin-right: var(--ot0sgk-margin-right-tablet, 0px); margin-bottom: var(--ot0sgk-margin-bottom-tablet, 0px); margin-left: var(--ot0sgk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ot0sgk-margin-top-mobile, 0px); margin-right: var(--ot0sgk-margin-right-mobile, 0px); margin-bottom: var(--ot0sgk-margin-bottom-mobile, 0px); margin-left: var(--ot0sgk-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ot0sgk-highlightColor,var(--beae-p-color)); top: var(--ot0sgk-highlightTop, 100%); } }[data-bnode="beae-uz9crz"] { --uz9crz-direction: column; --uz9crz-direction-tablet: column; --uz9crz-direction-mobile: column; --uz9crz-structure: columns; --uz9crz-structure-tablet: columns; --uz9crz-structure-mobile: columns; --uz9crz-gap: 24px; --uz9crz-gap-tablet: 24px; --uz9crz-gap-mobile: 24px; --uz9crz-padding-top-tablet: 0px; --uz9crz-padding-top-mobile: 0px; --uz9crz-padding-right-tablet: 50px; --uz9crz-padding-right-mobile: 0px; --uz9crz-padding-bottom-tablet: 0px; --uz9crz-padding-bottom-mobile: 0px; --uz9crz-padding-left-tablet: 0px; --uz9crz-padding-left-mobile: 0px; }[data-bnode="beae-uz9crz"] { padding-top: var(--uz9crz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uz9crz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uz9crz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uz9crz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uz9crz-padding-top-tablet, var(--uz9crz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uz9crz-padding-right-tablet, var(--uz9crz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uz9crz-padding-bottom-tablet, var(--uz9crz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uz9crz-padding-left-tablet, var(--uz9crz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uz9crz-padding-top-mobile, var(--uz9crz-padding-top-tablet, var(--uz9crz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uz9crz-padding-right-mobile, var(--uz9crz-padding-right-tablet, var(--uz9crz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uz9crz-padding-bottom-mobile, var(--uz9crz-padding-bottom-tablet, var(--uz9crz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uz9crz-padding-left-mobile, var(--uz9crz-padding-left-tablet, var(--uz9crz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uz9crz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uz9crz-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--uz9crz-background-imageRatio, auto); background: var(--uz9crz-background-color,transparent); border-style: var(--uz9crz-borderStyle,solid); border-color: var(--uz9crz-borderColor,#000000); border-width: var(--uz9crz-borderWidth-tl,0px) var(--uz9crz-borderWidth-tr,0px) var(--uz9crz-borderWidth-br,0px) var(--uz9crz-borderWidth-bl,0px); border-radius: var(--uz9crz-borderRadius-tl,0px) var(--uz9crz-borderRadius-tr,0px) var(--uz9crz-borderRadius-br,0px) var(--uz9crz-borderRadius-bl,0px); box-shadow: if(style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal,0) var(--uz9crz-shadowVertical,0) var(--uz9crz-shadowBlur,0) 1px var(--uz9crz-shadowColor,#000000); else: none); max-width: var(--uz9crz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--uz9crz-background-imageRatio-tablet, var(--uz9crz-background-imageRatio, auto)); border-width: var(--uz9crz-borderWidth-tl-tablet,0px) var(--uz9crz-borderWidth-tr-tablet,0px) var(--uz9crz-borderWidth-br-tablet,0px) var(--uz9crz-borderWidth-bl-tablet,0px); border-radius: var(--uz9crz-borderRadius-tl-tablet,0px) var(--uz9crz-borderRadius-tr-tablet,0px) var(--uz9crz-borderRadius-br-tablet,0px) var(--uz9crz-borderRadius-bl-tablet,0px); max-width: var(--uz9crz-max-width-tablet, var(--uz9crz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--uz9crz-background-imageRatio-mobile, var(--uz9crz-background-imageRatio, auto)); border-width: var(--uz9crz-borderWidth-tl-mobile,0px) var(--uz9crz-borderWidth-tr-mobile,0px) var(--uz9crz-borderWidth-br-mobile,0px) var(--uz9crz-borderWidth-bl-mobile,0px); border-radius: var(--uz9crz-borderRadius-tl-mobile,0px) var(--uz9crz-borderRadius-tr-mobile,0px) var(--uz9crz-borderRadius-br-mobile,0px) var(--uz9crz-borderRadius-bl-mobile,0px); max-width: var(--uz9crz-max-width-mobile, var(--uz9crz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uz9crz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--uz9crz-gap,var(--beae-card-gap)); padding-top: var(--uz9crz-padding-top,var(--beae-card-padding)); padding-right: var(--uz9crz-padding-right,var(--beae-card-padding)); padding-bottom: var(--uz9crz-padding-bottom,var(--beae-card-padding)); padding-left: var(--uz9crz-padding-left,var(--beae-card-padding)); border-width: var(--uz9crz-borderWidth,var(--beae-card-border-width)); border-width: var(--uz9crz-borderWidth-tl,var(--beae-card-border-width)) var(--uz9crz-borderWidth-tr,var(--beae-card-border-width)) var(--uz9crz-borderWidth-br,var(--beae-card-border-width)) var(--uz9crz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uz9crz-borderRadius-tl,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-tr,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-br,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--uz9crz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uz9crz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uz9crz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uz9crz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uz9crz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--uz9crz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uz9crz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uz9crz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uz9crz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uz9crz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--uz9crz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uz9crz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uz9crz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uz9crz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uz9crz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--uz9crz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uz9crz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uz9crz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uz9crz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uz9crz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uz9crz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uz9crz-background-color,var(--beae-card-featured-background)); border-color: var(--uz9crz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uz9crz-shadowVertical, var(--beae-card-shadow-y)) var(--uz9crz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uz9crz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--uz9crz-background-color,var(--beae-card-prod-background)); border-color: var(--uz9crz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uz9crz-shadowVertical, var(--beae-card-shadow-y)) var(--uz9crz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uz9crz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--uz9crz-background-color,var(--beae-card-pricing-background)); border-color: var(--uz9crz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uz9crz-shadowVertical, var(--beae-card-shadow-y)) var(--uz9crz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uz9crz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--uz9crz-background-color,var(--beae-card-cta-background)); border-color: var(--uz9crz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uz9crz-shadowVertical, var(--beae-card-shadow-y)) var(--uz9crz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uz9crz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--uz9crz-background-color,var(--beae-card-media-background)); border-color: var(--uz9crz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--uz9crz-enableShadow: true): var(--uz9crz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uz9crz-shadowVertical, var(--beae-card-shadow-y)) var(--uz9crz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uz9crz-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-uz9crz"] {     display: flex;     flex-direction: var(--uz9crz-direction, column);     flex-wrap: nowrap;     justify-content: var(--uz9crz-justify-content);     align-items: var(--uz9crz-align-items);     gap: var(--uz9crz-gap, var(--uz9crz-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uz9crz"] {                            gap: var(--uz9crz-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uz9crz-padding-right-tablet, 0px) - var(--uz9crz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uz9crz"] {                            gap: var(--uz9crz-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uz9crz-padding-right-mobile, 0px) - var(--uz9crz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-e1iao6"] { --e1iao6-width: 100%; --e1iao6-width-tablet: 100%; --e1iao6-width-mobile: 100%; --e1iao6-imageRatio: 7/5; --e1iao6-imageRatio-tablet: 7/5; --e1iao6-imageRatio-mobile: 7/5; --e1iao6-objFit: cover; --e1iao6-objFit-tablet: cover; --e1iao6-objFit-mobile: cover; --e1iao6-borderColor: #000000; --e1iao6-borderColor-tablet: #000000; --e1iao6-borderColor-mobile: #000000; --e1iao6-shadowColor: #000000; --e1iao6-shadowColor-tablet: #000000; --e1iao6-shadowColor-mobile: #000000; --e1iao6-borderStyle: none; --e1iao6-borderStyle-tablet: none; --e1iao6-borderStyle-mobile: none; --e1iao6-enableShadow: false; --e1iao6-enableShadow-tablet: false; --e1iao6-enableShadow-mobile: false; --e1iao6-borderRadius-tl: 24px; --e1iao6-borderRadius-tl-tablet: 24px; --e1iao6-borderRadius-tl-mobile: 24px; --e1iao6-borderRadius-tr: 120px; --e1iao6-borderRadius-tr-tablet: 60px; --e1iao6-borderRadius-tr-mobile: 60px; --e1iao6-borderRadius-bl: 120px; --e1iao6-borderRadius-bl-tablet: 60px; --e1iao6-borderRadius-bl-mobile: 60px; --e1iao6-borderRadius-br: 24px; --e1iao6-borderRadius-br-tablet: 24px; --e1iao6-borderRadius-br-mobile: 24px; }[data-bnode="beae-e1iao6"] { margin-top: var(--e1iao6-margin-top, 0px); margin-right: var(--e1iao6-margin-right, 0px); margin-bottom: var(--e1iao6-margin-bottom, 0px); margin-left: var(--e1iao6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e1iao6-margin-top-tablet, 0px); margin-right: var(--e1iao6-margin-right-tablet, 0px); margin-bottom: var(--e1iao6-margin-bottom-tablet, 0px); margin-left: var(--e1iao6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e1iao6-margin-top-mobile, 0px); margin-right: var(--e1iao6-margin-right-mobile, 0px); margin-bottom: var(--e1iao6-margin-bottom-mobile, 0px); margin-left: var(--e1iao6-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--e1iao6-width,100%) - var(--e1iao6-margin-left,0px) - var(--e1iao6-margin-right,0px)); min-height: min-content; border-style: var(--e1iao6-borderStyle,solid); border-color: var(--e1iao6-borderColor,#000000); border-width: var(--e1iao6-borderWidth-tl,0px) var(--e1iao6-borderWidth-tr,0px) var(--e1iao6-borderWidth-br,0px) var(--e1iao6-borderWidth-bl,0px); border-radius: var(--e1iao6-borderRadius-tl,0px) var(--e1iao6-borderRadius-tr,0px) var(--e1iao6-borderRadius-br,0px) var(--e1iao6-borderRadius-bl,0px); aspect-ratio: var(--e1iao6-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--e1iao6-borderWidth-tl-tablet, var(--e1iao6-borderWidth-tl,0px)) var(--e1iao6-borderWidth-tr-tablet, var(--e1iao6-borderWidth-tr,0px)) var(--e1iao6-borderWidth-br-tablet, var(--e1iao6-borderWidth-br,0px)) var(--e1iao6-borderWidth-bl-tablet, var(--e1iao6-borderWidth-bl,0px)); border-radius: var(--e1iao6-borderRadius-tl-tablet, var(--e1iao6-borderRadius-tl,0px)) var(--e1iao6-borderRadius-tr-tablet, var(--e1iao6-borderRadius-tr,0px)) var(--e1iao6-borderRadius-br-tablet, var(--e1iao6-borderRadius-br,0px)) var(--e1iao6-borderRadius-bl-tablet, var(--e1iao6-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--e1iao6-borderWidth-tl-mobile, var(--e1iao6-borderWidth-tl,0px)) var(--e1iao6-borderWidth-tr-mobile, var(--e1iao6-borderWidth-tr,0px)) var(--e1iao6-borderWidth-br-mobile, var(--e1iao6-borderWidth-br,0px)) var(--e1iao6-borderWidth-bl-mobile, var(--e1iao6-borderWidth-bl,0px)); border-radius: var(--e1iao6-borderRadius-tl-mobile, var(--e1iao6-borderRadius-tl,0px)) var(--e1iao6-borderRadius-tr-mobile, var(--e1iao6-borderRadius-tr,0px)) var(--e1iao6-borderRadius-br-mobile, var(--e1iao6-borderRadius-br,0px)) var(--e1iao6-borderRadius-bl-mobile, var(--e1iao6-borderRadius-bl,0px)); } box-shadow: if( style(--e1iao6-enableShadow: true): var(--e1iao6-shadowHorizontal, 0) var(--e1iao6-shadowVertical, 0) var(--e1iao6-shadowBlur, 0) 1px var(--e1iao6-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--e1iao6-overlayColor-color, #000); opacity: var(--e1iao6-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--e1iao6-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--e1iao6-width-tablet,var(--e1iao6-width,100%)) - var(--e1iao6-margin-left-tablet,var(--e1iao6-margin-left,0px)) - var(--e1iao6-margin-right-tablet,var(--e1iao6-margin-right,0px))); aspect-ratio: var(--e1iao6-imageRatio-tablet, var(--e1iao6-imageRatio, auto)); img { object-fit: var(--e1iao6-objFit-tablet, var(--e1iao6-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--e1iao6-width-mobile,var(--e1iao6-width,100%)) - var(--e1iao6-margin-left-mobile,var(--e1iao6-margin-left,0px)) - var(--e1iao6-margin-right-mobile,var(--e1iao6-margin-right,0px))); aspect-ratio: var(--e1iao6-imageRatio-mobile, var(--e1iao6-imageRatio, auto)); img { object-fit: var(--e1iao6-objFit-mobile, var(--e1iao6-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-dypafp"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --dypafp-typography: p; --dypafp-typography-tablet: p; --dypafp-typography-mobile: p; }[data-bnode="beae-dypafp"] { margin-top: var(--dypafp-margin-top, 0px); margin-right: var(--dypafp-margin-right, 0px); margin-bottom: var(--dypafp-margin-bottom, 0px); margin-left: var(--dypafp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dypafp-margin-top-tablet, 0px); margin-right: var(--dypafp-margin-right-tablet, 0px); margin-bottom: var(--dypafp-margin-bottom-tablet, 0px); margin-left: var(--dypafp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dypafp-margin-top-mobile, 0px); margin-right: var(--dypafp-margin-right-mobile, 0px); margin-bottom: var(--dypafp-margin-bottom-mobile, 0px); margin-left: var(--dypafp-margin-left-mobile, 0px); } }[data-bnode="beae-4kklj8"] { --4kklj8-direction: row; --4kklj8-direction-tablet: row; --4kklj8-direction-mobile: row; --4kklj8-align-items: center; --4kklj8-align-items-tablet: center; --4kklj8-align-items-mobile: center; }[data-bnode="beae-4kklj8"] { padding-top: var(--4kklj8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4kklj8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4kklj8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4kklj8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4kklj8-padding-top-tablet, var(--4kklj8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4kklj8-padding-right-tablet, var(--4kklj8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4kklj8-padding-bottom-tablet, var(--4kklj8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4kklj8-padding-left-tablet, var(--4kklj8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4kklj8-padding-top-mobile, var(--4kklj8-padding-top-tablet, var(--4kklj8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4kklj8-padding-right-mobile, var(--4kklj8-padding-right-tablet, var(--4kklj8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4kklj8-padding-bottom-mobile, var(--4kklj8-padding-bottom-tablet, var(--4kklj8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4kklj8-padding-left-mobile, var(--4kklj8-padding-left-tablet, var(--4kklj8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4kklj8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4kklj8-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--4kklj8-background-imageRatio, auto); background: var(--4kklj8-background-color,transparent); border-style: var(--4kklj8-borderStyle,solid); border-color: var(--4kklj8-borderColor,#000000); border-width: var(--4kklj8-borderWidth-tl,0px) var(--4kklj8-borderWidth-tr,0px) var(--4kklj8-borderWidth-br,0px) var(--4kklj8-borderWidth-bl,0px); border-radius: var(--4kklj8-borderRadius-tl,0px) var(--4kklj8-borderRadius-tr,0px) var(--4kklj8-borderRadius-br,0px) var(--4kklj8-borderRadius-bl,0px); box-shadow: if(style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal,0) var(--4kklj8-shadowVertical,0) var(--4kklj8-shadowBlur,0) 1px var(--4kklj8-shadowColor,#000000); else: none); max-width: var(--4kklj8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--4kklj8-background-imageRatio-tablet, var(--4kklj8-background-imageRatio, auto)); border-width: var(--4kklj8-borderWidth-tl-tablet,0px) var(--4kklj8-borderWidth-tr-tablet,0px) var(--4kklj8-borderWidth-br-tablet,0px) var(--4kklj8-borderWidth-bl-tablet,0px); border-radius: var(--4kklj8-borderRadius-tl-tablet,0px) var(--4kklj8-borderRadius-tr-tablet,0px) var(--4kklj8-borderRadius-br-tablet,0px) var(--4kklj8-borderRadius-bl-tablet,0px); max-width: var(--4kklj8-max-width-tablet, var(--4kklj8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--4kklj8-background-imageRatio-mobile, var(--4kklj8-background-imageRatio, auto)); border-width: var(--4kklj8-borderWidth-tl-mobile,0px) var(--4kklj8-borderWidth-tr-mobile,0px) var(--4kklj8-borderWidth-br-mobile,0px) var(--4kklj8-borderWidth-bl-mobile,0px); border-radius: var(--4kklj8-borderRadius-tl-mobile,0px) var(--4kklj8-borderRadius-tr-mobile,0px) var(--4kklj8-borderRadius-br-mobile,0px) var(--4kklj8-borderRadius-bl-mobile,0px); max-width: var(--4kklj8-max-width-mobile, var(--4kklj8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4kklj8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--4kklj8-gap,var(--beae-card-gap)); padding-top: var(--4kklj8-padding-top,var(--beae-card-padding)); padding-right: var(--4kklj8-padding-right,var(--beae-card-padding)); padding-bottom: var(--4kklj8-padding-bottom,var(--beae-card-padding)); padding-left: var(--4kklj8-padding-left,var(--beae-card-padding)); border-width: var(--4kklj8-borderWidth,var(--beae-card-border-width)); border-width: var(--4kklj8-borderWidth-tl,var(--beae-card-border-width)) var(--4kklj8-borderWidth-tr,var(--beae-card-border-width)) var(--4kklj8-borderWidth-br,var(--beae-card-border-width)) var(--4kklj8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4kklj8-borderRadius-tl,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-tr,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-br,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--4kklj8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4kklj8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4kklj8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4kklj8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4kklj8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--4kklj8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4kklj8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4kklj8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4kklj8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4kklj8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--4kklj8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4kklj8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4kklj8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4kklj8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4kklj8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--4kklj8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4kklj8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4kklj8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4kklj8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4kklj8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4kklj8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4kklj8-background-color,var(--beae-card-featured-background)); border-color: var(--4kklj8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal, var(--beae-card-shadow-x)) var(--4kklj8-shadowVertical, var(--beae-card-shadow-y)) var(--4kklj8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4kklj8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--4kklj8-background-color,var(--beae-card-prod-background)); border-color: var(--4kklj8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal, var(--beae-card-shadow-x)) var(--4kklj8-shadowVertical, var(--beae-card-shadow-y)) var(--4kklj8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4kklj8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--4kklj8-background-color,var(--beae-card-pricing-background)); border-color: var(--4kklj8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal, var(--beae-card-shadow-x)) var(--4kklj8-shadowVertical, var(--beae-card-shadow-y)) var(--4kklj8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4kklj8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--4kklj8-background-color,var(--beae-card-cta-background)); border-color: var(--4kklj8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal, var(--beae-card-shadow-x)) var(--4kklj8-shadowVertical, var(--beae-card-shadow-y)) var(--4kklj8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4kklj8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--4kklj8-background-color,var(--beae-card-media-background)); border-color: var(--4kklj8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--4kklj8-enableShadow: true): var(--4kklj8-shadowHorizontal, var(--beae-card-shadow-x)) var(--4kklj8-shadowVertical, var(--beae-card-shadow-y)) var(--4kklj8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4kklj8-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4kklj8"] {     display: flex;     flex-direction: var(--4kklj8-direction, column);     flex-wrap: nowrap;     justify-content: var(--4kklj8-justify-content);     align-items: var(--4kklj8-align-items);     gap: var(--4kklj8-gap, var(--4kklj8-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4kklj8"] {                            gap: var(--4kklj8-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--4kklj8-padding-right-tablet, 0px) - var(--4kklj8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4kklj8"] {                            gap: var(--4kklj8-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--4kklj8-padding-right-mobile, 0px) - var(--4kklj8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-k6ubfg"] { --k6ubfg-width: 100%; --k6ubfg-width-tablet: 100%; --k6ubfg-width-mobile: 100%; --k6ubfg-imageRatio: 7/5; --k6ubfg-imageRatio-tablet: 7/5; --k6ubfg-imageRatio-mobile: 7/6; --k6ubfg-objFit: cover; --k6ubfg-objFit-tablet: cover; --k6ubfg-objFit-mobile: cover; --k6ubfg-borderColor: #000000; --k6ubfg-borderColor-tablet: #000000; --k6ubfg-borderColor-mobile: #000000; --k6ubfg-shadowColor: #000000; --k6ubfg-shadowColor-tablet: #000000; --k6ubfg-shadowColor-mobile: #000000; --k6ubfg-borderStyle: none; --k6ubfg-borderStyle-tablet: none; --k6ubfg-borderStyle-mobile: none; --k6ubfg-enableShadow: false; --k6ubfg-enableShadow-tablet: false; --k6ubfg-enableShadow-mobile: false; --k6ubfg-borderRadius-tl: 24px; --k6ubfg-borderRadius-tl-tablet: 24px; --k6ubfg-borderRadius-tl-mobile: 24px; --k6ubfg-borderRadius-tr: 160px; --k6ubfg-borderRadius-tr-tablet: 80px; --k6ubfg-borderRadius-tr-mobile: 80px; --k6ubfg-borderRadius-bl: 160px; --k6ubfg-borderRadius-bl-tablet: 80px; --k6ubfg-borderRadius-bl-mobile: 80px; --k6ubfg-borderRadius-br: 24px; --k6ubfg-borderRadius-br-tablet: 24px; --k6ubfg-borderRadius-br-mobile: 24px; }[data-bnode="beae-k6ubfg"] { margin-top: var(--k6ubfg-margin-top, 0px); margin-right: var(--k6ubfg-margin-right, 0px); margin-bottom: var(--k6ubfg-margin-bottom, 0px); margin-left: var(--k6ubfg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k6ubfg-margin-top-tablet, 0px); margin-right: var(--k6ubfg-margin-right-tablet, 0px); margin-bottom: var(--k6ubfg-margin-bottom-tablet, 0px); margin-left: var(--k6ubfg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k6ubfg-margin-top-mobile, 0px); margin-right: var(--k6ubfg-margin-right-mobile, 0px); margin-bottom: var(--k6ubfg-margin-bottom-mobile, 0px); margin-left: var(--k6ubfg-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--k6ubfg-width,100%) - var(--k6ubfg-margin-left,0px) - var(--k6ubfg-margin-right,0px)); min-height: min-content; border-style: var(--k6ubfg-borderStyle,solid); border-color: var(--k6ubfg-borderColor,#000000); border-width: var(--k6ubfg-borderWidth-tl,0px) var(--k6ubfg-borderWidth-tr,0px) var(--k6ubfg-borderWidth-br,0px) var(--k6ubfg-borderWidth-bl,0px); border-radius: var(--k6ubfg-borderRadius-tl,0px) var(--k6ubfg-borderRadius-tr,0px) var(--k6ubfg-borderRadius-br,0px) var(--k6ubfg-borderRadius-bl,0px); aspect-ratio: var(--k6ubfg-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--k6ubfg-borderWidth-tl-tablet, var(--k6ubfg-borderWidth-tl,0px)) var(--k6ubfg-borderWidth-tr-tablet, var(--k6ubfg-borderWidth-tr,0px)) var(--k6ubfg-borderWidth-br-tablet, var(--k6ubfg-borderWidth-br,0px)) var(--k6ubfg-borderWidth-bl-tablet, var(--k6ubfg-borderWidth-bl,0px)); border-radius: var(--k6ubfg-borderRadius-tl-tablet, var(--k6ubfg-borderRadius-tl,0px)) var(--k6ubfg-borderRadius-tr-tablet, var(--k6ubfg-borderRadius-tr,0px)) var(--k6ubfg-borderRadius-br-tablet, var(--k6ubfg-borderRadius-br,0px)) var(--k6ubfg-borderRadius-bl-tablet, var(--k6ubfg-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--k6ubfg-borderWidth-tl-mobile, var(--k6ubfg-borderWidth-tl,0px)) var(--k6ubfg-borderWidth-tr-mobile, var(--k6ubfg-borderWidth-tr,0px)) var(--k6ubfg-borderWidth-br-mobile, var(--k6ubfg-borderWidth-br,0px)) var(--k6ubfg-borderWidth-bl-mobile, var(--k6ubfg-borderWidth-bl,0px)); border-radius: var(--k6ubfg-borderRadius-tl-mobile, var(--k6ubfg-borderRadius-tl,0px)) var(--k6ubfg-borderRadius-tr-mobile, var(--k6ubfg-borderRadius-tr,0px)) var(--k6ubfg-borderRadius-br-mobile, var(--k6ubfg-borderRadius-br,0px)) var(--k6ubfg-borderRadius-bl-mobile, var(--k6ubfg-borderRadius-bl,0px)); } box-shadow: if( style(--k6ubfg-enableShadow: true): var(--k6ubfg-shadowHorizontal, 0) var(--k6ubfg-shadowVertical, 0) var(--k6ubfg-shadowBlur, 0) 1px var(--k6ubfg-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--k6ubfg-overlayColor-color, #000); opacity: var(--k6ubfg-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--k6ubfg-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--k6ubfg-width-tablet,var(--k6ubfg-width,100%)) - var(--k6ubfg-margin-left-tablet,var(--k6ubfg-margin-left,0px)) - var(--k6ubfg-margin-right-tablet,var(--k6ubfg-margin-right,0px))); aspect-ratio: var(--k6ubfg-imageRatio-tablet, var(--k6ubfg-imageRatio, auto)); img { object-fit: var(--k6ubfg-objFit-tablet, var(--k6ubfg-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--k6ubfg-width-mobile,var(--k6ubfg-width,100%)) - var(--k6ubfg-margin-left-mobile,var(--k6ubfg-margin-left,0px)) - var(--k6ubfg-margin-right-mobile,var(--k6ubfg-margin-right,0px))); aspect-ratio: var(--k6ubfg-imageRatio-mobile, var(--k6ubfg-imageRatio, auto)); img { object-fit: var(--k6ubfg-objFit-mobile, var(--k6ubfg-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-1kd79r"] { --1kd79r-width: 1600px; --1kd79r-width-tablet: 1600px; --1kd79r-width-mobile: 1600px; --1kd79r-height: fit-content; --1kd79r-height-tablet: fit-content; --1kd79r-height-mobile: fit-content; --1kd79r-padding-top: 32px; --1kd79r-padding-top-tablet: 32px; --1kd79r-padding-top-mobile: 32px; --1kd79r-padding-right: 31px; --1kd79r-padding-right-tablet: 28px; --1kd79r-padding-right-mobile: 16px; --1kd79r-padding-bottom: 64px; --1kd79r-padding-bottom-tablet: 64px; --1kd79r-padding-bottom-mobile: 64px; --1kd79r-padding-left: 30px; --1kd79r-padding-left-tablet: 28px; --1kd79r-padding-left-mobile: 16px; --1kd79r-direction: column; --1kd79r-direction-tablet: column; --1kd79r-direction-mobile: column; --1kd79r-align-items: center; --1kd79r-align-items-tablet: center; --1kd79r-align-items-mobile: center; --1kd79r-gap: 56px; --1kd79r-gap-tablet: 56px; --1kd79r-gap-mobile: 56px; }[data-bnode="beae-1kd79r"] { padding-top: var(--1kd79r-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--1kd79r-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--1kd79r-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--1kd79r-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--1kd79r-padding-top-tablet, var(--1kd79r-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--1kd79r-padding-right-tablet, var(--1kd79r-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--1kd79r-padding-bottom-tablet, var(--1kd79r-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--1kd79r-padding-left-tablet, var(--1kd79r-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--1kd79r-padding-top-mobile, var(--1kd79r-padding-top-tablet, var(--1kd79r-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--1kd79r-padding-right-mobile, var(--1kd79r-padding-right-tablet, var(--1kd79r-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--1kd79r-padding-bottom-mobile, var(--1kd79r-padding-bottom-tablet, var(--1kd79r-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--1kd79r-padding-left-mobile, var(--1kd79r-padding-left-tablet, var(--1kd79r-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--1kd79r-padding-left, var(--beae-section-padding-x, 0px)) - var(--1kd79r-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--1kd79r-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--1kd79r-height); width: 100%; max-width: var(--1kd79r-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--1kd79r-height-tablet, auto); width: 100%; max-width: var(--1kd79r-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--1kd79r-height-mobile, auto); width: 100%; max-width: var(--1kd79r-width-mobile, 100%); } } } }[data-bnode="beae-1kd79r"] > .beae-section-container{     display: flex;     flex-direction: var(--1kd79r-direction, column);     flex-wrap: nowrap;     justify-content: var(--1kd79r-justify-content);     align-items: var(--1kd79r-align-items);     gap: var(--1kd79r-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1kd79r"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1kd79r-padding-right-tablet, 0px) - var(--1kd79r-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1kd79r"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1kd79r-padding-right-mobile, 0px) - var(--1kd79r-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-v01qxg"] { --v01qxg-direction: column; --v01qxg-direction-tablet: column; --v01qxg-direction-mobile: column; --v01qxg-structure: columns; --v01qxg-structure-tablet: columns; --v01qxg-structure-mobile: columns; --v01qxg-align-items: center; --v01qxg-align-items-tablet: center; --v01qxg-align-items-mobile: center; --v01qxg-gap: 12px; --v01qxg-gap-tablet: 12px; --v01qxg-gap-mobile: 12px; }[data-bnode="beae-v01qxg"] { padding-top: var(--v01qxg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--v01qxg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--v01qxg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--v01qxg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v01qxg-padding-top-tablet, var(--v01qxg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--v01qxg-padding-right-tablet, var(--v01qxg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--v01qxg-padding-bottom-tablet, var(--v01qxg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--v01qxg-padding-left-tablet, var(--v01qxg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v01qxg-padding-top-mobile, var(--v01qxg-padding-top-tablet, var(--v01qxg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--v01qxg-padding-right-mobile, var(--v01qxg-padding-right-tablet, var(--v01qxg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--v01qxg-padding-bottom-mobile, var(--v01qxg-padding-bottom-tablet, var(--v01qxg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--v01qxg-padding-left-mobile, var(--v01qxg-padding-left-tablet, var(--v01qxg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--v01qxg-padding-left, var(--beae-slot-padding-x, 0px)) - var(--v01qxg-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--v01qxg-background-imageRatio, auto); background: var(--v01qxg-background-color,transparent); border-style: var(--v01qxg-borderStyle,solid); border-color: var(--v01qxg-borderColor,#000000); border-width: var(--v01qxg-borderWidth-tl,0px) var(--v01qxg-borderWidth-tr,0px) var(--v01qxg-borderWidth-br,0px) var(--v01qxg-borderWidth-bl,0px); border-radius: var(--v01qxg-borderRadius-tl,0px) var(--v01qxg-borderRadius-tr,0px) var(--v01qxg-borderRadius-br,0px) var(--v01qxg-borderRadius-bl,0px); box-shadow: if(style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal,0) var(--v01qxg-shadowVertical,0) var(--v01qxg-shadowBlur,0) 1px var(--v01qxg-shadowColor,#000000); else: none); max-width: var(--v01qxg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--v01qxg-background-imageRatio-tablet, var(--v01qxg-background-imageRatio, auto)); border-width: var(--v01qxg-borderWidth-tl-tablet,0px) var(--v01qxg-borderWidth-tr-tablet,0px) var(--v01qxg-borderWidth-br-tablet,0px) var(--v01qxg-borderWidth-bl-tablet,0px); border-radius: var(--v01qxg-borderRadius-tl-tablet,0px) var(--v01qxg-borderRadius-tr-tablet,0px) var(--v01qxg-borderRadius-br-tablet,0px) var(--v01qxg-borderRadius-bl-tablet,0px); max-width: var(--v01qxg-max-width-tablet, var(--v01qxg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--v01qxg-background-imageRatio-mobile, var(--v01qxg-background-imageRatio, auto)); border-width: var(--v01qxg-borderWidth-tl-mobile,0px) var(--v01qxg-borderWidth-tr-mobile,0px) var(--v01qxg-borderWidth-br-mobile,0px) var(--v01qxg-borderWidth-bl-mobile,0px); border-radius: var(--v01qxg-borderRadius-tl-mobile,0px) var(--v01qxg-borderRadius-tr-mobile,0px) var(--v01qxg-borderRadius-br-mobile,0px) var(--v01qxg-borderRadius-bl-mobile,0px); max-width: var(--v01qxg-max-width-mobile, var(--v01qxg-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--v01qxg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--v01qxg-gap,var(--beae-card-gap)); padding-top: var(--v01qxg-padding-top,var(--beae-card-padding)); padding-right: var(--v01qxg-padding-right,var(--beae-card-padding)); padding-bottom: var(--v01qxg-padding-bottom,var(--beae-card-padding)); padding-left: var(--v01qxg-padding-left,var(--beae-card-padding)); border-width: var(--v01qxg-borderWidth,var(--beae-card-border-width)); border-width: var(--v01qxg-borderWidth-tl,var(--beae-card-border-width)) var(--v01qxg-borderWidth-tr,var(--beae-card-border-width)) var(--v01qxg-borderWidth-br,var(--beae-card-border-width)) var(--v01qxg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--v01qxg-borderRadius-tl,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-tr,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-br,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--v01qxg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--v01qxg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--v01qxg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--v01qxg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--v01qxg-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--v01qxg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--v01qxg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--v01qxg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--v01qxg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--v01qxg-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--v01qxg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--v01qxg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--v01qxg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--v01qxg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--v01qxg-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--v01qxg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--v01qxg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--v01qxg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--v01qxg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--v01qxg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--v01qxg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--v01qxg-background-color,var(--beae-card-featured-background)); border-color: var(--v01qxg-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal, var(--beae-card-shadow-x)) var(--v01qxg-shadowVertical, var(--beae-card-shadow-y)) var(--v01qxg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v01qxg-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--v01qxg-background-color,var(--beae-card-prod-background)); border-color: var(--v01qxg-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal, var(--beae-card-shadow-x)) var(--v01qxg-shadowVertical, var(--beae-card-shadow-y)) var(--v01qxg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v01qxg-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--v01qxg-background-color,var(--beae-card-pricing-background)); border-color: var(--v01qxg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal, var(--beae-card-shadow-x)) var(--v01qxg-shadowVertical, var(--beae-card-shadow-y)) var(--v01qxg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v01qxg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--v01qxg-background-color,var(--beae-card-cta-background)); border-color: var(--v01qxg-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal, var(--beae-card-shadow-x)) var(--v01qxg-shadowVertical, var(--beae-card-shadow-y)) var(--v01qxg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v01qxg-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--v01qxg-background-color,var(--beae-card-media-background)); border-color: var(--v01qxg-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--v01qxg-enableShadow: true): var(--v01qxg-shadowHorizontal, var(--beae-card-shadow-x)) var(--v01qxg-shadowVertical, var(--beae-card-shadow-y)) var(--v01qxg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v01qxg-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-v01qxg"] {     display: flex;     flex-direction: var(--v01qxg-direction, column);     flex-wrap: nowrap;     justify-content: var(--v01qxg-justify-content);     align-items: var(--v01qxg-align-items);     gap: var(--v01qxg-gap, var(--v01qxg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-v01qxg"] {                            gap: var(--v01qxg-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--v01qxg-padding-right-tablet, 0px) - var(--v01qxg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-v01qxg"] {                            gap: var(--v01qxg-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--v01qxg-padding-right-mobile, 0px) - var(--v01qxg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5jik9u"] { --5jik9u-direction: column; --5jik9u-direction-tablet: column; --5jik9u-direction-mobile: column; --5jik9u-structure: auto; --5jik9u-structure-tablet: auto; --5jik9u-structure-mobile: auto; --5jik9u-align-items: center; --5jik9u-align-items-tablet: center; --5jik9u-align-items-mobile: center; --5jik9u-max-width: fit-content; --5jik9u-max-width-tablet: fit-content; --5jik9u-max-width-mobile: fit-content; --5jik9u-padding-top: 6px; --5jik9u-padding-top-tablet: 6px; --5jik9u-padding-top-mobile: 6px; --5jik9u-padding-right: 16px; --5jik9u-padding-right-tablet: 16px; --5jik9u-padding-right-mobile: 16px; --5jik9u-padding-bottom: 6px; --5jik9u-padding-bottom-tablet: 6px; --5jik9u-padding-bottom-mobile: 6px; --5jik9u-padding-left: 16px; --5jik9u-padding-left-tablet: 16px; --5jik9u-padding-left-mobile: 16px; --5jik9u-borderRadius-tl: 99px; --5jik9u-borderRadius-tl-tablet: 99px; --5jik9u-borderRadius-tl-mobile: 99px; --5jik9u-borderRadius-tr: 99px; --5jik9u-borderRadius-tr-tablet: 99px; --5jik9u-borderRadius-tr-mobile: 99px; --5jik9u-borderRadius-bl: 99px; --5jik9u-borderRadius-bl-tablet: 99px; --5jik9u-borderRadius-bl-mobile: 99px; --5jik9u-borderRadius-br: 99px; --5jik9u-borderRadius-br-tablet: 99px; --5jik9u-borderRadius-br-mobile: 99px; --5jik9u-background-type: color; --5jik9u-background-type-tablet: color; --5jik9u-background-type-mobile: color; --5jik9u-background-color: #F2EDFECC; --5jik9u-background-color-tablet: #F2EDFECC; --5jik9u-background-color-mobile: #F2EDFECC; }[data-bnode="beae-5jik9u"] { padding-top: var(--5jik9u-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5jik9u-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5jik9u-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5jik9u-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5jik9u-padding-top-tablet, var(--5jik9u-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5jik9u-padding-right-tablet, var(--5jik9u-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5jik9u-padding-bottom-tablet, var(--5jik9u-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5jik9u-padding-left-tablet, var(--5jik9u-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5jik9u-padding-top-mobile, var(--5jik9u-padding-top-tablet, var(--5jik9u-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5jik9u-padding-right-mobile, var(--5jik9u-padding-right-tablet, var(--5jik9u-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5jik9u-padding-bottom-mobile, var(--5jik9u-padding-bottom-tablet, var(--5jik9u-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5jik9u-padding-left-mobile, var(--5jik9u-padding-left-tablet, var(--5jik9u-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5jik9u-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5jik9u-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--5jik9u-background-imageRatio, auto); background: var(--5jik9u-background-color,transparent); border-style: var(--5jik9u-borderStyle,solid); border-color: var(--5jik9u-borderColor,#000000); border-width: var(--5jik9u-borderWidth-tl,0px) var(--5jik9u-borderWidth-tr,0px) var(--5jik9u-borderWidth-br,0px) var(--5jik9u-borderWidth-bl,0px); border-radius: var(--5jik9u-borderRadius-tl,0px) var(--5jik9u-borderRadius-tr,0px) var(--5jik9u-borderRadius-br,0px) var(--5jik9u-borderRadius-bl,0px); box-shadow: if(style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal,0) var(--5jik9u-shadowVertical,0) var(--5jik9u-shadowBlur,0) 1px var(--5jik9u-shadowColor,#000000); else: none); max-width: var(--5jik9u-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5jik9u-background-imageRatio-tablet, var(--5jik9u-background-imageRatio, auto)); border-width: var(--5jik9u-borderWidth-tl-tablet,0px) var(--5jik9u-borderWidth-tr-tablet,0px) var(--5jik9u-borderWidth-br-tablet,0px) var(--5jik9u-borderWidth-bl-tablet,0px); border-radius: var(--5jik9u-borderRadius-tl-tablet,0px) var(--5jik9u-borderRadius-tr-tablet,0px) var(--5jik9u-borderRadius-br-tablet,0px) var(--5jik9u-borderRadius-bl-tablet,0px); max-width: var(--5jik9u-max-width-tablet, var(--5jik9u-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5jik9u-background-imageRatio-mobile, var(--5jik9u-background-imageRatio, auto)); border-width: var(--5jik9u-borderWidth-tl-mobile,0px) var(--5jik9u-borderWidth-tr-mobile,0px) var(--5jik9u-borderWidth-br-mobile,0px) var(--5jik9u-borderWidth-bl-mobile,0px); border-radius: var(--5jik9u-borderRadius-tl-mobile,0px) var(--5jik9u-borderRadius-tr-mobile,0px) var(--5jik9u-borderRadius-br-mobile,0px) var(--5jik9u-borderRadius-bl-mobile,0px); max-width: var(--5jik9u-max-width-mobile, var(--5jik9u-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5jik9u-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5jik9u-gap,var(--beae-card-gap)); padding-top: var(--5jik9u-padding-top,var(--beae-card-padding)); padding-right: var(--5jik9u-padding-right,var(--beae-card-padding)); padding-bottom: var(--5jik9u-padding-bottom,var(--beae-card-padding)); padding-left: var(--5jik9u-padding-left,var(--beae-card-padding)); border-width: var(--5jik9u-borderWidth,var(--beae-card-border-width)); border-width: var(--5jik9u-borderWidth-tl,var(--beae-card-border-width)) var(--5jik9u-borderWidth-tr,var(--beae-card-border-width)) var(--5jik9u-borderWidth-br,var(--beae-card-border-width)) var(--5jik9u-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5jik9u-borderRadius-tl,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-tr,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-br,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--5jik9u-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5jik9u-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5jik9u-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5jik9u-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5jik9u-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5jik9u-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5jik9u-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5jik9u-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5jik9u-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5jik9u-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5jik9u-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5jik9u-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5jik9u-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5jik9u-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5jik9u-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5jik9u-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5jik9u-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5jik9u-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5jik9u-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5jik9u-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5jik9u-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5jik9u-background-color,var(--beae-card-featured-background)); border-color: var(--5jik9u-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal, var(--beae-card-shadow-x)) var(--5jik9u-shadowVertical, var(--beae-card-shadow-y)) var(--5jik9u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5jik9u-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5jik9u-background-color,var(--beae-card-prod-background)); border-color: var(--5jik9u-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal, var(--beae-card-shadow-x)) var(--5jik9u-shadowVertical, var(--beae-card-shadow-y)) var(--5jik9u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5jik9u-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5jik9u-background-color,var(--beae-card-pricing-background)); border-color: var(--5jik9u-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal, var(--beae-card-shadow-x)) var(--5jik9u-shadowVertical, var(--beae-card-shadow-y)) var(--5jik9u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5jik9u-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5jik9u-background-color,var(--beae-card-cta-background)); border-color: var(--5jik9u-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal, var(--beae-card-shadow-x)) var(--5jik9u-shadowVertical, var(--beae-card-shadow-y)) var(--5jik9u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5jik9u-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5jik9u-background-color,var(--beae-card-media-background)); border-color: var(--5jik9u-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5jik9u-enableShadow: true): var(--5jik9u-shadowHorizontal, var(--beae-card-shadow-x)) var(--5jik9u-shadowVertical, var(--beae-card-shadow-y)) var(--5jik9u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5jik9u-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-5jik9u"] {     display: flex;     flex-direction: var(--5jik9u-direction, column);     flex-wrap: nowrap;     justify-content: var(--5jik9u-justify-content);     align-items: var(--5jik9u-align-items);     gap: var(--5jik9u-gap, var(--5jik9u-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5jik9u"] {                            gap: var(--5jik9u-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5jik9u-padding-right-tablet, 0px) - var(--5jik9u-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5jik9u"] {                            gap: var(--5jik9u-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5jik9u-padding-right-mobile, 0px) - var(--5jik9u-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ga6dkc"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: uppercase; --ga6dkc-typography: p; --ga6dkc-typography-tablet: p; --ga6dkc-typography-mobile: p; }[data-bnode="beae-ga6dkc"] { margin-top: var(--ga6dkc-margin-top, 0px); margin-right: var(--ga6dkc-margin-right, 0px); margin-bottom: var(--ga6dkc-margin-bottom, 0px); margin-left: var(--ga6dkc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ga6dkc-margin-top-tablet, 0px); margin-right: var(--ga6dkc-margin-right-tablet, 0px); margin-bottom: var(--ga6dkc-margin-bottom-tablet, 0px); margin-left: var(--ga6dkc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ga6dkc-margin-top-mobile, 0px); margin-right: var(--ga6dkc-margin-right-mobile, 0px); margin-bottom: var(--ga6dkc-margin-bottom-mobile, 0px); margin-left: var(--ga6dkc-margin-left-mobile, 0px); } }[data-bnode="beae-c47q8n"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --c47q8n-typography: h2; --c47q8n-typography-tablet: h2; --c47q8n-typography-mobile: h2; }[data-bnode="beae-c47q8n"] { margin-top: var(--c47q8n-margin-top, 0px); margin-right: var(--c47q8n-margin-right, 0px); margin-bottom: var(--c47q8n-margin-bottom, 0px); margin-left: var(--c47q8n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c47q8n-margin-top-tablet, 0px); margin-right: var(--c47q8n-margin-right-tablet, 0px); margin-bottom: var(--c47q8n-margin-bottom-tablet, 0px); margin-left: var(--c47q8n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c47q8n-margin-top-mobile, 0px); margin-right: var(--c47q8n-margin-right-mobile, 0px); margin-bottom: var(--c47q8n-margin-bottom-mobile, 0px); margin-left: var(--c47q8n-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--c47q8n-highlightColor,var(--beae-p-color)); top: var(--c47q8n-highlightTop, 100%); } }[data-bnode="beae-woiq2p"] { --woiq2p-direction: row; --woiq2p-direction-tablet: row; --woiq2p-direction-mobile: column; --woiq2p-structure: columns; --woiq2p-structure-tablet: columns; --woiq2p-structure-mobile: columns; --woiq2p-gap: 96px; --woiq2p-gap-tablet: 40px; --woiq2p-gap-mobile: 36px; --woiq2p-align-items-tablet: flex-start; --woiq2p-align-items-mobile: flex-start; }[data-bnode="beae-woiq2p"] { padding-top: var(--woiq2p-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--woiq2p-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--woiq2p-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--woiq2p-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--woiq2p-padding-top-tablet, var(--woiq2p-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--woiq2p-padding-right-tablet, var(--woiq2p-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--woiq2p-padding-bottom-tablet, var(--woiq2p-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--woiq2p-padding-left-tablet, var(--woiq2p-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--woiq2p-padding-top-mobile, var(--woiq2p-padding-top-tablet, var(--woiq2p-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--woiq2p-padding-right-mobile, var(--woiq2p-padding-right-tablet, var(--woiq2p-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--woiq2p-padding-bottom-mobile, var(--woiq2p-padding-bottom-tablet, var(--woiq2p-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--woiq2p-padding-left-mobile, var(--woiq2p-padding-left-tablet, var(--woiq2p-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--woiq2p-padding-left, var(--beae-slot-padding-x, 0px)) - var(--woiq2p-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--woiq2p-background-imageRatio, auto); background: var(--woiq2p-background-color,transparent); border-style: var(--woiq2p-borderStyle,solid); border-color: var(--woiq2p-borderColor,#000000); border-width: var(--woiq2p-borderWidth-tl,0px) var(--woiq2p-borderWidth-tr,0px) var(--woiq2p-borderWidth-br,0px) var(--woiq2p-borderWidth-bl,0px); border-radius: var(--woiq2p-borderRadius-tl,0px) var(--woiq2p-borderRadius-tr,0px) var(--woiq2p-borderRadius-br,0px) var(--woiq2p-borderRadius-bl,0px); box-shadow: if(style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal,0) var(--woiq2p-shadowVertical,0) var(--woiq2p-shadowBlur,0) 1px var(--woiq2p-shadowColor,#000000); else: none); max-width: var(--woiq2p-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--woiq2p-background-imageRatio-tablet, var(--woiq2p-background-imageRatio, auto)); border-width: var(--woiq2p-borderWidth-tl-tablet,0px) var(--woiq2p-borderWidth-tr-tablet,0px) var(--woiq2p-borderWidth-br-tablet,0px) var(--woiq2p-borderWidth-bl-tablet,0px); border-radius: var(--woiq2p-borderRadius-tl-tablet,0px) var(--woiq2p-borderRadius-tr-tablet,0px) var(--woiq2p-borderRadius-br-tablet,0px) var(--woiq2p-borderRadius-bl-tablet,0px); max-width: var(--woiq2p-max-width-tablet, var(--woiq2p-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--woiq2p-background-imageRatio-mobile, var(--woiq2p-background-imageRatio, auto)); border-width: var(--woiq2p-borderWidth-tl-mobile,0px) var(--woiq2p-borderWidth-tr-mobile,0px) var(--woiq2p-borderWidth-br-mobile,0px) var(--woiq2p-borderWidth-bl-mobile,0px); border-radius: var(--woiq2p-borderRadius-tl-mobile,0px) var(--woiq2p-borderRadius-tr-mobile,0px) var(--woiq2p-borderRadius-br-mobile,0px) var(--woiq2p-borderRadius-bl-mobile,0px); max-width: var(--woiq2p-max-width-mobile, var(--woiq2p-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--woiq2p-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--woiq2p-gap,var(--beae-card-gap)); padding-top: var(--woiq2p-padding-top,var(--beae-card-padding)); padding-right: var(--woiq2p-padding-right,var(--beae-card-padding)); padding-bottom: var(--woiq2p-padding-bottom,var(--beae-card-padding)); padding-left: var(--woiq2p-padding-left,var(--beae-card-padding)); border-width: var(--woiq2p-borderWidth,var(--beae-card-border-width)); border-width: var(--woiq2p-borderWidth-tl,var(--beae-card-border-width)) var(--woiq2p-borderWidth-tr,var(--beae-card-border-width)) var(--woiq2p-borderWidth-br,var(--beae-card-border-width)) var(--woiq2p-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--woiq2p-borderRadius-tl,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-tr,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-br,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--woiq2p-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--woiq2p-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--woiq2p-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--woiq2p-padding-left-tablet,var(--beae-card-padding)); border-width: var(--woiq2p-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--woiq2p-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--woiq2p-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--woiq2p-borderWidth-br-desktop,var(--beae-card-border-width)) var(--woiq2p-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--woiq2p-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--woiq2p-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--woiq2p-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--woiq2p-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--woiq2p-padding-left-mobile,var(--beae-card-padding)); border-width: var(--woiq2p-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--woiq2p-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--woiq2p-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--woiq2p-borderWidth-br-mobile,var(--beae-card-border-width)) var(--woiq2p-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--woiq2p-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--woiq2p-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--woiq2p-background-color,var(--beae-card-featured-background)); border-color: var(--woiq2p-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--woiq2p-shadowVertical, var(--beae-card-shadow-y)) var(--woiq2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--woiq2p-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--woiq2p-background-color,var(--beae-card-prod-background)); border-color: var(--woiq2p-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--woiq2p-shadowVertical, var(--beae-card-shadow-y)) var(--woiq2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--woiq2p-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--woiq2p-background-color,var(--beae-card-pricing-background)); border-color: var(--woiq2p-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--woiq2p-shadowVertical, var(--beae-card-shadow-y)) var(--woiq2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--woiq2p-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--woiq2p-background-color,var(--beae-card-cta-background)); border-color: var(--woiq2p-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--woiq2p-shadowVertical, var(--beae-card-shadow-y)) var(--woiq2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--woiq2p-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--woiq2p-background-color,var(--beae-card-media-background)); border-color: var(--woiq2p-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--woiq2p-enableShadow: true): var(--woiq2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--woiq2p-shadowVertical, var(--beae-card-shadow-y)) var(--woiq2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--woiq2p-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-woiq2p"] {     display: flex;     flex-direction: var(--woiq2p-direction, column);     flex-wrap: nowrap;     justify-content: var(--woiq2p-justify-content);     align-items: var(--woiq2p-align-items);     gap: var(--woiq2p-gap, var(--woiq2p-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--woiq2p-padding-right, 0px) - var(--woiq2p-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-woiq2p"] {                      align-items: var(--woiq2p-align-items-tablet, inherit);      gap: var(--woiq2p-gap-tablet, var(--woiq2p-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--woiq2p-padding-right-tablet, 0px) - var(--woiq2p-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-woiq2p"] {      flex-direction: var(--woiq2p-direction-mobile, column);                      gap: var(--woiq2p-gap-mobile, var(--woiq2p-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-89uzd8"] { padding-top: var(--89uzd8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--89uzd8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--89uzd8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--89uzd8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--89uzd8-padding-top-tablet, var(--89uzd8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--89uzd8-padding-right-tablet, var(--89uzd8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--89uzd8-padding-bottom-tablet, var(--89uzd8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--89uzd8-padding-left-tablet, var(--89uzd8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--89uzd8-padding-top-mobile, var(--89uzd8-padding-top-tablet, var(--89uzd8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--89uzd8-padding-right-mobile, var(--89uzd8-padding-right-tablet, var(--89uzd8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--89uzd8-padding-bottom-mobile, var(--89uzd8-padding-bottom-tablet, var(--89uzd8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--89uzd8-padding-left-mobile, var(--89uzd8-padding-left-tablet, var(--89uzd8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--89uzd8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--89uzd8-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--89uzd8-background-imageRatio, auto); background: var(--89uzd8-background-color,transparent); border-style: var(--89uzd8-borderStyle,solid); border-color: var(--89uzd8-borderColor,#000000); border-width: var(--89uzd8-borderWidth-tl,0px) var(--89uzd8-borderWidth-tr,0px) var(--89uzd8-borderWidth-br,0px) var(--89uzd8-borderWidth-bl,0px); border-radius: var(--89uzd8-borderRadius-tl,0px) var(--89uzd8-borderRadius-tr,0px) var(--89uzd8-borderRadius-br,0px) var(--89uzd8-borderRadius-bl,0px); box-shadow: if(style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal,0) var(--89uzd8-shadowVertical,0) var(--89uzd8-shadowBlur,0) 1px var(--89uzd8-shadowColor,#000000); else: none); max-width: var(--89uzd8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--89uzd8-background-imageRatio-tablet, var(--89uzd8-background-imageRatio, auto)); border-width: var(--89uzd8-borderWidth-tl-tablet,0px) var(--89uzd8-borderWidth-tr-tablet,0px) var(--89uzd8-borderWidth-br-tablet,0px) var(--89uzd8-borderWidth-bl-tablet,0px); border-radius: var(--89uzd8-borderRadius-tl-tablet,0px) var(--89uzd8-borderRadius-tr-tablet,0px) var(--89uzd8-borderRadius-br-tablet,0px) var(--89uzd8-borderRadius-bl-tablet,0px); max-width: var(--89uzd8-max-width-tablet, var(--89uzd8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--89uzd8-background-imageRatio-mobile, var(--89uzd8-background-imageRatio, auto)); border-width: var(--89uzd8-borderWidth-tl-mobile,0px) var(--89uzd8-borderWidth-tr-mobile,0px) var(--89uzd8-borderWidth-br-mobile,0px) var(--89uzd8-borderWidth-bl-mobile,0px); border-radius: var(--89uzd8-borderRadius-tl-mobile,0px) var(--89uzd8-borderRadius-tr-mobile,0px) var(--89uzd8-borderRadius-br-mobile,0px) var(--89uzd8-borderRadius-bl-mobile,0px); max-width: var(--89uzd8-max-width-mobile, var(--89uzd8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--89uzd8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--89uzd8-gap,var(--beae-card-gap)); padding-top: var(--89uzd8-padding-top,var(--beae-card-padding)); padding-right: var(--89uzd8-padding-right,var(--beae-card-padding)); padding-bottom: var(--89uzd8-padding-bottom,var(--beae-card-padding)); padding-left: var(--89uzd8-padding-left,var(--beae-card-padding)); border-width: var(--89uzd8-borderWidth,var(--beae-card-border-width)); border-width: var(--89uzd8-borderWidth-tl,var(--beae-card-border-width)) var(--89uzd8-borderWidth-tr,var(--beae-card-border-width)) var(--89uzd8-borderWidth-br,var(--beae-card-border-width)) var(--89uzd8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--89uzd8-borderRadius-tl,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-tr,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-br,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--89uzd8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--89uzd8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--89uzd8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--89uzd8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--89uzd8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--89uzd8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--89uzd8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--89uzd8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--89uzd8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--89uzd8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--89uzd8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--89uzd8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--89uzd8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--89uzd8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--89uzd8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--89uzd8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--89uzd8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--89uzd8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--89uzd8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--89uzd8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--89uzd8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--89uzd8-background-color,var(--beae-card-featured-background)); border-color: var(--89uzd8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal, var(--beae-card-shadow-x)) var(--89uzd8-shadowVertical, var(--beae-card-shadow-y)) var(--89uzd8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--89uzd8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--89uzd8-background-color,var(--beae-card-prod-background)); border-color: var(--89uzd8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal, var(--beae-card-shadow-x)) var(--89uzd8-shadowVertical, var(--beae-card-shadow-y)) var(--89uzd8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--89uzd8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--89uzd8-background-color,var(--beae-card-pricing-background)); border-color: var(--89uzd8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal, var(--beae-card-shadow-x)) var(--89uzd8-shadowVertical, var(--beae-card-shadow-y)) var(--89uzd8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--89uzd8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--89uzd8-background-color,var(--beae-card-cta-background)); border-color: var(--89uzd8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal, var(--beae-card-shadow-x)) var(--89uzd8-shadowVertical, var(--beae-card-shadow-y)) var(--89uzd8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--89uzd8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--89uzd8-background-color,var(--beae-card-media-background)); border-color: var(--89uzd8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--89uzd8-enableShadow: true): var(--89uzd8-shadowHorizontal, var(--beae-card-shadow-x)) var(--89uzd8-shadowVertical, var(--beae-card-shadow-y)) var(--89uzd8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--89uzd8-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-89uzd8"] {     display: flex;     flex-direction: var(--89uzd8-direction, column);     flex-wrap: nowrap;     justify-content: var(--89uzd8-justify-content);     align-items: var(--89uzd8-align-items);     gap: var(--89uzd8-gap, var(--89uzd8-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-89uzd8"] {                            gap: var(--89uzd8-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--89uzd8-padding-right-tablet, 0px) - var(--89uzd8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-89uzd8"] {                            gap: var(--89uzd8-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--89uzd8-padding-right-mobile, 0px) - var(--89uzd8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5a1prg"] { --5a1prg-width: 100%; --5a1prg-width-tablet: 100%; --5a1prg-width-mobile: 100%; --5a1prg-imageRatio: 7/6; --5a1prg-imageRatio-tablet: 7/6; --5a1prg-imageRatio-mobile: 7/6; --5a1prg-objFit: contain; --5a1prg-objFit-tablet: contain; --5a1prg-objFit-mobile: contain; --5a1prg-borderColor: #000000; --5a1prg-borderColor-tablet: #000000; --5a1prg-borderColor-mobile: #000000; --5a1prg-shadowColor: #000000; --5a1prg-shadowColor-tablet: #000000; --5a1prg-shadowColor-mobile: #000000; --5a1prg-borderStyle: none; --5a1prg-borderStyle-tablet: none; --5a1prg-borderStyle-mobile: none; --5a1prg-enableShadow: false; --5a1prg-enableShadow-tablet: false; --5a1prg-enableShadow-mobile: false; --5a1prg-borderRadius-tl: 24px; --5a1prg-borderRadius-tl-tablet: 24px; --5a1prg-borderRadius-tl-mobile: 24px; --5a1prg-borderRadius-tr: 140px; --5a1prg-borderRadius-tr-tablet: 80px; --5a1prg-borderRadius-tr-mobile: 80px; --5a1prg-borderRadius-bl: 140px; --5a1prg-borderRadius-bl-tablet: 80px; --5a1prg-borderRadius-bl-mobile: 80px; --5a1prg-borderRadius-br: 24px; --5a1prg-borderRadius-br-tablet: 24px; --5a1prg-borderRadius-br-mobile: 24px; }[data-bnode="beae-5a1prg"] { margin-top: var(--5a1prg-margin-top, 0px); margin-right: var(--5a1prg-margin-right, 0px); margin-bottom: var(--5a1prg-margin-bottom, 0px); margin-left: var(--5a1prg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5a1prg-margin-top-tablet, 0px); margin-right: var(--5a1prg-margin-right-tablet, 0px); margin-bottom: var(--5a1prg-margin-bottom-tablet, 0px); margin-left: var(--5a1prg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5a1prg-margin-top-mobile, 0px); margin-right: var(--5a1prg-margin-right-mobile, 0px); margin-bottom: var(--5a1prg-margin-bottom-mobile, 0px); margin-left: var(--5a1prg-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--5a1prg-width,100%) - var(--5a1prg-margin-left,0px) - var(--5a1prg-margin-right,0px)); min-height: min-content; border-style: var(--5a1prg-borderStyle,solid); border-color: var(--5a1prg-borderColor,#000000); border-width: var(--5a1prg-borderWidth-tl,0px) var(--5a1prg-borderWidth-tr,0px) var(--5a1prg-borderWidth-br,0px) var(--5a1prg-borderWidth-bl,0px); border-radius: var(--5a1prg-borderRadius-tl,0px) var(--5a1prg-borderRadius-tr,0px) var(--5a1prg-borderRadius-br,0px) var(--5a1prg-borderRadius-bl,0px); aspect-ratio: var(--5a1prg-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5a1prg-borderWidth-tl-tablet, var(--5a1prg-borderWidth-tl,0px)) var(--5a1prg-borderWidth-tr-tablet, var(--5a1prg-borderWidth-tr,0px)) var(--5a1prg-borderWidth-br-tablet, var(--5a1prg-borderWidth-br,0px)) var(--5a1prg-borderWidth-bl-tablet, var(--5a1prg-borderWidth-bl,0px)); border-radius: var(--5a1prg-borderRadius-tl-tablet, var(--5a1prg-borderRadius-tl,0px)) var(--5a1prg-borderRadius-tr-tablet, var(--5a1prg-borderRadius-tr,0px)) var(--5a1prg-borderRadius-br-tablet, var(--5a1prg-borderRadius-br,0px)) var(--5a1prg-borderRadius-bl-tablet, var(--5a1prg-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--5a1prg-borderWidth-tl-mobile, var(--5a1prg-borderWidth-tl,0px)) var(--5a1prg-borderWidth-tr-mobile, var(--5a1prg-borderWidth-tr,0px)) var(--5a1prg-borderWidth-br-mobile, var(--5a1prg-borderWidth-br,0px)) var(--5a1prg-borderWidth-bl-mobile, var(--5a1prg-borderWidth-bl,0px)); border-radius: var(--5a1prg-borderRadius-tl-mobile, var(--5a1prg-borderRadius-tl,0px)) var(--5a1prg-borderRadius-tr-mobile, var(--5a1prg-borderRadius-tr,0px)) var(--5a1prg-borderRadius-br-mobile, var(--5a1prg-borderRadius-br,0px)) var(--5a1prg-borderRadius-bl-mobile, var(--5a1prg-borderRadius-bl,0px)); } box-shadow: if( style(--5a1prg-enableShadow: true): var(--5a1prg-shadowHorizontal, 0) var(--5a1prg-shadowVertical, 0) var(--5a1prg-shadowBlur, 0) 1px var(--5a1prg-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--5a1prg-overlayColor-color, #000); opacity: var(--5a1prg-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--5a1prg-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--5a1prg-width-tablet,var(--5a1prg-width,100%)) - var(--5a1prg-margin-left-tablet,var(--5a1prg-margin-left,0px)) - var(--5a1prg-margin-right-tablet,var(--5a1prg-margin-right,0px))); aspect-ratio: var(--5a1prg-imageRatio-tablet, var(--5a1prg-imageRatio, auto)); img { object-fit: var(--5a1prg-objFit-tablet, var(--5a1prg-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--5a1prg-width-mobile,var(--5a1prg-width,100%)) - var(--5a1prg-margin-left-mobile,var(--5a1prg-margin-left,0px)) - var(--5a1prg-margin-right-mobile,var(--5a1prg-margin-right,0px))); aspect-ratio: var(--5a1prg-imageRatio-mobile, var(--5a1prg-imageRatio, auto)); img { object-fit: var(--5a1prg-objFit-mobile, var(--5a1prg-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-hu4lun"] { --hu4lun-direction: row; --hu4lun-direction-tablet: row; --hu4lun-direction-mobile: row; --hu4lun-align-items: center; --hu4lun-align-items-tablet: center; --hu4lun-align-items-mobile: center; }[data-bnode="beae-hu4lun"] { padding-top: var(--hu4lun-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hu4lun-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hu4lun-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hu4lun-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hu4lun-padding-top-tablet, var(--hu4lun-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hu4lun-padding-right-tablet, var(--hu4lun-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hu4lun-padding-bottom-tablet, var(--hu4lun-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hu4lun-padding-left-tablet, var(--hu4lun-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hu4lun-padding-top-mobile, var(--hu4lun-padding-top-tablet, var(--hu4lun-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hu4lun-padding-right-mobile, var(--hu4lun-padding-right-tablet, var(--hu4lun-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hu4lun-padding-bottom-mobile, var(--hu4lun-padding-bottom-tablet, var(--hu4lun-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hu4lun-padding-left-mobile, var(--hu4lun-padding-left-tablet, var(--hu4lun-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hu4lun-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hu4lun-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--hu4lun-background-imageRatio, auto); background: var(--hu4lun-background-color,transparent); border-style: var(--hu4lun-borderStyle,solid); border-color: var(--hu4lun-borderColor,#000000); border-width: var(--hu4lun-borderWidth-tl,0px) var(--hu4lun-borderWidth-tr,0px) var(--hu4lun-borderWidth-br,0px) var(--hu4lun-borderWidth-bl,0px); border-radius: var(--hu4lun-borderRadius-tl,0px) var(--hu4lun-borderRadius-tr,0px) var(--hu4lun-borderRadius-br,0px) var(--hu4lun-borderRadius-bl,0px); box-shadow: if(style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal,0) var(--hu4lun-shadowVertical,0) var(--hu4lun-shadowBlur,0) 1px var(--hu4lun-shadowColor,#000000); else: none); max-width: var(--hu4lun-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hu4lun-background-imageRatio-tablet, var(--hu4lun-background-imageRatio, auto)); border-width: var(--hu4lun-borderWidth-tl-tablet,0px) var(--hu4lun-borderWidth-tr-tablet,0px) var(--hu4lun-borderWidth-br-tablet,0px) var(--hu4lun-borderWidth-bl-tablet,0px); border-radius: var(--hu4lun-borderRadius-tl-tablet,0px) var(--hu4lun-borderRadius-tr-tablet,0px) var(--hu4lun-borderRadius-br-tablet,0px) var(--hu4lun-borderRadius-bl-tablet,0px); max-width: var(--hu4lun-max-width-tablet, var(--hu4lun-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hu4lun-background-imageRatio-mobile, var(--hu4lun-background-imageRatio, auto)); border-width: var(--hu4lun-borderWidth-tl-mobile,0px) var(--hu4lun-borderWidth-tr-mobile,0px) var(--hu4lun-borderWidth-br-mobile,0px) var(--hu4lun-borderWidth-bl-mobile,0px); border-radius: var(--hu4lun-borderRadius-tl-mobile,0px) var(--hu4lun-borderRadius-tr-mobile,0px) var(--hu4lun-borderRadius-br-mobile,0px) var(--hu4lun-borderRadius-bl-mobile,0px); max-width: var(--hu4lun-max-width-mobile, var(--hu4lun-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hu4lun-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hu4lun-gap,var(--beae-card-gap)); padding-top: var(--hu4lun-padding-top,var(--beae-card-padding)); padding-right: var(--hu4lun-padding-right,var(--beae-card-padding)); padding-bottom: var(--hu4lun-padding-bottom,var(--beae-card-padding)); padding-left: var(--hu4lun-padding-left,var(--beae-card-padding)); border-width: var(--hu4lun-borderWidth,var(--beae-card-border-width)); border-width: var(--hu4lun-borderWidth-tl,var(--beae-card-border-width)) var(--hu4lun-borderWidth-tr,var(--beae-card-border-width)) var(--hu4lun-borderWidth-br,var(--beae-card-border-width)) var(--hu4lun-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hu4lun-borderRadius-tl,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-tr,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-br,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--hu4lun-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hu4lun-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hu4lun-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hu4lun-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hu4lun-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hu4lun-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hu4lun-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hu4lun-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hu4lun-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hu4lun-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hu4lun-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hu4lun-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hu4lun-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hu4lun-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hu4lun-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hu4lun-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hu4lun-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hu4lun-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hu4lun-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hu4lun-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hu4lun-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hu4lun-background-color,var(--beae-card-featured-background)); border-color: var(--hu4lun-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal, var(--beae-card-shadow-x)) var(--hu4lun-shadowVertical, var(--beae-card-shadow-y)) var(--hu4lun-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hu4lun-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hu4lun-background-color,var(--beae-card-prod-background)); border-color: var(--hu4lun-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal, var(--beae-card-shadow-x)) var(--hu4lun-shadowVertical, var(--beae-card-shadow-y)) var(--hu4lun-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hu4lun-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hu4lun-background-color,var(--beae-card-pricing-background)); border-color: var(--hu4lun-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal, var(--beae-card-shadow-x)) var(--hu4lun-shadowVertical, var(--beae-card-shadow-y)) var(--hu4lun-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hu4lun-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hu4lun-background-color,var(--beae-card-cta-background)); border-color: var(--hu4lun-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal, var(--beae-card-shadow-x)) var(--hu4lun-shadowVertical, var(--beae-card-shadow-y)) var(--hu4lun-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hu4lun-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hu4lun-background-color,var(--beae-card-media-background)); border-color: var(--hu4lun-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hu4lun-enableShadow: true): var(--hu4lun-shadowHorizontal, var(--beae-card-shadow-x)) var(--hu4lun-shadowVertical, var(--beae-card-shadow-y)) var(--hu4lun-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hu4lun-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-hu4lun"] {     display: flex;     flex-direction: var(--hu4lun-direction, column);     flex-wrap: nowrap;     justify-content: var(--hu4lun-justify-content);     align-items: var(--hu4lun-align-items);     gap: var(--hu4lun-gap, var(--hu4lun-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hu4lun"] {                            gap: var(--hu4lun-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--hu4lun-padding-right-tablet, 0px) - var(--hu4lun-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-hu4lun"] {                            gap: var(--hu4lun-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--hu4lun-padding-right-mobile, 0px) - var(--hu4lun-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4pnc81"] { --4pnc81-columns: 1; --4pnc81-columns-tablet: 1; --4pnc81-columns-mobile: 1; --4pnc81-gap: 56px; --4pnc81-gap-tablet: 16px; --4pnc81-gap-mobile: 24px; --4pnc81-navType: true; --4pnc81-navType-tablet: true; --4pnc81-navType-mobile: true; --4pnc81-pagiType: false; --4pnc81-pagiType-tablet: false; --4pnc81-pagiType-mobile: false; --4pnc81-listType: grid; --4pnc81-listType-tablet: grid; --4pnc81-listType-mobile: grid; --4pnc81-stateNavigation: normal; --4pnc81-stateNavigation-tablet: normal; --4pnc81-stateNavigation-mobile: normal; --4pnc81-statePagination: normal; --4pnc81-statePagination-tablet: normal; --4pnc81-statePagination-mobile: normal; --4pnc81-stateNavigtion: normal; --4pnc81-stateNavigtion-tablet: normal; --4pnc81-stateNavigtion-mobile: normal; --4pnc81-columnsMobile-mobile: 1; } [data-bnode="beae-4pnc81"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-4pnc81"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-4pnc81"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-4pnc81"] [data-bnode="beae-z4i7e2"] { --z4i7e2-width: 100%; --z4i7e2-imageRatio: auto; --z4i7e2-objFit: cover; --z4i7e2-borderColor: #000000; --z4i7e2-shadowColor: #000000; --z4i7e2-borderStyle: none; --z4i7e2-enableShadow: false; } [data-bnode="beae-4pnc81"] [data-bnode="beae-tgo888"] { --tgo888-typography: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 18px; --beae-h4-color: #143052; --beae-h4-font-weight: 700; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: capitalize; } [data-bnode="beae-4pnc81"] [data-bnode="beae-gsdzg2"] { --gsdzg2-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-4pnc81"] [data-bnode="beae-lci5t9"] { --lci5t9-direction: row; --lci5t9-structure: auto; --lci5t9-align-items: flex-start; --lci5t9-gap: 24px; --lci5t9-gap-tablet: 16px; --lci5t9-gap-mobile: 16px; } [data-bnode="beae-4pnc81"] [data-bnode="beae-deha8s"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; } [data-bnode="beae-4pnc81"] [data-bnode="beae-wbwo2t"] { --wbwo2t-direction: column; --wbwo2t-padding-top: 12px; --wbwo2t-padding-right: 0px; --wbwo2t-padding-bottom: 12px; --wbwo2t-padding-left: 0px; --wbwo2t-align-items: center; --wbwo2t-justify-content: flex-start; --wbwo2t-max-width: 64px; --wbwo2t-background-type: color; --wbwo2t-background-color: #E6F0FDCC; --wbwo2t-borderRadius-tl: 99px; --wbwo2t-borderRadius-tr: 99px; --wbwo2t-borderRadius-bl: 99px; --wbwo2t-borderRadius-br: 99px; --wbwo2t-padding-top-tablet: 14px; --wbwo2t-padding-right-tablet: 0px; --wbwo2t-padding-bottom-tablet: 14px; --wbwo2t-padding-left-tablet: 0px; --wbwo2t-borderRadius-tl-tablet: 99px; --wbwo2t-borderRadius-tr-tablet: 99px; --wbwo2t-borderRadius-bl-tablet: 99px; --wbwo2t-borderRadius-br-tablet: 99px; --wbwo2t-borderRadius-tl-mobile: 99px; --wbwo2t-borderRadius-tr-mobile: 99px; --wbwo2t-borderRadius-bl-mobile: 99px; --wbwo2t-borderRadius-br-mobile: 99px; --wbwo2t-padding-top-mobile: 16px; --wbwo2t-padding-right-mobile: 0px; --wbwo2t-padding-bottom-mobile: 16px; --wbwo2t-padding-left-mobile: 0px; } [data-bnode="beae-4pnc81"] [data-bnode="beae-94vzsf"] { --94vzsf-gap: 12px; } [data-bnode="beae-4pnc81"] [data-bnode="beae-deha8s"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --deha8s-typography: h3; --deha8s-typography-tablet: h3; --deha8s-typography-mobile: h3; } [data-bnode="beae-4pnc81"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: row; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; }[data-bnode="beae-4pnc81"] { margin-top: var(--4pnc81-margin-top, 0px); margin-right: var(--4pnc81-margin-right, 0px); margin-bottom: var(--4pnc81-margin-bottom, 0px); margin-left: var(--4pnc81-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4pnc81-margin-top-tablet, 0px); margin-right: var(--4pnc81-margin-right-tablet, 0px); margin-bottom: var(--4pnc81-margin-bottom-tablet, 0px); margin-left: var(--4pnc81-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4pnc81-margin-top-mobile, 0px); margin-right: var(--4pnc81-margin-right-mobile, 0px); margin-bottom: var(--4pnc81-margin-bottom-mobile, 0px); margin-left: var(--4pnc81-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--4pnc81-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4pnc81-gap,var(--beae-grid-gap, 20px)) * (var(--4pnc81-columns, 3) - 1) + 1px) / var(--4pnc81-columns, 3)); &:last-child{ margin-right: var(--4pnc81-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4pnc81-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4pnc81-columns) - 1) * var(--4pnc81-gap,var(--beae-grid-gap, 20px))) / var(--4pnc81-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--4pnc81-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4pnc81-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--4pnc81-columns-tablet, 3) - 1)) / var(--4pnc81-columns-tablet, 3)); &:last-child{ margin-right: var(--4pnc81-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4pnc81-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4pnc81-columns-tablet) - 1) * var(--4pnc81-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--4pnc81-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--4pnc81-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4pnc81-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--4pnc81-columnsMobile-mobile, 1) - 1)) / var(--4pnc81-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--4pnc81-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4pnc81-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4pnc81-columnsMobile-mobile) - 1) * var(--4pnc81-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--4pnc81-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--4pnc81-navPadding,12px); background:var(--4pnc81-navBg,#F5F5F5); color: var(--4pnc81-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--4pnc81-navBgHover,#CCCCCC); color: var(--4pnc81-navColorHover,var(--beae-text-color)); } svg { width: var(--4pnc81-navIconSize,20px); height: var(--4pnc81-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4pnc81-pagiBg,#E6E6E6); &.active { background:var(--4pnc81-pagiBgActive,#181818); } &:not(.active):hover { background:var(--4pnc81-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--4pnc81-pagiColor,#e6e6e6); &.active { color:var(--4pnc81-pagiColorActive,#181818); } &:not(.active):hover { color: var(--4pnc81-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--4pnc81-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4pnc81-pagiBg,#E6E6E6); &.active { background: var(--4pnc81-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--4pnc81-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-4pnc81"] [data-bnode="beae-lci5t9"] { padding-top: var(--lci5t9-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lci5t9-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lci5t9-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lci5t9-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lci5t9-padding-top-tablet, var(--lci5t9-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lci5t9-padding-right-tablet, var(--lci5t9-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lci5t9-padding-bottom-tablet, var(--lci5t9-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lci5t9-padding-left-tablet, var(--lci5t9-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lci5t9-padding-top-mobile, var(--lci5t9-padding-top-tablet, var(--lci5t9-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lci5t9-padding-right-mobile, var(--lci5t9-padding-right-tablet, var(--lci5t9-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lci5t9-padding-bottom-mobile, var(--lci5t9-padding-bottom-tablet, var(--lci5t9-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lci5t9-padding-left-mobile, var(--lci5t9-padding-left-tablet, var(--lci5t9-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lci5t9-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lci5t9-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lci5t9-background-imageRatio, auto); background: var(--lci5t9-background-color,transparent); border-style: var(--lci5t9-borderStyle,solid); border-color: var(--lci5t9-borderColor,#000000); border-width: var(--lci5t9-borderWidth-tl,0px) var(--lci5t9-borderWidth-tr,0px) var(--lci5t9-borderWidth-br,0px) var(--lci5t9-borderWidth-bl,0px); border-radius: var(--lci5t9-borderRadius-tl,0px) var(--lci5t9-borderRadius-tr,0px) var(--lci5t9-borderRadius-br,0px) var(--lci5t9-borderRadius-bl,0px); box-shadow: if(style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal,0) var(--lci5t9-shadowVertical,0) var(--lci5t9-shadowBlur,0) 1px var(--lci5t9-shadowColor,#000000); else: none); max-width: var(--lci5t9-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lci5t9-background-imageRatio-tablet, var(--lci5t9-background-imageRatio, auto)); border-width: var(--lci5t9-borderWidth-tl-tablet,0px) var(--lci5t9-borderWidth-tr-tablet,0px) var(--lci5t9-borderWidth-br-tablet,0px) var(--lci5t9-borderWidth-bl-tablet,0px); border-radius: var(--lci5t9-borderRadius-tl-tablet,0px) var(--lci5t9-borderRadius-tr-tablet,0px) var(--lci5t9-borderRadius-br-tablet,0px) var(--lci5t9-borderRadius-bl-tablet,0px); max-width: var(--lci5t9-max-width-tablet, var(--lci5t9-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lci5t9-background-imageRatio-mobile, var(--lci5t9-background-imageRatio, auto)); border-width: var(--lci5t9-borderWidth-tl-mobile,0px) var(--lci5t9-borderWidth-tr-mobile,0px) var(--lci5t9-borderWidth-br-mobile,0px) var(--lci5t9-borderWidth-bl-mobile,0px); border-radius: var(--lci5t9-borderRadius-tl-mobile,0px) var(--lci5t9-borderRadius-tr-mobile,0px) var(--lci5t9-borderRadius-br-mobile,0px) var(--lci5t9-borderRadius-bl-mobile,0px); max-width: var(--lci5t9-max-width-mobile, var(--lci5t9-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lci5t9-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lci5t9-gap,var(--beae-card-gap)); padding-top: var(--lci5t9-padding-top,var(--beae-card-padding)); padding-right: var(--lci5t9-padding-right,var(--beae-card-padding)); padding-bottom: var(--lci5t9-padding-bottom,var(--beae-card-padding)); padding-left: var(--lci5t9-padding-left,var(--beae-card-padding)); border-width: var(--lci5t9-borderWidth,var(--beae-card-border-width)); border-width: var(--lci5t9-borderWidth-tl,var(--beae-card-border-width)) var(--lci5t9-borderWidth-tr,var(--beae-card-border-width)) var(--lci5t9-borderWidth-br,var(--beae-card-border-width)) var(--lci5t9-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lci5t9-borderRadius-tl,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-tr,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-br,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lci5t9-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lci5t9-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lci5t9-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lci5t9-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lci5t9-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lci5t9-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lci5t9-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lci5t9-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lci5t9-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lci5t9-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lci5t9-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lci5t9-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lci5t9-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lci5t9-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lci5t9-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lci5t9-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lci5t9-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lci5t9-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lci5t9-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lci5t9-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lci5t9-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lci5t9-background-color,var(--beae-card-featured-background)); border-color: var(--lci5t9-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal, var(--beae-card-shadow-x)) var(--lci5t9-shadowVertical, var(--beae-card-shadow-y)) var(--lci5t9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lci5t9-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lci5t9-background-color,var(--beae-card-prod-background)); border-color: var(--lci5t9-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal, var(--beae-card-shadow-x)) var(--lci5t9-shadowVertical, var(--beae-card-shadow-y)) var(--lci5t9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lci5t9-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lci5t9-background-color,var(--beae-card-pricing-background)); border-color: var(--lci5t9-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal, var(--beae-card-shadow-x)) var(--lci5t9-shadowVertical, var(--beae-card-shadow-y)) var(--lci5t9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lci5t9-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lci5t9-background-color,var(--beae-card-cta-background)); border-color: var(--lci5t9-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal, var(--beae-card-shadow-x)) var(--lci5t9-shadowVertical, var(--beae-card-shadow-y)) var(--lci5t9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lci5t9-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lci5t9-background-color,var(--beae-card-media-background)); border-color: var(--lci5t9-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lci5t9-enableShadow: true): var(--lci5t9-shadowHorizontal, var(--beae-card-shadow-x)) var(--lci5t9-shadowVertical, var(--beae-card-shadow-y)) var(--lci5t9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lci5t9-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-4pnc81"] [data-bnode="beae-wbwo2t"] { padding-top: var(--wbwo2t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wbwo2t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wbwo2t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wbwo2t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wbwo2t-padding-top-tablet, var(--wbwo2t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wbwo2t-padding-right-tablet, var(--wbwo2t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wbwo2t-padding-bottom-tablet, var(--wbwo2t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wbwo2t-padding-left-tablet, var(--wbwo2t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wbwo2t-padding-top-mobile, var(--wbwo2t-padding-top-tablet, var(--wbwo2t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wbwo2t-padding-right-mobile, var(--wbwo2t-padding-right-tablet, var(--wbwo2t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wbwo2t-padding-bottom-mobile, var(--wbwo2t-padding-bottom-tablet, var(--wbwo2t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wbwo2t-padding-left-mobile, var(--wbwo2t-padding-left-tablet, var(--wbwo2t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--wbwo2t-padding-left, var(--beae-slot-padding-x, 0px)) - var(--wbwo2t-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--wbwo2t-background-imageRatio, auto); background: var(--wbwo2t-background-color,transparent); border-style: var(--wbwo2t-borderStyle,solid); border-color: var(--wbwo2t-borderColor,#000000); border-width: var(--wbwo2t-borderWidth-tl,0px) var(--wbwo2t-borderWidth-tr,0px) var(--wbwo2t-borderWidth-br,0px) var(--wbwo2t-borderWidth-bl,0px); border-radius: var(--wbwo2t-borderRadius-tl,0px) var(--wbwo2t-borderRadius-tr,0px) var(--wbwo2t-borderRadius-br,0px) var(--wbwo2t-borderRadius-bl,0px); box-shadow: if(style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal,0) var(--wbwo2t-shadowVertical,0) var(--wbwo2t-shadowBlur,0) 1px var(--wbwo2t-shadowColor,#000000); else: none); max-width: var(--wbwo2t-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--wbwo2t-background-imageRatio-tablet, var(--wbwo2t-background-imageRatio, auto)); border-width: var(--wbwo2t-borderWidth-tl-tablet,0px) var(--wbwo2t-borderWidth-tr-tablet,0px) var(--wbwo2t-borderWidth-br-tablet,0px) var(--wbwo2t-borderWidth-bl-tablet,0px); border-radius: var(--wbwo2t-borderRadius-tl-tablet,0px) var(--wbwo2t-borderRadius-tr-tablet,0px) var(--wbwo2t-borderRadius-br-tablet,0px) var(--wbwo2t-borderRadius-bl-tablet,0px); max-width: var(--wbwo2t-max-width-tablet, var(--wbwo2t-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--wbwo2t-background-imageRatio-mobile, var(--wbwo2t-background-imageRatio, auto)); border-width: var(--wbwo2t-borderWidth-tl-mobile,0px) var(--wbwo2t-borderWidth-tr-mobile,0px) var(--wbwo2t-borderWidth-br-mobile,0px) var(--wbwo2t-borderWidth-bl-mobile,0px); border-radius: var(--wbwo2t-borderRadius-tl-mobile,0px) var(--wbwo2t-borderRadius-tr-mobile,0px) var(--wbwo2t-borderRadius-br-mobile,0px) var(--wbwo2t-borderRadius-bl-mobile,0px); max-width: var(--wbwo2t-max-width-mobile, var(--wbwo2t-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--wbwo2t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--wbwo2t-gap,var(--beae-card-gap)); padding-top: var(--wbwo2t-padding-top,var(--beae-card-padding)); padding-right: var(--wbwo2t-padding-right,var(--beae-card-padding)); padding-bottom: var(--wbwo2t-padding-bottom,var(--beae-card-padding)); padding-left: var(--wbwo2t-padding-left,var(--beae-card-padding)); border-width: var(--wbwo2t-borderWidth,var(--beae-card-border-width)); border-width: var(--wbwo2t-borderWidth-tl,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-tr,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-br,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--wbwo2t-borderRadius-tl,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-tr,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-br,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--wbwo2t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--wbwo2t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--wbwo2t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--wbwo2t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--wbwo2t-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--wbwo2t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--wbwo2t-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--wbwo2t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--wbwo2t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--wbwo2t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--wbwo2t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--wbwo2t-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--wbwo2t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--wbwo2t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--wbwo2t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--wbwo2t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--wbwo2t-background-color,var(--beae-card-featured-background)); border-color: var(--wbwo2t-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal, var(--beae-card-shadow-x)) var(--wbwo2t-shadowVertical, var(--beae-card-shadow-y)) var(--wbwo2t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wbwo2t-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--wbwo2t-background-color,var(--beae-card-prod-background)); border-color: var(--wbwo2t-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal, var(--beae-card-shadow-x)) var(--wbwo2t-shadowVertical, var(--beae-card-shadow-y)) var(--wbwo2t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wbwo2t-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--wbwo2t-background-color,var(--beae-card-pricing-background)); border-color: var(--wbwo2t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal, var(--beae-card-shadow-x)) var(--wbwo2t-shadowVertical, var(--beae-card-shadow-y)) var(--wbwo2t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wbwo2t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--wbwo2t-background-color,var(--beae-card-cta-background)); border-color: var(--wbwo2t-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal, var(--beae-card-shadow-x)) var(--wbwo2t-shadowVertical, var(--beae-card-shadow-y)) var(--wbwo2t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wbwo2t-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--wbwo2t-background-color,var(--beae-card-media-background)); border-color: var(--wbwo2t-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--wbwo2t-enableShadow: true): var(--wbwo2t-shadowHorizontal, var(--beae-card-shadow-x)) var(--wbwo2t-shadowVertical, var(--beae-card-shadow-y)) var(--wbwo2t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wbwo2t-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-4pnc81"] [data-bnode="beae-deha8s"] { margin-top: var(--deha8s-margin-top, 0px); margin-right: var(--deha8s-margin-right, 0px); margin-bottom: var(--deha8s-margin-bottom, 0px); margin-left: var(--deha8s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--deha8s-margin-top-tablet, 0px); margin-right: var(--deha8s-margin-right-tablet, 0px); margin-bottom: var(--deha8s-margin-bottom-tablet, 0px); margin-left: var(--deha8s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--deha8s-margin-top-mobile, 0px); margin-right: var(--deha8s-margin-right-mobile, 0px); margin-bottom: var(--deha8s-margin-bottom-mobile, 0px); margin-left: var(--deha8s-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--deha8s-highlightColor,var(--beae-p-color)); top: var(--deha8s-highlightTop, 100%); } } [data-bnode="beae-4pnc81"] [data-bnode="beae-94vzsf"] { padding-top: var(--94vzsf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--94vzsf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--94vzsf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--94vzsf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--94vzsf-padding-top-tablet, var(--94vzsf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--94vzsf-padding-right-tablet, var(--94vzsf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--94vzsf-padding-bottom-tablet, var(--94vzsf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--94vzsf-padding-left-tablet, var(--94vzsf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--94vzsf-padding-top-mobile, var(--94vzsf-padding-top-tablet, var(--94vzsf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--94vzsf-padding-right-mobile, var(--94vzsf-padding-right-tablet, var(--94vzsf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--94vzsf-padding-bottom-mobile, var(--94vzsf-padding-bottom-tablet, var(--94vzsf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--94vzsf-padding-left-mobile, var(--94vzsf-padding-left-tablet, var(--94vzsf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--94vzsf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--94vzsf-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--94vzsf-background-imageRatio, auto); background: var(--94vzsf-background-color,transparent); border-style: var(--94vzsf-borderStyle,solid); border-color: var(--94vzsf-borderColor,#000000); border-width: var(--94vzsf-borderWidth-tl,0px) var(--94vzsf-borderWidth-tr,0px) var(--94vzsf-borderWidth-br,0px) var(--94vzsf-borderWidth-bl,0px); border-radius: var(--94vzsf-borderRadius-tl,0px) var(--94vzsf-borderRadius-tr,0px) var(--94vzsf-borderRadius-br,0px) var(--94vzsf-borderRadius-bl,0px); box-shadow: if(style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal,0) var(--94vzsf-shadowVertical,0) var(--94vzsf-shadowBlur,0) 1px var(--94vzsf-shadowColor,#000000); else: none); max-width: var(--94vzsf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--94vzsf-background-imageRatio-tablet, var(--94vzsf-background-imageRatio, auto)); border-width: var(--94vzsf-borderWidth-tl-tablet,0px) var(--94vzsf-borderWidth-tr-tablet,0px) var(--94vzsf-borderWidth-br-tablet,0px) var(--94vzsf-borderWidth-bl-tablet,0px); border-radius: var(--94vzsf-borderRadius-tl-tablet,0px) var(--94vzsf-borderRadius-tr-tablet,0px) var(--94vzsf-borderRadius-br-tablet,0px) var(--94vzsf-borderRadius-bl-tablet,0px); max-width: var(--94vzsf-max-width-tablet, var(--94vzsf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--94vzsf-background-imageRatio-mobile, var(--94vzsf-background-imageRatio, auto)); border-width: var(--94vzsf-borderWidth-tl-mobile,0px) var(--94vzsf-borderWidth-tr-mobile,0px) var(--94vzsf-borderWidth-br-mobile,0px) var(--94vzsf-borderWidth-bl-mobile,0px); border-radius: var(--94vzsf-borderRadius-tl-mobile,0px) var(--94vzsf-borderRadius-tr-mobile,0px) var(--94vzsf-borderRadius-br-mobile,0px) var(--94vzsf-borderRadius-bl-mobile,0px); max-width: var(--94vzsf-max-width-mobile, var(--94vzsf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--94vzsf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--94vzsf-gap,var(--beae-card-gap)); padding-top: var(--94vzsf-padding-top,var(--beae-card-padding)); padding-right: var(--94vzsf-padding-right,var(--beae-card-padding)); padding-bottom: var(--94vzsf-padding-bottom,var(--beae-card-padding)); padding-left: var(--94vzsf-padding-left,var(--beae-card-padding)); border-width: var(--94vzsf-borderWidth,var(--beae-card-border-width)); border-width: var(--94vzsf-borderWidth-tl,var(--beae-card-border-width)) var(--94vzsf-borderWidth-tr,var(--beae-card-border-width)) var(--94vzsf-borderWidth-br,var(--beae-card-border-width)) var(--94vzsf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--94vzsf-borderRadius-tl,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-tr,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-br,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--94vzsf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--94vzsf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--94vzsf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--94vzsf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--94vzsf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--94vzsf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--94vzsf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--94vzsf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--94vzsf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--94vzsf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--94vzsf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--94vzsf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--94vzsf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--94vzsf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--94vzsf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--94vzsf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--94vzsf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--94vzsf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--94vzsf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--94vzsf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--94vzsf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--94vzsf-background-color,var(--beae-card-featured-background)); border-color: var(--94vzsf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal, var(--beae-card-shadow-x)) var(--94vzsf-shadowVertical, var(--beae-card-shadow-y)) var(--94vzsf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--94vzsf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--94vzsf-background-color,var(--beae-card-prod-background)); border-color: var(--94vzsf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal, var(--beae-card-shadow-x)) var(--94vzsf-shadowVertical, var(--beae-card-shadow-y)) var(--94vzsf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--94vzsf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--94vzsf-background-color,var(--beae-card-pricing-background)); border-color: var(--94vzsf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal, var(--beae-card-shadow-x)) var(--94vzsf-shadowVertical, var(--beae-card-shadow-y)) var(--94vzsf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--94vzsf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--94vzsf-background-color,var(--beae-card-cta-background)); border-color: var(--94vzsf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal, var(--beae-card-shadow-x)) var(--94vzsf-shadowVertical, var(--beae-card-shadow-y)) var(--94vzsf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--94vzsf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--94vzsf-background-color,var(--beae-card-media-background)); border-color: var(--94vzsf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--94vzsf-enableShadow: true): var(--94vzsf-shadowHorizontal, var(--beae-card-shadow-x)) var(--94vzsf-shadowVertical, var(--beae-card-shadow-y)) var(--94vzsf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--94vzsf-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-4pnc81"] [data-bnode="beae-tgo888"] { margin-top: var(--tgo888-margin-top, 0px); margin-right: var(--tgo888-margin-right, 0px); margin-bottom: var(--tgo888-margin-bottom, 0px); margin-left: var(--tgo888-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tgo888-margin-top-tablet, 0px); margin-right: var(--tgo888-margin-right-tablet, 0px); margin-bottom: var(--tgo888-margin-bottom-tablet, 0px); margin-left: var(--tgo888-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tgo888-margin-top-mobile, 0px); margin-right: var(--tgo888-margin-right-mobile, 0px); margin-bottom: var(--tgo888-margin-bottom-mobile, 0px); margin-left: var(--tgo888-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--tgo888-highlightColor,var(--beae-p-color)); top: var(--tgo888-highlightTop, 100%); } } [data-bnode="beae-4pnc81"] [data-bnode="beae-gsdzg2"] { margin-top: var(--gsdzg2-margin-top, 0px); margin-right: var(--gsdzg2-margin-right, 0px); margin-bottom: var(--gsdzg2-margin-bottom, 0px); margin-left: var(--gsdzg2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gsdzg2-margin-top-tablet, 0px); margin-right: var(--gsdzg2-margin-right-tablet, 0px); margin-bottom: var(--gsdzg2-margin-bottom-tablet, 0px); margin-left: var(--gsdzg2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gsdzg2-margin-top-mobile, 0px); margin-right: var(--gsdzg2-margin-right-mobile, 0px); margin-bottom: var(--gsdzg2-margin-bottom-mobile, 0px); margin-left: var(--gsdzg2-margin-left-mobile, 0px); } } [data-bnode="beae-4pnc81"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4pnc81"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4pnc81"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4pnc81"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lci5t9"] {     display: flex;     flex-direction: var(--lci5t9-direction, column);     flex-wrap: nowrap;     justify-content: var(--lci5t9-justify-content);     align-items: var(--lci5t9-align-items);     gap: var(--lci5t9-gap, var(--lci5t9-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lci5t9"] {                            gap: var(--lci5t9-gap-tablet, var(--lci5t9-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--lci5t9-padding-right-tablet, 0px) - var(--lci5t9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lci5t9"] {                            gap: var(--lci5t9-gap-mobile, var(--lci5t9-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--lci5t9-padding-right-mobile, 0px) - var(--lci5t9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wbwo2t"] {     display: flex;     flex-direction: var(--wbwo2t-direction, column);     flex-wrap: nowrap;     justify-content: var(--wbwo2t-justify-content);     align-items: var(--wbwo2t-align-items);     gap: var(--wbwo2t-gap, var(--wbwo2t-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wbwo2t"] {                            gap: var(--wbwo2t-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wbwo2t-padding-right-tablet, 0px) - var(--wbwo2t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wbwo2t"] {                            gap: var(--wbwo2t-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wbwo2t-padding-right-mobile, 0px) - var(--wbwo2t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-94vzsf"] {     display: flex;     flex-direction: var(--94vzsf-direction, column);     flex-wrap: nowrap;     justify-content: var(--94vzsf-justify-content);     align-items: var(--94vzsf-align-items);     gap: var(--94vzsf-gap, var(--94vzsf-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-94vzsf"] {                            gap: var(--94vzsf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--94vzsf-padding-right-tablet, 0px) - var(--94vzsf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-94vzsf"] {                            gap: var(--94vzsf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--94vzsf-padding-right-mobile, 0px) - var(--94vzsf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-u8syfq"] { --u8syfq-width: 1600px; --u8syfq-width-tablet: 1600px; --u8syfq-width-mobile: 1600px; --u8syfq-height: fit-content; --u8syfq-height-tablet: fit-content; --u8syfq-height-mobile: fit-content; --u8syfq-padding-top: 80px; --u8syfq-padding-top-tablet: 80px; --u8syfq-padding-top-mobile: 80px; --u8syfq-padding-right: 30px; --u8syfq-padding-right-tablet: 28px; --u8syfq-padding-right-mobile: 16px; --u8syfq-padding-bottom: 80px; --u8syfq-padding-bottom-tablet: 80px; --u8syfq-padding-bottom-mobile: 80px; --u8syfq-padding-left: 30px; --u8syfq-padding-left-tablet: 28px; --u8syfq-padding-left-mobile: 16px; --u8syfq-background-type: color; --u8syfq-background-type-tablet: color; --u8syfq-background-type-mobile: color; --u8syfq-background-color: #f2f4f9; --u8syfq-background-color-tablet: #f2f4f9; --u8syfq-background-color-mobile: #f2f4f9; --u8syfq-gap: 40px; --u8syfq-gap-tablet: 40px; --u8syfq-gap-mobile: 40px; }[data-bnode="beae-u8syfq"] { padding-top: var(--u8syfq-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--u8syfq-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--u8syfq-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--u8syfq-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u8syfq-padding-top-tablet, var(--u8syfq-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--u8syfq-padding-right-tablet, var(--u8syfq-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--u8syfq-padding-bottom-tablet, var(--u8syfq-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--u8syfq-padding-left-tablet, var(--u8syfq-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u8syfq-padding-top-mobile, var(--u8syfq-padding-top-tablet, var(--u8syfq-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--u8syfq-padding-right-mobile, var(--u8syfq-padding-right-tablet, var(--u8syfq-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--u8syfq-padding-bottom-mobile, var(--u8syfq-padding-bottom-tablet, var(--u8syfq-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--u8syfq-padding-left-mobile, var(--u8syfq-padding-left-tablet, var(--u8syfq-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--u8syfq-padding-left, var(--beae-section-padding-x, 0px)) - var(--u8syfq-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--u8syfq-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--u8syfq-height); width: 100%; max-width: var(--u8syfq-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--u8syfq-height-tablet, auto); width: 100%; max-width: var(--u8syfq-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--u8syfq-height-mobile, auto); width: 100%; max-width: var(--u8syfq-width-mobile, 100%); } } } }[data-bnode="beae-u8syfq"] > .beae-section-container{     display: flex;     flex-direction: var(--u8syfq-direction, column);     flex-wrap: nowrap;     justify-content: var(--u8syfq-justify-content);     align-items: var(--u8syfq-align-items);     gap: var(--u8syfq-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-u8syfq"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--u8syfq-padding-right-tablet, 0px) - var(--u8syfq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u8syfq"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--u8syfq-padding-right-mobile, 0px) - var(--u8syfq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-y4jt5t"] { --y4jt5t-gap: 12px; --y4jt5t-gap-tablet: 12px; --y4jt5t-gap-mobile: 12px; }[data-bnode="beae-y4jt5t"] { padding-top: var(--y4jt5t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--y4jt5t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--y4jt5t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--y4jt5t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--y4jt5t-padding-top-tablet, var(--y4jt5t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--y4jt5t-padding-right-tablet, var(--y4jt5t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--y4jt5t-padding-bottom-tablet, var(--y4jt5t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--y4jt5t-padding-left-tablet, var(--y4jt5t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--y4jt5t-padding-top-mobile, var(--y4jt5t-padding-top-tablet, var(--y4jt5t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--y4jt5t-padding-right-mobile, var(--y4jt5t-padding-right-tablet, var(--y4jt5t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--y4jt5t-padding-bottom-mobile, var(--y4jt5t-padding-bottom-tablet, var(--y4jt5t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--y4jt5t-padding-left-mobile, var(--y4jt5t-padding-left-tablet, var(--y4jt5t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--y4jt5t-padding-left, var(--beae-slot-padding-x, 0px)) - var(--y4jt5t-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--y4jt5t-background-imageRatio, auto); background: var(--y4jt5t-background-color,transparent); border-style: var(--y4jt5t-borderStyle,solid); border-color: var(--y4jt5t-borderColor,#000000); border-width: var(--y4jt5t-borderWidth-tl,0px) var(--y4jt5t-borderWidth-tr,0px) var(--y4jt5t-borderWidth-br,0px) var(--y4jt5t-borderWidth-bl,0px); border-radius: var(--y4jt5t-borderRadius-tl,0px) var(--y4jt5t-borderRadius-tr,0px) var(--y4jt5t-borderRadius-br,0px) var(--y4jt5t-borderRadius-bl,0px); box-shadow: if(style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal,0) var(--y4jt5t-shadowVertical,0) var(--y4jt5t-shadowBlur,0) 1px var(--y4jt5t-shadowColor,#000000); else: none); max-width: var(--y4jt5t-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--y4jt5t-background-imageRatio-tablet, var(--y4jt5t-background-imageRatio, auto)); border-width: var(--y4jt5t-borderWidth-tl-tablet,0px) var(--y4jt5t-borderWidth-tr-tablet,0px) var(--y4jt5t-borderWidth-br-tablet,0px) var(--y4jt5t-borderWidth-bl-tablet,0px); border-radius: var(--y4jt5t-borderRadius-tl-tablet,0px) var(--y4jt5t-borderRadius-tr-tablet,0px) var(--y4jt5t-borderRadius-br-tablet,0px) var(--y4jt5t-borderRadius-bl-tablet,0px); max-width: var(--y4jt5t-max-width-tablet, var(--y4jt5t-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--y4jt5t-background-imageRatio-mobile, var(--y4jt5t-background-imageRatio, auto)); border-width: var(--y4jt5t-borderWidth-tl-mobile,0px) var(--y4jt5t-borderWidth-tr-mobile,0px) var(--y4jt5t-borderWidth-br-mobile,0px) var(--y4jt5t-borderWidth-bl-mobile,0px); border-radius: var(--y4jt5t-borderRadius-tl-mobile,0px) var(--y4jt5t-borderRadius-tr-mobile,0px) var(--y4jt5t-borderRadius-br-mobile,0px) var(--y4jt5t-borderRadius-bl-mobile,0px); max-width: var(--y4jt5t-max-width-mobile, var(--y4jt5t-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--y4jt5t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--y4jt5t-gap,var(--beae-card-gap)); padding-top: var(--y4jt5t-padding-top,var(--beae-card-padding)); padding-right: var(--y4jt5t-padding-right,var(--beae-card-padding)); padding-bottom: var(--y4jt5t-padding-bottom,var(--beae-card-padding)); padding-left: var(--y4jt5t-padding-left,var(--beae-card-padding)); border-width: var(--y4jt5t-borderWidth,var(--beae-card-border-width)); border-width: var(--y4jt5t-borderWidth-tl,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-tr,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-br,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--y4jt5t-borderRadius-tl,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-tr,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-br,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--y4jt5t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--y4jt5t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--y4jt5t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--y4jt5t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--y4jt5t-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--y4jt5t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--y4jt5t-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--y4jt5t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--y4jt5t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--y4jt5t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--y4jt5t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--y4jt5t-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--y4jt5t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--y4jt5t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--y4jt5t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--y4jt5t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--y4jt5t-background-color,var(--beae-card-featured-background)); border-color: var(--y4jt5t-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal, var(--beae-card-shadow-x)) var(--y4jt5t-shadowVertical, var(--beae-card-shadow-y)) var(--y4jt5t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y4jt5t-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--y4jt5t-background-color,var(--beae-card-prod-background)); border-color: var(--y4jt5t-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal, var(--beae-card-shadow-x)) var(--y4jt5t-shadowVertical, var(--beae-card-shadow-y)) var(--y4jt5t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y4jt5t-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--y4jt5t-background-color,var(--beae-card-pricing-background)); border-color: var(--y4jt5t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal, var(--beae-card-shadow-x)) var(--y4jt5t-shadowVertical, var(--beae-card-shadow-y)) var(--y4jt5t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y4jt5t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--y4jt5t-background-color,var(--beae-card-cta-background)); border-color: var(--y4jt5t-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal, var(--beae-card-shadow-x)) var(--y4jt5t-shadowVertical, var(--beae-card-shadow-y)) var(--y4jt5t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y4jt5t-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--y4jt5t-background-color,var(--beae-card-media-background)); border-color: var(--y4jt5t-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--y4jt5t-enableShadow: true): var(--y4jt5t-shadowHorizontal, var(--beae-card-shadow-x)) var(--y4jt5t-shadowVertical, var(--beae-card-shadow-y)) var(--y4jt5t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y4jt5t-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-y4jt5t"] {     display: flex;     flex-direction: var(--y4jt5t-direction, column);     flex-wrap: nowrap;     justify-content: var(--y4jt5t-justify-content);     align-items: var(--y4jt5t-align-items);     gap: var(--y4jt5t-gap, var(--y4jt5t-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-y4jt5t"] {                            gap: var(--y4jt5t-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--y4jt5t-padding-right-tablet, 0px) - var(--y4jt5t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-y4jt5t"] {                            gap: var(--y4jt5t-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--y4jt5t-padding-right-mobile, 0px) - var(--y4jt5t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xty590"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --xty590-typography: h2; --xty590-typography-tablet: h2; --xty590-typography-mobile: h2; }[data-bnode="beae-xty590"] { margin-top: var(--xty590-margin-top, 0px); margin-right: var(--xty590-margin-right, 0px); margin-bottom: var(--xty590-margin-bottom, 0px); margin-left: var(--xty590-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xty590-margin-top-tablet, 0px); margin-right: var(--xty590-margin-right-tablet, 0px); margin-bottom: var(--xty590-margin-bottom-tablet, 0px); margin-left: var(--xty590-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xty590-margin-top-mobile, 0px); margin-right: var(--xty590-margin-right-mobile, 0px); margin-bottom: var(--xty590-margin-bottom-mobile, 0px); margin-left: var(--xty590-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--xty590-highlightColor,var(--beae-p-color)); top: var(--xty590-highlightTop, 100%); } }[data-bnode="beae-fmr1o6"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --fmr1o6-typography: p; --fmr1o6-typography-tablet: p; --fmr1o6-typography-mobile: p; }[data-bnode="beae-fmr1o6"] { margin-top: var(--fmr1o6-margin-top, 0px); margin-right: var(--fmr1o6-margin-right, 0px); margin-bottom: var(--fmr1o6-margin-bottom, 0px); margin-left: var(--fmr1o6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fmr1o6-margin-top-tablet, 0px); margin-right: var(--fmr1o6-margin-right-tablet, 0px); margin-bottom: var(--fmr1o6-margin-bottom-tablet, 0px); margin-left: var(--fmr1o6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fmr1o6-margin-top-mobile, 0px); margin-right: var(--fmr1o6-margin-right-mobile, 0px); margin-bottom: var(--fmr1o6-margin-bottom-mobile, 0px); margin-left: var(--fmr1o6-margin-left-mobile, 0px); } }[data-bnode="beae-pzjilt"] { --pzjilt-columns: 4.6; --pzjilt-columns-tablet: 2.8; --pzjilt-columns-mobile: 1; --pzjilt-gap: 20px; --pzjilt-gap-tablet: 16px; --pzjilt-gap-mobile: 16px; --pzjilt-navType: true; --pzjilt-navType-tablet: true; --pzjilt-navType-mobile: true; --pzjilt-pagiType: false; --pzjilt-pagiType-tablet: false; --pzjilt-pagiType-mobile: false; --pzjilt-listType: slider; --pzjilt-listType-tablet: slider; --pzjilt-listType-mobile: slider; --pzjilt-stateNavigation: normal; --pzjilt-stateNavigation-tablet: normal; --pzjilt-stateNavigation-mobile: normal; --pzjilt-statePagination: normal; --pzjilt-statePagination-tablet: normal; --pzjilt-statePagination-mobile: normal; --pzjilt-stateNavigtion: normal; --pzjilt-stateNavigtion-tablet: normal; --pzjilt-stateNavigtion-mobile: normal; --pzjilt-navBg: #143052; --pzjilt-navBg-tablet: #143052; --pzjilt-navBg-mobile: #143052; --pzjilt-navColor: #fff; --pzjilt-navColor-tablet: #fff; --pzjilt-navColor-mobile: #fff; --pzjilt-navIconSize: 20px; --pzjilt-navIconSize-tablet: 20px; --pzjilt-navIconSize-mobile: 20px; --pzjilt-columnsMobile-mobile: 1; } [data-bnode="beae-pzjilt"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-pzjilt"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-pzjilt"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-pzjilt"] [data-bnode="beae-qlhp92"] { --qlhp92-width: 100%; --qlhp92-imageRatio: 2/3; --qlhp92-objFit: cover; --qlhp92-borderColor: #000000; --qlhp92-shadowColor: #000000; --qlhp92-borderStyle: none; --qlhp92-enableShadow: false; --qlhp92-borderRadius-tl: 24px; --qlhp92-borderRadius-tr: 24px; --qlhp92-borderRadius-bl: 24px; --qlhp92-borderRadius-br: 24px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-7corzx"] { --7corzx-typography: h4; --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 18px; --beae-h4-color: #ffffff; --beae-h4-font-weight: 700; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: capitalize; } [data-bnode="beae-pzjilt"] [data-bnode="beae-hex9wp"] { --hex9wp-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --hex9wp-margin-top: 0px; --hex9wp-margin-right: 0px; --hex9wp-margin-bottom: 0px; --hex9wp-margin-left: 0px; --hex9wp-margin-top-tablet: 1px; --hex9wp-margin-right-tablet: 0px; --hex9wp-margin-bottom-tablet: 0px; --hex9wp-margin-left-tablet: 0px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-rq7uvf"] { --rq7uvf-direction: column; --rq7uvf-structure: auto; --rq7uvf-gap: 12px; --rq7uvf-padding-top: 0px; --rq7uvf-padding-right: 0px; --rq7uvf-padding-bottom: 0px; --rq7uvf-padding-left: 0px; --rq7uvf-padding-top-tablet: 0px; --rq7uvf-padding-right-tablet: 20px; --rq7uvf-padding-bottom-tablet: 0px; --rq7uvf-padding-left-tablet: 20px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-0411qd"] { --0411qd-direction: row; --0411qd-structure: columns; --0411qd-structure-tablet: auto; --0411qd-direction-tablet: row-reverse; } [data-bnode="beae-pzjilt"] [data-bnode="beae-92pe7p"] { --92pe7p-backgroundColor: #143052; } [data-bnode="beae-pzjilt"] [data-bnode="beae-w1x2e6"] { --w1x2e6-size: 40px; --w1x2e6-iconColor: #ffffff; --w1x2e6-backgroundColor: #1f487a; --w1x2e6-padding: 12px; --w1x2e6-enableShadow: false; --w1x2e6-borderRadius-tl: 99px; --w1x2e6-borderRadius-tr: 99px; --w1x2e6-borderRadius-bl: 99px; --w1x2e6-borderRadius-br: 99px; --w1x2e6-margin-top: 0px; --w1x2e6-margin-right: 0px; --w1x2e6-margin-bottom: 0px; --w1x2e6-margin-left: 0px; --w1x2e6-borderRadius-tl-tablet: 99px; --w1x2e6-borderRadius-tr-tablet: 99px; --w1x2e6-borderRadius-bl-tablet: 99px; --w1x2e6-borderRadius-br-tablet: 99px; --w1x2e6-margin-top-tablet: 0px; --w1x2e6-margin-right-tablet: 0px; --w1x2e6-margin-bottom-tablet: 0px; --w1x2e6-margin-left-tablet: 252px; --w1x2e6-borderRadius-tl-mobile: 90px; --w1x2e6-borderRadius-tr-mobile: 90px; --w1x2e6-borderRadius-bl-mobile: 90px; --w1x2e6-borderRadius-br-mobile: 90px; --w1x2e6-margin-top-mobile: 0px; --w1x2e6-margin-right-mobile: 0px; --w1x2e6-margin-bottom-mobile: 0px; --w1x2e6-margin-left-mobile: 0px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-y4jt5t"] { --y4jt5t-direction: column; --y4jt5t-structure: auto; --y4jt5t-align-items: flex-start; --y4jt5t-gap: 16px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-c7kwjv"] { --c7kwjv-size: 40px; --c7kwjv-iconColor: #fff; --c7kwjv-backgroundColor: #1f487a; --c7kwjv-padding: 12px; --c7kwjv-enableShadow: false; --c7kwjv-borderRadius-tl: 99px; --c7kwjv-borderRadius-tr: 99px; --c7kwjv-borderRadius-bl: 99px; --c7kwjv-borderRadius-br: 99px; --c7kwjv-borderRadius-tl-tablet: 99px; --c7kwjv-borderRadius-tr-tablet: 99px; --c7kwjv-borderRadius-bl-tablet: 99px; --c7kwjv-borderRadius-br-tablet: 99px; --c7kwjv-borderRadius-tl-mobile: 99px; --c7kwjv-borderRadius-tr-mobile: 99px; --c7kwjv-borderRadius-bl-mobile: 99px; --c7kwjv-borderRadius-br-mobile: 99px; } [data-bnode="beae-pzjilt"] [data-bnode="beae-9qp5xj"] { --9qp5xj-size: 40px; --9qp5xj-iconColor: #ffffff; --9qp5xj-backgroundColor: #1F487A; --9qp5xj-padding: 10px; --9qp5xj-enableShadow: false; --9qp5xj-borderRadius-tl: 99px; --9qp5xj-borderRadius-tr: 99px; --9qp5xj-borderRadius-bl: 99px; --9qp5xj-borderRadius-br: 99px; --9qp5xj-borderRadius-tl-tablet: 99px; --9qp5xj-borderRadius-tr-tablet: 99px; --9qp5xj-borderRadius-bl-tablet: 99px; --9qp5xj-borderRadius-br-tablet: 99px; --9qp5xj-borderRadius-tl-mobile: 99px; --9qp5xj-borderRadius-tr-mobile: 99px; --9qp5xj-borderRadius-bl-mobile: 99px; --9qp5xj-borderRadius-br-mobile: 99px; } [data-bnode="beae-pzjilt"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 0px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-pzjilt"] { margin-top: var(--pzjilt-margin-top, 0px); margin-right: var(--pzjilt-margin-right, 0px); margin-bottom: var(--pzjilt-margin-bottom, 0px); margin-left: var(--pzjilt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pzjilt-margin-top-tablet, 0px); margin-right: var(--pzjilt-margin-right-tablet, 0px); margin-bottom: var(--pzjilt-margin-bottom-tablet, 0px); margin-left: var(--pzjilt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pzjilt-margin-top-mobile, 0px); margin-right: var(--pzjilt-margin-right-mobile, 0px); margin-bottom: var(--pzjilt-margin-bottom-mobile, 0px); margin-left: var(--pzjilt-margin-left-mobile, 0px); } &.beae-content-list { overflow: hidden; .beae-slider-item { position: relative; } .beae-slider-item-content { position: absolute; padding-inline: 16px; padding-block: 24px; border-radius: 22px; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: white; opacity: 0; transform: translateY(100%); transition: all 0.3s ease; } .beae-slider-item:hover .beae-slider-item-content { opacity: 1; transform: translateY(0); } @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--pzjilt-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--pzjilt-gap,20px) * (var(--pzjilt-columns, 3) - 1) + 1px) / var(--pzjilt-columns, 3)); &:last-child{ margin-right: var(--pzjilt-gap,20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--pzjilt-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pzjilt-columns) - 1) * var(--pzjilt-gap,20px)) / var(--pzjilt-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--pzjilt-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--pzjilt-gap-tablet,20px) * (var(--pzjilt-columns-tablet, 3) - 1)) / var(--pzjilt-columns-tablet, 3)); &:last-child{ margin-right: var(--pzjilt-gap-tablet,20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--pzjilt-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pzjilt-columns-tablet) - 1) * var(--pzjilt-gap-tablet,20px)) / var(--pzjilt-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--pzjilt-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--pzjilt-gap-mobile,20px) * (var(--pzjilt-columnsMobile-mobile, 1) - 1)) / var(--pzjilt-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--pzjilt-gap-mobile,20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--pzjilt-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pzjilt-columnsMobile-mobile) - 1) * var(--pzjilt-gap-mobile,20px)) / var(--pzjilt-columnsMobile-mobile) ); } } } } .beae-slider-controls-wrp { display: flex; justify-content: end; gap: 20px; padding-right: 10%; z-index: 99; position: relative; } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { position: unset; width: fit-content; transform: none; margin-top: 20px; opacity: 1; padding: var(--pzjilt-navPadding,12px); background:var(--pzjilt-navBg,#F5F5F5); color: var(--pzjilt-navColor,#333333); cursor: pointer; &:hover { background:var(--pzjilt-navBgHover,#CCCCCC); color: var(--pzjilt-navColorHover,#333333); } svg { width: var(--pzjilt-navIconSize,20px); height: var(--pzjilt-navIconSize,20px); } } .beae-slider-nav-left.disabled, .beae-slider-nav-right.disabled { opacity: 0.4; } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pzjilt-pagiBg,#E6E6E6); &.active { background:var(--pzjilt-pagiBgActive,#181818); } &:not(.active):hover { background:var(--pzjilt-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--pzjilt-pagiColor,#e6e6e6); &.active { color:var(--pzjilt-pagiColorActive,#181818); } &:not(.active):hover { color: var(--pzjilt-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--pzjilt-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pzjilt-pagiBg,#E6E6E6); &.active { background: var(--pzjilt-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--pzjilt-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-pzjilt"] [data-bnode="beae-qlhp92"] { margin-top: var(--qlhp92-margin-top, 0px); margin-right: var(--qlhp92-margin-right, 0px); margin-bottom: var(--qlhp92-margin-bottom, 0px); margin-left: var(--qlhp92-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qlhp92-margin-top-tablet, 0px); margin-right: var(--qlhp92-margin-right-tablet, 0px); margin-bottom: var(--qlhp92-margin-bottom-tablet, 0px); margin-left: var(--qlhp92-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qlhp92-margin-top-mobile, 0px); margin-right: var(--qlhp92-margin-right-mobile, 0px); margin-bottom: var(--qlhp92-margin-bottom-mobile, 0px); margin-left: var(--qlhp92-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--qlhp92-width,100%) - var(--qlhp92-margin-left,0px) - var(--qlhp92-margin-right,0px)); min-height: min-content; border-style: var(--qlhp92-borderStyle,solid); border-color: var(--qlhp92-borderColor,#000000); border-width: var(--qlhp92-borderWidth-tl,0px) var(--qlhp92-borderWidth-tr,0px) var(--qlhp92-borderWidth-br,0px) var(--qlhp92-borderWidth-bl,0px); border-radius: var(--qlhp92-borderRadius-tl,0px) var(--qlhp92-borderRadius-tr,0px) var(--qlhp92-borderRadius-br,0px) var(--qlhp92-borderRadius-bl,0px); aspect-ratio: var(--qlhp92-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qlhp92-borderWidth-tl-tablet, var(--qlhp92-borderWidth-tl,0px)) var(--qlhp92-borderWidth-tr-tablet, var(--qlhp92-borderWidth-tr,0px)) var(--qlhp92-borderWidth-br-tablet, var(--qlhp92-borderWidth-br,0px)) var(--qlhp92-borderWidth-bl-tablet, var(--qlhp92-borderWidth-bl,0px)); border-radius: var(--qlhp92-borderRadius-tl-tablet, var(--qlhp92-borderRadius-tl,0px)) var(--qlhp92-borderRadius-tr-tablet, var(--qlhp92-borderRadius-tr,0px)) var(--qlhp92-borderRadius-br-tablet, var(--qlhp92-borderRadius-br,0px)) var(--qlhp92-borderRadius-bl-tablet, var(--qlhp92-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--qlhp92-borderWidth-tl-mobile, var(--qlhp92-borderWidth-tl,0px)) var(--qlhp92-borderWidth-tr-mobile, var(--qlhp92-borderWidth-tr,0px)) var(--qlhp92-borderWidth-br-mobile, var(--qlhp92-borderWidth-br,0px)) var(--qlhp92-borderWidth-bl-mobile, var(--qlhp92-borderWidth-bl,0px)); border-radius: var(--qlhp92-borderRadius-tl-mobile, var(--qlhp92-borderRadius-tl,0px)) var(--qlhp92-borderRadius-tr-mobile, var(--qlhp92-borderRadius-tr,0px)) var(--qlhp92-borderRadius-br-mobile, var(--qlhp92-borderRadius-br,0px)) var(--qlhp92-borderRadius-bl-mobile, var(--qlhp92-borderRadius-bl,0px)); } box-shadow: if( style(--qlhp92-enableShadow: true): var(--qlhp92-shadowHorizontal, 0) var(--qlhp92-shadowVertical, 0) var(--qlhp92-shadowBlur, 0) 1px var(--qlhp92-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--qlhp92-overlayColor-color, #000); opacity: var(--qlhp92-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--qlhp92-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--qlhp92-width-tablet,var(--qlhp92-width,100%)) - var(--qlhp92-margin-left-tablet,var(--qlhp92-margin-left,0px)) - var(--qlhp92-margin-right-tablet,var(--qlhp92-margin-right,0px))); aspect-ratio: var(--qlhp92-imageRatio-tablet, var(--qlhp92-imageRatio, auto)); img { object-fit: var(--qlhp92-objFit-tablet, var(--qlhp92-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--qlhp92-width-mobile,var(--qlhp92-width,100%)) - var(--qlhp92-margin-left-mobile,var(--qlhp92-margin-left,0px)) - var(--qlhp92-margin-right-mobile,var(--qlhp92-margin-right,0px))); aspect-ratio: var(--qlhp92-imageRatio-mobile, var(--qlhp92-imageRatio, auto)); img { object-fit: var(--qlhp92-objFit-mobile, var(--qlhp92-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-pzjilt"] [data-bnode="beae-rq7uvf"] { padding-top: var(--rq7uvf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rq7uvf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rq7uvf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rq7uvf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rq7uvf-padding-top-tablet, var(--rq7uvf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rq7uvf-padding-right-tablet, var(--rq7uvf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rq7uvf-padding-bottom-tablet, var(--rq7uvf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rq7uvf-padding-left-tablet, var(--rq7uvf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rq7uvf-padding-top-mobile, var(--rq7uvf-padding-top-tablet, var(--rq7uvf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rq7uvf-padding-right-mobile, var(--rq7uvf-padding-right-tablet, var(--rq7uvf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rq7uvf-padding-bottom-mobile, var(--rq7uvf-padding-bottom-tablet, var(--rq7uvf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rq7uvf-padding-left-mobile, var(--rq7uvf-padding-left-tablet, var(--rq7uvf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rq7uvf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rq7uvf-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: absolute !important; top: 20px; left: 20px; right: 20px; aspect-ratio: var(--rq7uvf-background-imageRatio, auto); background: var(--rq7uvf-background-color); border-style: var(--rq7uvf-borderStyle,solid); border-color: var(--rq7uvf-borderColor,#000000); border-width: var(--rq7uvf-borderWidth-tl,0px) var(--rq7uvf-borderWidth-tr,0px) var(--rq7uvf-borderWidth-br,0px) var(--rq7uvf-borderWidth-bl,0px); border-radius: var(--rq7uvf-borderRadius-tl,0px) var(--rq7uvf-borderRadius-tr,0px) var(--rq7uvf-borderRadius-br,0px) var(--rq7uvf-borderRadius-bl,0px); box-shadow: if(style(--rq7uvf-enableShadow: true): var(--rq7uvf-shadowHorizontal,0) var(--rq7uvf-shadowVertical,0) var(--rq7uvf-shadowBlur,0) 1px var(--rq7uvf-shadowColor,#000000); else: none); max-width: var(--rq7uvf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rq7uvf-background-imageRatio-tablet, var(--rq7uvf-background-imageRatio, auto)); border-width: var(--rq7uvf-borderWidth-tl-tablet,0px) var(--rq7uvf-borderWidth-tr-tablet,0px) var(--rq7uvf-borderWidth-br-tablet,0px) var(--rq7uvf-borderWidth-bl-tablet,0px); border-radius: var(--rq7uvf-borderRadius-tl-tablet,0px) var(--rq7uvf-borderRadius-tr-tablet,0px) var(--rq7uvf-borderRadius-br-tablet,0px) var(--rq7uvf-borderRadius-bl-tablet,0px); max-width: var(--rq7uvf-max-width-tablet, var(--rq7uvf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rq7uvf-background-imageRatio-mobile, var(--rq7uvf-background-imageRatio, auto)); border-width: var(--rq7uvf-borderWidth-tl-mobile,0px) var(--rq7uvf-borderWidth-tr-mobile,0px) var(--rq7uvf-borderWidth-br-mobile,0px) var(--rq7uvf-borderWidth-bl-mobile,0px); border-radius: var(--rq7uvf-borderRadius-tl-mobile,0px) var(--rq7uvf-borderRadius-tr-mobile,0px) var(--rq7uvf-borderRadius-br-mobile,0px) var(--rq7uvf-borderRadius-bl-mobile,0px); max-width: var(--rq7uvf-max-width-mobile, var(--rq7uvf-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-pzjilt"] [data-bnode="beae-hex9wp"] { margin-top: var(--hex9wp-margin-top, 0px); margin-right: var(--hex9wp-margin-right, 0px); margin-bottom: var(--hex9wp-margin-bottom, 0px); margin-left: var(--hex9wp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hex9wp-margin-top-tablet, 0px); margin-right: var(--hex9wp-margin-right-tablet, 0px); margin-bottom: var(--hex9wp-margin-bottom-tablet, 0px); margin-left: var(--hex9wp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hex9wp-margin-top-mobile, 0px); margin-right: var(--hex9wp-margin-right-mobile, 0px); margin-bottom: var(--hex9wp-margin-bottom-mobile, 0px); margin-left: var(--hex9wp-margin-left-mobile, 0px); } } [data-bnode="beae-pzjilt"] [data-bnode="beae-7corzx"] { margin-top: var(--7corzx-margin-top, 0px); margin-right: var(--7corzx-margin-right, 0px); margin-bottom: var(--7corzx-margin-bottom, 0px); margin-left: var(--7corzx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7corzx-margin-top-tablet, 0px); margin-right: var(--7corzx-margin-right-tablet, 0px); margin-bottom: var(--7corzx-margin-bottom-tablet, 0px); margin-left: var(--7corzx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7corzx-margin-top-mobile, 0px); margin-right: var(--7corzx-margin-right-mobile, 0px); margin-bottom: var(--7corzx-margin-bottom-mobile, 0px); margin-left: var(--7corzx-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--7corzx-highlightColor,var(--beae-p-color)); top: var(--7corzx-highlightTop, 100%); } } [data-bnode="beae-pzjilt"] [data-bnode="beae-0411qd"] { padding-top: var(--0411qd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0411qd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0411qd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0411qd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0411qd-padding-top-tablet, var(--0411qd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0411qd-padding-right-tablet, var(--0411qd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0411qd-padding-bottom-tablet, var(--0411qd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0411qd-padding-left-tablet, var(--0411qd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0411qd-padding-top-mobile, var(--0411qd-padding-top-tablet, var(--0411qd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0411qd-padding-right-mobile, var(--0411qd-padding-right-tablet, var(--0411qd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0411qd-padding-bottom-mobile, var(--0411qd-padding-bottom-tablet, var(--0411qd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0411qd-padding-left-mobile, var(--0411qd-padding-left-tablet, var(--0411qd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0411qd-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0411qd-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: absolute !important; bottom: 20px; right: 20px; width: fit-content; aspect-ratio: var(--0411qd-background-imageRatio, auto); background: var(--0411qd-background-color); border-style: var(--0411qd-borderStyle,solid); border-color: var(--0411qd-borderColor,#000000); border-width: var(--0411qd-borderWidth-tl,0px) var(--0411qd-borderWidth-tr,0px) var(--0411qd-borderWidth-br,0px) var(--0411qd-borderWidth-bl,0px); border-radius: var(--0411qd-borderRadius-tl,0px) var(--0411qd-borderRadius-tr,0px) var(--0411qd-borderRadius-br,0px) var(--0411qd-borderRadius-bl,0px); box-shadow: if(style(--0411qd-enableShadow: true): var(--0411qd-shadowHorizontal,0) var(--0411qd-shadowVertical,0) var(--0411qd-shadowBlur,0) 1px var(--0411qd-shadowColor,#000000); else: none); max-width: var(--0411qd-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0411qd-background-imageRatio-tablet, var(--0411qd-background-imageRatio, auto)); border-width: var(--0411qd-borderWidth-tl-tablet,0px) var(--0411qd-borderWidth-tr-tablet,0px) var(--0411qd-borderWidth-br-tablet,0px) var(--0411qd-borderWidth-bl-tablet,0px); border-radius: var(--0411qd-borderRadius-tl-tablet,0px) var(--0411qd-borderRadius-tr-tablet,0px) var(--0411qd-borderRadius-br-tablet,0px) var(--0411qd-borderRadius-bl-tablet,0px); max-width: var(--0411qd-max-width-tablet, var(--0411qd-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0411qd-background-imageRatio-mobile, var(--0411qd-background-imageRatio, auto)); border-width: var(--0411qd-borderWidth-tl-mobile,0px) var(--0411qd-borderWidth-tr-mobile,0px) var(--0411qd-borderWidth-br-mobile,0px) var(--0411qd-borderWidth-bl-mobile,0px); border-radius: var(--0411qd-borderRadius-tl-mobile,0px) var(--0411qd-borderRadius-tr-mobile,0px) var(--0411qd-borderRadius-br-mobile,0px) var(--0411qd-borderRadius-bl-mobile,0px); max-width: var(--0411qd-max-width-mobile, var(--0411qd-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-pzjilt"] [data-bnode="beae-9qp5xj"] { margin-top: var(--9qp5xj-margin-top, 0px); margin-right: var(--9qp5xj-margin-right, 0px); margin-bottom: var(--9qp5xj-margin-bottom, 0px); margin-left: var(--9qp5xj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9qp5xj-margin-top-tablet, 0px); margin-right: var(--9qp5xj-margin-right-tablet, 0px); margin-bottom: var(--9qp5xj-margin-bottom-tablet, 0px); margin-left: var(--9qp5xj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9qp5xj-margin-top-mobile, 0px); margin-right: var(--9qp5xj-margin-right-mobile, 0px); margin-bottom: var(--9qp5xj-margin-bottom-mobile, 0px); margin-left: var(--9qp5xj-margin-left-mobile, 0px); } & { display: block; padding: var(--9qp5xj-padding, 4px); border-style: var(--9qp5xj-borderStyle,solid); border-color: var(--9qp5xj-borderColor,#000000); border-width: var(--9qp5xj-borderWidth-tl,0px) var(--9qp5xj-borderWidth-tr,0px) var(--9qp5xj-borderWidth-br,0px) var(--9qp5xj-borderWidth-bl,0px); border-radius: var(--9qp5xj-borderRadius-tl,0px) var(--9qp5xj-borderRadius-tr,0px) var(--9qp5xj-borderRadius-br,0px) var(--9qp5xj-borderRadius-bl,0px); box-shadow: if( style(--9qp5xj-enableShadow: true): var(--9qp5xj-shadowHorizontal, 0) var(--9qp5xj-shadowVertical, 0) var(--9qp5xj-shadowBlur, 0) 1px var(--9qp5xj-shadowColor, #000000); else: none ); color: var(--9qp5xj-iconColor); background-color: var(--9qp5xj-backgroundColor); overflow: hidden; width: var(--9qp5xj-size, 28px); height: var(--9qp5xj-size, 28px); max-width: var(--9qp5xj-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--9qp5xj-borderWidth-tl-tablet,0px) var(--9qp5xj-borderWidth-tr-tablet,0px) var(--9qp5xj-borderWidth-br-tablet,0px) var(--9qp5xj-borderWidth-bl-tablet,0px); border-radius: var(--9qp5xj-borderRadius-tl-tablet,0px) var(--9qp5xj-borderRadius-tr-tablet,0px) var(--9qp5xj-borderRadius-br-tablet,0px) var(--9qp5xj-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--9qp5xj-borderWidth-tl-mobile,0px) var(--9qp5xj-borderWidth-tr-mobile,0px) var(--9qp5xj-borderWidth-br-mobile,0px) var(--9qp5xj-borderWidth-bl-mobile,0px); border-radius: var(--9qp5xj-borderRadius-tl-mobile,0px) var(--9qp5xj-borderRadius-tr-mobile,0px) var(--9qp5xj-borderRadius-br-mobile,0px) var(--9qp5xj-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-pzjilt"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pzjilt"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pzjilt"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pzjilt"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rq7uvf"] {     display: flex;     flex-direction: var(--rq7uvf-direction, column);     flex-wrap: nowrap;     justify-content: var(--rq7uvf-justify-content);     align-items: var(--rq7uvf-align-items);     gap: var(--rq7uvf-gap, var(--rq7uvf-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rq7uvf"] {                            gap: var(--rq7uvf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--rq7uvf-padding-right-tablet, 0px) - var(--rq7uvf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rq7uvf"] {                            gap: var(--rq7uvf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--rq7uvf-padding-right-mobile, 0px) - var(--rq7uvf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0411qd"] {     display: flex;     flex-direction: var(--0411qd-direction, column);     flex-wrap: nowrap;     justify-content: var(--0411qd-justify-content);     align-items: var(--0411qd-align-items);     gap: var(--0411qd-gap, var(--0411qd-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--0411qd-padding-right, 0px) - var(--0411qd-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0411qd"] {      flex-direction: var(--0411qd-direction-tablet, column);                      gap: var(--0411qd-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-0411qd"] {                            gap: var(--0411qd-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--0411qd-padding-right-mobile, 0px) - var(--0411qd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5rjp0m"] { --5rjp0m-width: 1600px; --5rjp0m-width-tablet: 1600px; --5rjp0m-width-mobile: 1600px; --5rjp0m-height: fit-content; --5rjp0m-height-tablet: fit-content; --5rjp0m-height-mobile: fit-content; --5rjp0m-padding-top: 80px; --5rjp0m-padding-top-tablet: 40px; --5rjp0m-padding-top-mobile: 40px; --5rjp0m-padding-right: 30px; --5rjp0m-padding-right-tablet: 28px; --5rjp0m-padding-right-mobile: 16px; --5rjp0m-padding-bottom: 80px; --5rjp0m-padding-bottom-tablet: 40px; --5rjp0m-padding-bottom-mobile: 40px; --5rjp0m-padding-left: 30px; --5rjp0m-padding-left-tablet: 28px; --5rjp0m-padding-left-mobile: 16px; --5rjp0m-direction: column; --5rjp0m-direction-tablet: column; --5rjp0m-direction-mobile: column; --5rjp0m-align-items: center; --5rjp0m-align-items-tablet: center; --5rjp0m-align-items-mobile: center; --5rjp0m-gap: 56px; --5rjp0m-gap-tablet: 56px; --5rjp0m-gap-mobile: 56px; }[data-bnode="beae-5rjp0m"] { padding-top: var(--5rjp0m-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5rjp0m-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5rjp0m-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5rjp0m-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5rjp0m-padding-top-tablet, var(--5rjp0m-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5rjp0m-padding-right-tablet, var(--5rjp0m-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5rjp0m-padding-bottom-tablet, var(--5rjp0m-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5rjp0m-padding-left-tablet, var(--5rjp0m-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5rjp0m-padding-top-mobile, var(--5rjp0m-padding-top-tablet, var(--5rjp0m-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5rjp0m-padding-right-mobile, var(--5rjp0m-padding-right-tablet, var(--5rjp0m-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5rjp0m-padding-bottom-mobile, var(--5rjp0m-padding-bottom-tablet, var(--5rjp0m-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5rjp0m-padding-left-mobile, var(--5rjp0m-padding-left-tablet, var(--5rjp0m-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--5rjp0m-padding-left, var(--beae-section-padding-x, 0px)) - var(--5rjp0m-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; *{ box-sizing: border-box; } & a{ text-decoration: none; } &.beae-section { background: var(--5rjp0m-background-color); max-width: 100%; overflow: clip; position: relative; .beae-section-container { height: var(--5rjp0m-height); width: 100%; max-width: var(--5rjp0m-width, 1280px); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { background: var(--5rjp0m-background-color-tablet, var(--5rjp0m-background-color)); & .beae-section-container { height: var(--5rjp0m-height-tablet, auto); width: 100%; max-width: var(--5rjp0m-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--5rjp0m-background-color-mobile, var(--5rjp0m-background-color-tablet, var(--5rjp0m-background-color))); & .beae-section-container { height: var(--5rjp0m-height-mobile, auto); width: 100%; max-width: var(--5rjp0m-width-mobile, 100%); } } } }[data-bnode="beae-5rjp0m"] > .beae-section-container{     display: flex;     flex-direction: var(--5rjp0m-direction, column);     flex-wrap: nowrap;     justify-content: var(--5rjp0m-justify-content);     align-items: var(--5rjp0m-align-items);     gap: var(--5rjp0m-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5rjp0m"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--5rjp0m-padding-right-tablet, 0px) - var(--5rjp0m-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5rjp0m"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--5rjp0m-padding-right-mobile, 0px) - var(--5rjp0m-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jlc0m7"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --jlc0m7-typography: h2; --jlc0m7-typography-tablet: h2; --jlc0m7-typography-mobile: h2; }[data-bnode="beae-jlc0m7"] { margin-top: var(--jlc0m7-margin-top, 0px); margin-right: var(--jlc0m7-margin-right, 0px); margin-bottom: var(--jlc0m7-margin-bottom, 0px); margin-left: var(--jlc0m7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jlc0m7-margin-top-tablet, 0px); margin-right: var(--jlc0m7-margin-right-tablet, 0px); margin-bottom: var(--jlc0m7-margin-bottom-tablet, 0px); margin-left: var(--jlc0m7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jlc0m7-margin-top-mobile, 0px); margin-right: var(--jlc0m7-margin-right-mobile, 0px); margin-bottom: var(--jlc0m7-margin-bottom-mobile, 0px); margin-left: var(--jlc0m7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--jlc0m7-highlightColor,var(--beae-p-color)); top: var(--jlc0m7-highlightTop, 100%); } }[data-bnode="beae-675ywa"] { --675ywa-direction: row; --675ywa-direction-tablet: row; --675ywa-direction-mobile: column; --675ywa-structure: columns; --675ywa-structure-tablet: columns; --675ywa-structure-mobile: columns; --675ywa-gap: 0px; --675ywa-gap-tablet: 40px; --675ywa-gap-mobile: 32px; --675ywa-columns: 50.00,50.00; --675ywa-columns-tablet: 50.00,50.00; --675ywa-columns-mobile: 50.00,50.00; --675ywa-columnsPresetId: 50.00,50.00; --675ywa-columnsPresetId-tablet: 50.00,50.00; --675ywa-columnsPresetId-mobile: 50.00,50.00; --675ywa-padding-top: 0px; --675ywa-padding-top-tablet: 0px; --675ywa-padding-top-mobile: 0px; --675ywa-padding-right: 0px; --675ywa-padding-right-tablet: 0px; --675ywa-padding-right-mobile: 0px; --675ywa-padding-bottom: 0px; --675ywa-padding-bottom-tablet: 0px; --675ywa-padding-bottom-mobile: 0px; --675ywa-padding-left: 0px; --675ywa-padding-left-tablet: 0px; --675ywa-padding-left-mobile: 0px; }[data-bnode="beae-675ywa"] { padding-top: var(--675ywa-padding-top, 0px); padding-right: var(--675ywa-padding-right, 0px); padding-bottom: var(--675ywa-padding-bottom, 0px); padding-left: var(--675ywa-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--675ywa-padding-top-tablet, var(--675ywa-padding-top, 0px)); padding-right: var(--675ywa-padding-right-tablet, var(--675ywa-padding-right, 0px)); padding-bottom: var(--675ywa-padding-bottom-tablet, var(--675ywa-padding-bottom, 0px)); padding-left: var(--675ywa-padding-left-tablet, var(--675ywa-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--675ywa-padding-top-mobile, var(--675ywa-padding-top-tablet, var(--675ywa-padding-top, 0px))); padding-right: var(--675ywa-padding-right-mobile, var(--675ywa-padding-right-tablet, var(--675ywa-padding-right, 0px))); padding-bottom: var(--675ywa-padding-bottom-mobile, var(--675ywa-padding-bottom-tablet, var(--675ywa-padding-bottom, 0px))); padding-left: var(--675ywa-padding-left-mobile, var(--675ywa-padding-left-tablet, var(--675ywa-padding-left, 0px))); } width: calc( 100% - var(--675ywa-padding-left, 0px) - var(--675ywa-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:clip; background: var(--675ywa-background-color); border-style: var(--675ywa-borderStyle,solid); border-color: var(--675ywa-borderColor,#000000); border-width: var(--675ywa-borderWidth-tl,0px) var(--675ywa-borderWidth-tr,0px) var(--675ywa-borderWidth-br,0px) var(--675ywa-borderWidth-bl,0px); border-radius: var(--675ywa-borderRadius-tl,0px) var(--675ywa-borderRadius-tr,0px) var(--675ywa-borderRadius-br,0px) var(--675ywa-borderRadius-bl,0px); box-shadow: if(style(--675ywa-enableShadow: true): var(--675ywa-shadowHorizontal,0) var(--675ywa-shadowVertical,0) var(--675ywa-shadowBlur,0) 1px var(--675ywa-shadowColor,#000000); else: none); max-width: var(--675ywa-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--675ywa-borderWidth-tl-tablet,0px) var(--675ywa-borderWidth-tr-tablet,0px) var(--675ywa-borderWidth-br-tablet,0px) var(--675ywa-borderWidth-bl-tablet,0px); border-radius: var(--675ywa-borderRadius-tl-tablet,0px) var(--675ywa-borderRadius-tr-tablet,0px) var(--675ywa-borderRadius-br-tablet,0px) var(--675ywa-borderRadius-bl-tablet,0px); max-width: var(--675ywa-max-width-tablet, var(--675ywa-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--675ywa-borderWidth-tl-mobile,0px) var(--675ywa-borderWidth-tr-mobile,0px) var(--675ywa-borderWidth-br-mobile,0px) var(--675ywa-borderWidth-bl-mobile,0px); border-radius: var(--675ywa-borderRadius-tl-mobile,0px) var(--675ywa-borderRadius-tr-mobile,0px) var(--675ywa-borderRadius-br-mobile,0px) var(--675ywa-borderRadius-bl-mobile,0px); max-width: var(--675ywa-max-width-mobile, var(--675ywa-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-675ywa"] {     display: flex;     flex-direction: var(--675ywa-direction, column);     flex-wrap: nowrap;     justify-content: var(--675ywa-justify-content);     align-items: var(--675ywa-align-items);     gap: var(--675ywa-gap, var(--675ywa-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--675ywa-padding-right, 0px) - var(--675ywa-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--675ywa-padding-right, 0px) - var(--675ywa-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--675ywa-padding-right, 0px) - var(--675ywa-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-675ywa"] {      flex-direction: var(--675ywa-direction-tablet, column);                      gap: var(--675ywa-gap-tablet, var(--675ywa-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(50.00% - var(--675ywa-padding-right-tablet, 0px) - var(--675ywa-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--675ywa-padding-right-tablet, 0px) - var(--675ywa-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--675ywa-padding-right-tablet, 0px) - var(--675ywa-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-675ywa"] {      flex-direction: var(--675ywa-direction-mobile, column);                      gap: var(--675ywa-gap-mobile, var(--675ywa-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-731m8d"] { --731m8d-aspectRatioMedia: 1/1; --731m8d-aspectRatioMedia-tablet: 1/1; --731m8d-aspectRatioMedia-mobile: 1/1; --731m8d-aspectRatioThumbs: 1/1; --731m8d-aspectRatioThumbs-tablet: 1/1; --731m8d-aspectRatioThumbs-mobile: 1/1; --731m8d-positionThumb: bottom; --731m8d-positionThumb-tablet: bottom; --731m8d-positionThumb-mobile: bottom; --731m8d-borderRadiusMedia: 0px; --731m8d-borderRadiusMedia-tablet: 0px; --731m8d-borderRadiusMedia-mobile: 0px; --731m8d-borderRadiusThumbs: 0px; --731m8d-borderRadiusThumbs-tablet: 0px; --731m8d-borderRadiusThumbs-mobile: 0px; --731m8d-widthItemThumbs: 110px; --731m8d-widthItemThumbs-tablet: 80px; --731m8d-widthItemThumbs-mobile: 64px; --731m8d-media: main; --731m8d-media-tablet: main; --731m8d-media-mobile: main; --731m8d-borderRadiusMain: 16px; --731m8d-borderRadiusMain-tablet: 16px; --731m8d-borderRadiusMain-mobile: 16px; --731m8d-enableShadowMain: false; --731m8d-enableShadowMain-tablet: false; --731m8d-enableShadowMain-mobile: false; --731m8d-borderStyleThumbs: none; --731m8d-borderStyleThumbs-tablet: none; --731m8d-borderStyleThumbs-mobile: none; --731m8d-borderWidthThumbs: 1px; --731m8d-borderWidthThumbs-tablet: 1px; --731m8d-borderWidthThumbs-mobile: 1px; --731m8d-borderColorThumbs: #000000; --731m8d-borderColorThumbs-tablet: #000000; --731m8d-borderColorThumbs-mobile: #000000; --731m8d-aspectRatioMain: 1/1; --731m8d-aspectRatioMain-tablet: 1/1; --731m8d-aspectRatioMain-mobile: 1/1; --731m8d-enableShadowThumbs: false; --731m8d-enableShadowThumbs-tablet: false; --731m8d-enableShadowThumbs-mobile: false; --731m8d-shadowBlurThumbs: 0px; --731m8d-shadowBlurThumbs-tablet: 0px; --731m8d-shadowBlurThumbs-mobile: 0px; --731m8d-shadowVerticalThumbs: 0px; --731m8d-shadowVerticalThumbs-tablet: 0px; --731m8d-shadowVerticalThumbs-mobile: 0px; --731m8d-shadowHorizontalThumbs: 0px; --731m8d-shadowHorizontalThumbs-tablet: 0px; --731m8d-shadowHorizontalThumbs-mobile: 0px; --731m8d-borderStyleMain: none; --731m8d-borderStyleMain-tablet: none; --731m8d-borderStyleMain-mobile: none; --731m8d-borderWidthMain: 1px; --731m8d-borderWidthMain-tablet: 1px; --731m8d-borderWidthMain-mobile: 1px; --731m8d-shadowBlurMain: 0px; --731m8d-shadowBlurMain-tablet: 0px; --731m8d-shadowBlurMain-mobile: 0px; --731m8d-shadowVerticalMain: 0px; --731m8d-shadowVerticalMain-tablet: 0px; --731m8d-shadowVerticalMain-mobile: 0px; --731m8d-shadowHorizontalMain: 0px; --731m8d-shadowHorizontalMain-tablet: 0px; --731m8d-shadowHorizontalMain-mobile: 0px; --731m8d-effect: fade; --731m8d-effect-tablet: fade; --731m8d-effect-mobile: fade; --731m8d-gap: 16px; --731m8d-gap-tablet: 16px; --731m8d-gap-mobile: 16px; --731m8d-borderColorMain: #000000; --731m8d-borderColorMain-tablet: #000000; --731m8d-borderColorMain-mobile: #000000; --731m8d-imageRatioMain: 1/1; --731m8d-imageRatioMain-tablet: 1/1; --731m8d-imageRatioMain-mobile: 1/1; --731m8d-objFit: cover; --731m8d-objFit-tablet: cover; --731m8d-objFit-mobile: cover; --731m8d-imageRatioThumbs: 2/3; --731m8d-imageRatioThumbs-tablet: 2/3; --731m8d-imageRatioThumbs-mobile: 2/3; --731m8d-enableShadow: false; --731m8d-enableShadow-tablet: false; --731m8d-enableShadow-mobile: false; --731m8d-borderRadius-tl: 24px; --731m8d-borderRadius-tl-tablet: 24px; --731m8d-borderRadius-tl-mobile: 24px; --731m8d-borderRadius-tr: 180px; --731m8d-borderRadius-tr-tablet: 120px; --731m8d-borderRadius-tr-mobile: 80px; --731m8d-borderRadius-bl: 180px; --731m8d-borderRadius-bl-tablet: 120px; --731m8d-borderRadius-bl-mobile: 80px; --731m8d-borderRadius-br: 24px; --731m8d-borderRadius-br-tablet: 24px; --731m8d-borderRadius-br-mobile: 24px; }[data-bnode="beae-731m8d"] { margin-top: var(--731m8d-margin-top, 0px); margin-right: var(--731m8d-margin-right, 0px); margin-bottom: var(--731m8d-margin-bottom, 0px); margin-left: var(--731m8d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--731m8d-margin-top-tablet, 0px); margin-right: var(--731m8d-margin-right-tablet, 0px); margin-bottom: var(--731m8d-margin-bottom-tablet, 0px); margin-left: var(--731m8d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--731m8d-margin-top-mobile, 0px); margin-right: var(--731m8d-margin-right-mobile, 0px); margin-bottom: var(--731m8d-margin-bottom-mobile, 0px); margin-left: var(--731m8d-margin-left-mobile, 0px); } & { position: sticky; top: 0; .beae-media-product { display: flex; gap: var(--731m8d-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-slider-pagination-wrapper { margin-top: -36px; width: 100% !important; margin-inline: 16px; } .beae-slider-pagination { border-radius: 4px !important; height: 4px !important; z-index: 9; &.active { background-color: #fff !important; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--731m8d-borderRadius-tl,0px) var(--731m8d-borderRadius-tr,0px) var(--731m8d-borderRadius-br,0px) var(--731m8d-borderRadius-bl,0px); @media(min-width: 767.79px) and (max-width: 1180px){ border-radius: var(--731m8d-borderRadius-tl-tablet,0px) var(--731m8d-borderRadius-tr-tablet,0px) var(--731m8d-borderRadius-br-tablet,0px) var(--731m8d-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-radius: var(--731m8d-borderRadius-tl-mobile,0px) var(--731m8d-borderRadius-tr-mobile,0px) var(--731m8d-borderRadius-br-mobile,0px) var(--731m8d-borderRadius-bl-mobile,0px); } box-shadow: if(style(--731m8d-enableShadowMain: true): var(--731m8d-shadowHorizontalMain, 0) var(--731m8d-shadowVerticalMain, 0) var(--731m8d-shadowBlurMain, 0) 1px var(--731m8d-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--731m8d-borderWidthMain) var(--731m8d-borderStyleMain) var(--731m8d-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--731m8d-borderRadius-tl,0px) var(--731m8d-borderRadius-tr,0px) var(--731m8d-borderRadius-br,0px) var(--731m8d-borderRadius-bl,0px); @media(min-width: 767.79px) and (max-width: 1180px){ border-radius: var(--731m8d-borderRadius-tl-tablet,0px) var(--731m8d-borderRadius-tr-tablet,0px) var(--731m8d-borderRadius-br-tablet,0px) var(--731m8d-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-radius: var(--731m8d-borderRadius-tl-mobile,0px) var(--731m8d-borderRadius-tr-mobile,0px) var(--731m8d-borderRadius-br-mobile,0px) var(--731m8d-borderRadius-bl-mobile,0px); } box-shadow: if(style(--731m8d-enableShadowMain: true): var(--731m8d-shadowHorizontalMain, 0) var(--731m8d-shadowVerticalMain, 0) var(--731m8d-shadowBlurMain, 0) 1px var(--731m8d-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--731m8d-borderWidthMain) var(--731m8d-borderStyleMain) var(--731m8d-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--731m8d-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--731m8d-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; } .beae-slider-item { flex: 1 0 var(--731m8d-widthItemThumbs, 100px) !important; max-width: var(--731m8d-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if(style(--731m8d-enableShadowThumbs: true): var(--731m8d-shadowHorizontalThumbs, 0) var(--731m8d-shadowVerticalThumbs, 0) var(--731m8d-shadowBlurThumbs, 0) 1px var(--731m8d-shadowColorThumbs, #000000); else: none); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--731m8d-borderWidthThumbs) var(--731m8d-borderStyleThumbs) var(--731m8d-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--731m8d-imageRatioThumbs); border-radius: var(--731m8d-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--731m8d-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--731m8d-widthItemThumbs-tablet, 80px) !important; max-width: var(--731m8d-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--731m8d-imageRatioMain-tablet); border-radius: var(--731m8d-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--731m8d-objFit-tablet, var(--731m8d-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--731m8d-imageRatioThumbs-tablet); border-radius: var(--731m8d-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--731m8d-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--731m8d-widthItemThumbs-mobile, 64px) !important; max-width: var(--731m8d-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--731m8d-imageRatioMain-mobile); border-radius: var(--731m8d-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--731m8d-objFit-mobile, var(--731m8d-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--731m8d-imageRatioThumbs-mobile); border-radius: var(--731m8d-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--731m8d-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--731m8d-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--731m8d-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--731m8d-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--731m8d-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--731m8d-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--731m8d-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--731m8d-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--731m8d-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--731m8d-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--731m8d-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--731m8d-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--731m8d-navPadding, 12px); background: var(--731m8d-navBg, #F5F5F5); color: var(--731m8d-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--731m8d-navBgHover, #CCCCCC); color: var(--731m8d-navColorHover, #333333); } svg { width: var(--731m8d-navIconSize, 20px); height: var(--731m8d-navIconSize, 20px); } } } }[data-bnode="beae-teo492"] { --teo492-direction: column; --teo492-direction-tablet: column; --teo492-direction-mobile: column; --teo492-align-items: stretch; --teo492-align-items-tablet: stretch; --teo492-align-items-mobile: stretch; --teo492-gap: 16px; --teo492-gap-tablet: 16px; --teo492-gap-mobile: 16px; --teo492-padding-top: 0px; --teo492-padding-top-tablet: 0px; --teo492-padding-top-mobile: 0px; --teo492-padding-right: 0px; --teo492-padding-right-tablet: 0px; --teo492-padding-right-mobile: 0px; --teo492-padding-bottom: 0px; --teo492-padding-bottom-tablet: 0px; --teo492-padding-bottom-mobile: 0px; --teo492-padding-left: 80px; --teo492-padding-left-tablet: 0px; --teo492-padding-left-mobile: 0px; --teo492-justify-content: center; --teo492-justify-content-tablet: center; --teo492-justify-content-mobile: center; --teo492-borderRadius-tl: 2px; --teo492-borderRadius-tl-tablet: 2px; --teo492-borderRadius-tl-mobile: 2px; --teo492-borderRadius-tr: 2px; --teo492-borderRadius-tr-tablet: 2px; --teo492-borderRadius-tr-mobile: 2px; --teo492-borderRadius-bl: 2px; --teo492-borderRadius-bl-tablet: 2px; --teo492-borderRadius-bl-mobile: 2px; --teo492-borderRadius-br: 2px; --teo492-borderRadius-br-tablet: 2px; --teo492-borderRadius-br-mobile: 2px; }[data-bnode="beae-teo492"] { padding-top: var(--teo492-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--teo492-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--teo492-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--teo492-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--teo492-padding-top-tablet, var(--teo492-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--teo492-padding-right-tablet, var(--teo492-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--teo492-padding-bottom-tablet, var(--teo492-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--teo492-padding-left-tablet, var(--teo492-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--teo492-padding-top-mobile, var(--teo492-padding-top-tablet, var(--teo492-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--teo492-padding-right-mobile, var(--teo492-padding-right-tablet, var(--teo492-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--teo492-padding-bottom-mobile, var(--teo492-padding-bottom-tablet, var(--teo492-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--teo492-padding-left-mobile, var(--teo492-padding-left-tablet, var(--teo492-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--teo492-padding-left, var(--beae-slot-padding-x, 0px)) - var(--teo492-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--teo492-background-imageRatio, auto); background: var(--teo492-background-color,transparent); border-style: var(--teo492-borderStyle,solid); border-color: var(--teo492-borderColor,#000000); border-width: var(--teo492-borderWidth-tl,0px) var(--teo492-borderWidth-tr,0px) var(--teo492-borderWidth-br,0px) var(--teo492-borderWidth-bl,0px); border-radius: var(--teo492-borderRadius-tl,0px) var(--teo492-borderRadius-tr,0px) var(--teo492-borderRadius-br,0px) var(--teo492-borderRadius-bl,0px); box-shadow: if(style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal,0) var(--teo492-shadowVertical,0) var(--teo492-shadowBlur,0) 1px var(--teo492-shadowColor,#000000); else: none); max-width: var(--teo492-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--teo492-background-imageRatio-tablet, var(--teo492-background-imageRatio, auto)); border-width: var(--teo492-borderWidth-tl-tablet,0px) var(--teo492-borderWidth-tr-tablet,0px) var(--teo492-borderWidth-br-tablet,0px) var(--teo492-borderWidth-bl-tablet,0px); border-radius: var(--teo492-borderRadius-tl-tablet,0px) var(--teo492-borderRadius-tr-tablet,0px) var(--teo492-borderRadius-br-tablet,0px) var(--teo492-borderRadius-bl-tablet,0px); max-width: var(--teo492-max-width-tablet, var(--teo492-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--teo492-background-imageRatio-mobile, var(--teo492-background-imageRatio, auto)); border-width: var(--teo492-borderWidth-tl-mobile,0px) var(--teo492-borderWidth-tr-mobile,0px) var(--teo492-borderWidth-br-mobile,0px) var(--teo492-borderWidth-bl-mobile,0px); border-radius: var(--teo492-borderRadius-tl-mobile,0px) var(--teo492-borderRadius-tr-mobile,0px) var(--teo492-borderRadius-br-mobile,0px) var(--teo492-borderRadius-bl-mobile,0px); max-width: var(--teo492-max-width-mobile, var(--teo492-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--teo492-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--teo492-gap,var(--beae-card-gap)); padding-top: var(--teo492-padding-top,var(--beae-card-padding)); padding-right: var(--teo492-padding-right,var(--beae-card-padding)); padding-bottom: var(--teo492-padding-bottom,var(--beae-card-padding)); padding-left: var(--teo492-padding-left,var(--beae-card-padding)); border-width: var(--teo492-borderWidth,var(--beae-card-border-width)); border-width: var(--teo492-borderWidth-tl,var(--beae-card-border-width)) var(--teo492-borderWidth-tr,var(--beae-card-border-width)) var(--teo492-borderWidth-br,var(--beae-card-border-width)) var(--teo492-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--teo492-borderRadius-tl,var(--beae-card-border-radius)) var(--teo492-borderRadius-tr,var(--beae-card-border-radius)) var(--teo492-borderRadius-br,var(--beae-card-border-radius)) var(--teo492-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--teo492-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--teo492-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--teo492-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--teo492-padding-left-tablet,var(--beae-card-padding)); border-width: var(--teo492-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--teo492-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--teo492-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--teo492-borderWidth-br-desktop,var(--beae-card-border-width)) var(--teo492-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--teo492-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--teo492-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--teo492-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--teo492-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--teo492-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--teo492-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--teo492-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--teo492-padding-left-mobile,var(--beae-card-padding)); border-width: var(--teo492-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--teo492-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--teo492-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--teo492-borderWidth-br-mobile,var(--beae-card-border-width)) var(--teo492-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--teo492-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--teo492-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--teo492-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--teo492-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--teo492-background-color,var(--beae-card-featured-background)); border-color: var(--teo492-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal, var(--beae-card-shadow-x)) var(--teo492-shadowVertical, var(--beae-card-shadow-y)) var(--teo492-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--teo492-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--teo492-background-color,var(--beae-card-prod-background)); border-color: var(--teo492-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal, var(--beae-card-shadow-x)) var(--teo492-shadowVertical, var(--beae-card-shadow-y)) var(--teo492-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--teo492-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--teo492-background-color,var(--beae-card-pricing-background)); border-color: var(--teo492-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal, var(--beae-card-shadow-x)) var(--teo492-shadowVertical, var(--beae-card-shadow-y)) var(--teo492-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--teo492-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--teo492-background-color,var(--beae-card-cta-background)); border-color: var(--teo492-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal, var(--beae-card-shadow-x)) var(--teo492-shadowVertical, var(--beae-card-shadow-y)) var(--teo492-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--teo492-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--teo492-background-color,var(--beae-card-media-background)); border-color: var(--teo492-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--teo492-enableShadow: true): var(--teo492-shadowHorizontal, var(--beae-card-shadow-x)) var(--teo492-shadowVertical, var(--beae-card-shadow-y)) var(--teo492-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--teo492-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-teo492"] {     display: flex;     flex-direction: var(--teo492-direction, column);     flex-wrap: nowrap;     justify-content: var(--teo492-justify-content);     align-items: var(--teo492-align-items);     gap: var(--teo492-gap, var(--teo492-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-teo492"] {                            gap: var(--teo492-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--teo492-padding-right-tablet, 0px) - var(--teo492-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-teo492"] {                            gap: var(--teo492-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--teo492-padding-right-mobile, 0px) - var(--teo492-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mmr4jv"] { --mmr4jv-typography: h3; --mmr4jv-typography-tablet: h3; --mmr4jv-typography-mobile: h3; --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; }[data-bnode="beae-mmr4jv"] { margin-top: var(--mmr4jv-margin-top, 0px); margin-right: var(--mmr4jv-margin-right, 0px); margin-bottom: var(--mmr4jv-margin-bottom, 0px); margin-left: var(--mmr4jv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mmr4jv-margin-top-tablet, 0px); margin-right: var(--mmr4jv-margin-right-tablet, 0px); margin-bottom: var(--mmr4jv-margin-bottom-tablet, 0px); margin-left: var(--mmr4jv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mmr4jv-margin-top-mobile, 0px); margin-right: var(--mmr4jv-margin-right-mobile, 0px); margin-bottom: var(--mmr4jv-margin-bottom-mobile, 0px); margin-left: var(--mmr4jv-margin-left-mobile, 0px); } }[data-bnode="beae-bolfql"] { --bolfql-direction: row; --bolfql-direction-tablet: row; --bolfql-direction-mobile: row; --bolfql-structure: auto; --bolfql-structure-tablet: auto; --bolfql-structure-mobile: auto; --bolfql-gap: 16px; --bolfql-gap-tablet: 16px; --bolfql-gap-mobile: 16px; --bolfql-align-items: center; --bolfql-align-items-tablet: center; --bolfql-align-items-mobile: center; --bolfql-justify-content: flex-start; --bolfql-justify-content-tablet: flex-start; --bolfql-justify-content-mobile: flex-start; }[data-bnode="beae-bolfql"] { padding-top: var(--bolfql-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bolfql-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bolfql-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bolfql-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bolfql-padding-top-tablet, var(--bolfql-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bolfql-padding-right-tablet, var(--bolfql-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bolfql-padding-bottom-tablet, var(--bolfql-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bolfql-padding-left-tablet, var(--bolfql-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bolfql-padding-top-mobile, var(--bolfql-padding-top-tablet, var(--bolfql-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bolfql-padding-right-mobile, var(--bolfql-padding-right-tablet, var(--bolfql-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bolfql-padding-bottom-mobile, var(--bolfql-padding-bottom-tablet, var(--bolfql-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bolfql-padding-left-mobile, var(--bolfql-padding-left-tablet, var(--bolfql-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bolfql-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bolfql-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bolfql-background-imageRatio, auto); background: var(--bolfql-background-color,transparent); border-style: var(--bolfql-borderStyle,solid); border-color: var(--bolfql-borderColor,#000000); border-width: var(--bolfql-borderWidth-tl,0px) var(--bolfql-borderWidth-tr,0px) var(--bolfql-borderWidth-br,0px) var(--bolfql-borderWidth-bl,0px); border-radius: var(--bolfql-borderRadius-tl,0px) var(--bolfql-borderRadius-tr,0px) var(--bolfql-borderRadius-br,0px) var(--bolfql-borderRadius-bl,0px); box-shadow: if(style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal,0) var(--bolfql-shadowVertical,0) var(--bolfql-shadowBlur,0) 1px var(--bolfql-shadowColor,#000000); else: none); max-width: var(--bolfql-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bolfql-background-imageRatio-tablet, var(--bolfql-background-imageRatio, auto)); border-width: var(--bolfql-borderWidth-tl-tablet,0px) var(--bolfql-borderWidth-tr-tablet,0px) var(--bolfql-borderWidth-br-tablet,0px) var(--bolfql-borderWidth-bl-tablet,0px); border-radius: var(--bolfql-borderRadius-tl-tablet,0px) var(--bolfql-borderRadius-tr-tablet,0px) var(--bolfql-borderRadius-br-tablet,0px) var(--bolfql-borderRadius-bl-tablet,0px); max-width: var(--bolfql-max-width-tablet, var(--bolfql-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bolfql-background-imageRatio-mobile, var(--bolfql-background-imageRatio, auto)); border-width: var(--bolfql-borderWidth-tl-mobile,0px) var(--bolfql-borderWidth-tr-mobile,0px) var(--bolfql-borderWidth-br-mobile,0px) var(--bolfql-borderWidth-bl-mobile,0px); border-radius: var(--bolfql-borderRadius-tl-mobile,0px) var(--bolfql-borderRadius-tr-mobile,0px) var(--bolfql-borderRadius-br-mobile,0px) var(--bolfql-borderRadius-bl-mobile,0px); max-width: var(--bolfql-max-width-mobile, var(--bolfql-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bolfql-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bolfql-gap,var(--beae-card-gap)); padding-top: var(--bolfql-padding-top,var(--beae-card-padding)); padding-right: var(--bolfql-padding-right,var(--beae-card-padding)); padding-bottom: var(--bolfql-padding-bottom,var(--beae-card-padding)); padding-left: var(--bolfql-padding-left,var(--beae-card-padding)); border-width: var(--bolfql-borderWidth,var(--beae-card-border-width)); border-width: var(--bolfql-borderWidth-tl,var(--beae-card-border-width)) var(--bolfql-borderWidth-tr,var(--beae-card-border-width)) var(--bolfql-borderWidth-br,var(--beae-card-border-width)) var(--bolfql-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bolfql-borderRadius-tl,var(--beae-card-border-radius)) var(--bolfql-borderRadius-tr,var(--beae-card-border-radius)) var(--bolfql-borderRadius-br,var(--beae-card-border-radius)) var(--bolfql-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bolfql-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bolfql-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bolfql-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bolfql-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bolfql-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bolfql-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bolfql-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bolfql-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bolfql-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bolfql-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bolfql-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bolfql-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bolfql-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bolfql-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bolfql-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bolfql-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bolfql-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bolfql-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bolfql-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bolfql-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bolfql-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bolfql-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bolfql-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bolfql-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bolfql-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bolfql-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bolfql-background-color,var(--beae-card-featured-background)); border-color: var(--bolfql-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal, var(--beae-card-shadow-x)) var(--bolfql-shadowVertical, var(--beae-card-shadow-y)) var(--bolfql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bolfql-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bolfql-background-color,var(--beae-card-prod-background)); border-color: var(--bolfql-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal, var(--beae-card-shadow-x)) var(--bolfql-shadowVertical, var(--beae-card-shadow-y)) var(--bolfql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bolfql-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bolfql-background-color,var(--beae-card-pricing-background)); border-color: var(--bolfql-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal, var(--beae-card-shadow-x)) var(--bolfql-shadowVertical, var(--beae-card-shadow-y)) var(--bolfql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bolfql-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bolfql-background-color,var(--beae-card-cta-background)); border-color: var(--bolfql-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal, var(--beae-card-shadow-x)) var(--bolfql-shadowVertical, var(--beae-card-shadow-y)) var(--bolfql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bolfql-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bolfql-background-color,var(--beae-card-media-background)); border-color: var(--bolfql-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bolfql-enableShadow: true): var(--bolfql-shadowHorizontal, var(--beae-card-shadow-x)) var(--bolfql-shadowVertical, var(--beae-card-shadow-y)) var(--bolfql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bolfql-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-bolfql"] {     display: flex;     flex-direction: var(--bolfql-direction, column);     flex-wrap: nowrap;     justify-content: var(--bolfql-justify-content);     align-items: var(--bolfql-align-items);     gap: var(--bolfql-gap, var(--bolfql-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bolfql"] {                            gap: var(--bolfql-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--bolfql-padding-right-tablet, 0px) - var(--bolfql-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bolfql"] {                            gap: var(--bolfql-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--bolfql-padding-right-mobile, 0px) - var(--bolfql-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-m7px05"] { --m7px05-typography: p; --m7px05-typography-tablet: p; --m7px05-typography-mobile: p; --m7px05-decoration: line-through; --m7px05-decoration-tablet: line-through; --m7px05-decoration-mobile: line-through; --m7px05-comparePriceColor: #888888; --m7px05-comparePriceColor-tablet: #888888; --m7px05-comparePriceColor-mobile: #888888; --m7px05-priceType: salePrice; --m7px05-priceType-tablet: salePrice; --m7px05-priceType-mobile: salePrice; --m7px05-salePriceColor: var(--beae-other-sale-price-color); --m7px05-salePriceColor-tablet: var(--beae-other-sale-price-color); --m7px05-salePriceColor-mobile: var(--beae-other-sale-price-color); --beae-p-color: #181818; --beae-p-font-weight: 400; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-p-font-size: 20px; }[data-bnode="beae-m7px05"] { margin-top: var(--m7px05-margin-top, 0px); margin-right: var(--m7px05-margin-right, 0px); margin-bottom: var(--m7px05-margin-bottom, 0px); margin-left: var(--m7px05-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m7px05-margin-top-tablet, 0px); margin-right: var(--m7px05-margin-right-tablet, 0px); margin-bottom: var(--m7px05-margin-bottom-tablet, 0px); margin-left: var(--m7px05-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m7px05-margin-top-mobile, 0px); margin-right: var(--m7px05-margin-right-mobile, 0px); margin-bottom: var(--m7px05-margin-bottom-mobile, 0px); margin-left: var(--m7px05-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--m7px05-comparePriceColor); text-decoration: var(--m7px05-decoration,none); font-size: calc(var(--m7px05-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--m7px05-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-plwu5g"] { --plwu5g-typography: p; --plwu5g-typography-tablet: p; --plwu5g-typography-mobile: p; --plwu5g-paddingY: 4px; --plwu5g-paddingY-tablet: 4px; --plwu5g-paddingY-mobile: 4px; --plwu5g-paddingX: 12px; --plwu5g-paddingX-tablet: 12px; --plwu5g-paddingX-mobile: 12px; --plwu5g-margin-top: 0px; --plwu5g-margin-top-tablet: 0px; --plwu5g-margin-top-mobile: 0px; --plwu5g-margin-right: 0px; --plwu5g-margin-right-tablet: 0px; --plwu5g-margin-right-mobile: 0px; --plwu5g-margin-bottom: 0px; --plwu5g-margin-bottom-tablet: 0px; --plwu5g-margin-bottom-mobile: 0px; --plwu5g-margin-left: 0px; --plwu5g-margin-left-tablet: 0px; --plwu5g-margin-left-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1E4371; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --plwu5g-borderStyle: solid; --plwu5g-borderStyle-tablet: solid; --plwu5g-borderStyle-mobile: solid; --plwu5g-borderWidth-tl: 0px; --plwu5g-borderWidth-tl-tablet: 0px; --plwu5g-borderWidth-tl-mobile: 0px; --plwu5g-borderWidth-tr: 0px; --plwu5g-borderWidth-tr-tablet: 0px; --plwu5g-borderWidth-tr-mobile: 0px; --plwu5g-borderWidth-bl: 0px; --plwu5g-borderWidth-bl-tablet: 0px; --plwu5g-borderWidth-bl-mobile: 0px; --plwu5g-borderWidth-br: 0px; --plwu5g-borderWidth-br-tablet: 0px; --plwu5g-borderWidth-br-mobile: 0px; --plwu5g-borderRadius-tl: 99px; --plwu5g-borderRadius-tl-tablet: 99px; --plwu5g-borderRadius-tl-mobile: 99px; --plwu5g-borderRadius-tr: 99px; --plwu5g-borderRadius-tr-tablet: 99px; --plwu5g-borderRadius-tr-mobile: 99px; --plwu5g-borderRadius-bl: 99px; --plwu5g-borderRadius-bl-tablet: 99px; --plwu5g-borderRadius-bl-mobile: 99px; --plwu5g-borderRadius-br: 99px; --plwu5g-borderRadius-br-tablet: 99px; --plwu5g-borderRadius-br-mobile: 99px; }[data-bnode="beae-plwu5g"] { margin-top: var(--plwu5g-margin-top, 0px); margin-right: var(--plwu5g-margin-right, 0px); margin-bottom: var(--plwu5g-margin-bottom, 0px); margin-left: var(--plwu5g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--plwu5g-margin-top-tablet, 0px); margin-right: var(--plwu5g-margin-right-tablet, 0px); margin-bottom: var(--plwu5g-margin-bottom-tablet, 0px); margin-left: var(--plwu5g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--plwu5g-margin-top-mobile, 0px); margin-right: var(--plwu5g-margin-right-mobile, 0px); margin-bottom: var(--plwu5g-margin-bottom-mobile, 0px); margin-left: var(--plwu5g-margin-left-mobile, 0px); } &.beae-product-badge { width: fit-content; padding-inline: var(--plwu5g-paddingX, 12px); padding-block: var(--plwu5g-paddingY, 3px); border-style: var(--plwu5g-borderStyle,solid); border-color: var(--plwu5g-borderColor,#000000); border-width: var(--plwu5g-borderWidth-tl,0px) var(--plwu5g-borderWidth-tr,0px) var(--plwu5g-borderWidth-br,0px) var(--plwu5g-borderWidth-bl,0px); border-radius: var(--plwu5g-borderRadius-tl,0px) var(--plwu5g-borderRadius-tr,0px) var(--plwu5g-borderRadius-br,0px) var(--plwu5g-borderRadius-bl,0px); box-shadow: if(style(--plwu5g-enableShadow: true): var(--plwu5g-shadowHorizontal, 0) var(--plwu5g-shadowVertical, 0) var(--plwu5g-shadowBlur, 0) 1px var(--plwu5g-shadowColor, #000000); else: none); &.beae-badge-sale { background: var(--beae-other-sale-bg-color); color: var(--beae-other-sale-text-color); } &.beae-badge-soldout { background: var(--beae-other-sold-out-bg-color); color: var(--beae-other-sold-out-text-color); } &.beae-badge-empty { background: #888888; color: #FFFFFF; } } }[data-bnode="beae-ud0mgv"] { --ud0mgv-typography: p3; --ud0mgv-typography-tablet: p3; --ud0mgv-typography-mobile: p3; --ud0mgv-maxWidth: auto; --ud0mgv-maxWidth-tablet: auto; --ud0mgv-maxWidth-mobile: auto; --beae-p2-font-size: 16px; --beae-p3-font-size: 18px; --beae-p3-font-size-tablet: 18px; --beae-p3-font-size-mobile: 18px; --beae-p3-color: #5b5b5b; --beae-p3-font-weight: 400; --beae-p3-line-height: 1.8; --beae-p3-line-height-tablet: 1.8; --beae-p3-line-height-mobile: 1.8; --beae-p3-letter-spacing: 0px; --beae-p3-letter-spacing-tablet: 0px; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-text-transform: none; }[data-bnode="beae-ud0mgv"] { margin-top: var(--ud0mgv-margin-top, 0px); margin-right: var(--ud0mgv-margin-right, 0px); margin-bottom: var(--ud0mgv-margin-bottom, 0px); margin-left: var(--ud0mgv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ud0mgv-margin-top-tablet, 0px); margin-right: var(--ud0mgv-margin-right-tablet, 0px); margin-bottom: var(--ud0mgv-margin-bottom-tablet, 0px); margin-left: var(--ud0mgv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ud0mgv-margin-top-mobile, 0px); margin-right: var(--ud0mgv-margin-right-mobile, 0px); margin-bottom: var(--ud0mgv-margin-bottom-mobile, 0px); margin-left: var(--ud0mgv-margin-left-mobile, 0px); } & { & .beae-description { p:only-child { margin: 0; } } } }[data-bnode="beae-28dzed"] { --28dzed-typography: p; --28dzed-typography-tablet: p; --28dzed-typography-mobile: p; --28dzed-veryLowColor: #e74c3c; --28dzed-veryLowColor-tablet: #e74c3c; --28dzed-veryLowColor-mobile: #e74c3c; --28dzed-lowColor: #f1c40f; --28dzed-lowColor-tablet: #f1c40f; --28dzed-lowColor-mobile: #f1c40f; --28dzed-progressHeight: 4px; --28dzed-progressHeight-tablet: 4px; --28dzed-progressHeight-mobile: 4px; --28dzed-margin-top: 0px; --28dzed-margin-top-tablet: 0px; --28dzed-margin-top-mobile: 0px; --28dzed-margin-right: 0px; --28dzed-margin-right-tablet: 0px; --28dzed-margin-right-mobile: 0px; --28dzed-margin-bottom: 0px; --28dzed-margin-bottom-tablet: 0px; --28dzed-margin-bottom-mobile: 0px; --28dzed-margin-left: 0px; --28dzed-margin-left-tablet: 0px; --28dzed-margin-left-mobile: 0px; --28dzed-color: #08823B; --28dzed-color-tablet: #08823B; --28dzed-color-mobile: #08823B; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-28dzed"] { margin-top: var(--28dzed-margin-top, 0px); margin-right: var(--28dzed-margin-right, 0px); margin-bottom: var(--28dzed-margin-bottom, 0px); margin-left: var(--28dzed-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--28dzed-margin-top-tablet, 0px); margin-right: var(--28dzed-margin-right-tablet, 0px); margin-bottom: var(--28dzed-margin-bottom-tablet, 0px); margin-left: var(--28dzed-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--28dzed-margin-top-mobile, 0px); margin-right: var(--28dzed-margin-right-mobile, 0px); margin-bottom: var(--28dzed-margin-bottom-mobile, 0px); margin-left: var(--28dzed-margin-left-mobile, 0px); } &.beae-inventory-low { color: var(--28dzed-lowColor); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--28dzed-veryLowColor); } & .beae-inventory-text{ display:none; &.beae-show{ display:block; } } & .beae-inventory-progress { width: 100%; height: var(--28dzed-progressHeight,4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .beae-inventory-progress-bar { display:block; height: 100%; width: 0%; background: var(--28dzed-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.beae-inventory-critical .beae-inventory-progress-bar { background: var(--28dzed-veryLowColor); } &.beae-inventory-out .beae-inventory-progress-bar { background: var(--28dzed-veryLowColor); width: 0% !important; } }[data-bnode="beae-3cfuzt"] { --3cfuzt-variantType: options; --3cfuzt-variantType-tablet: options; --3cfuzt-variantType-mobile: options; --3cfuzt-headerState: normal; --3cfuzt-headerState-tablet: normal; --3cfuzt-headerState-mobile: normal; --3cfuzt-borderStyle: none; --3cfuzt-borderStyle-tablet: none; --3cfuzt-borderStyle-mobile: none; --3cfuzt-borderWidth: 1px; --3cfuzt-borderWidth-tablet: 1px; --3cfuzt-borderWidth-mobile: 1px; --3cfuzt-borderRadius: 100px; --3cfuzt-borderRadius-tablet: 100px; --3cfuzt-borderRadius-mobile: 100px; --3cfuzt-labelTypo: p; --3cfuzt-labelTypo-tablet: p; --3cfuzt-labelTypo-mobile: p; --beae-p2-font-size-tablet: 18px; --beae-p2-font-size-mobile: 18px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --3cfuzt-btnTypo: p; --3cfuzt-btnTypo-tablet: p; --3cfuzt-btnTypo-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --3cfuzt-styleColor: square; --3cfuzt-styleColor-tablet: square; --3cfuzt-styleColor-mobile: square; --3cfuzt-sizeColor: 40px; --3cfuzt-sizeColor-tablet: 40px; --3cfuzt-sizeColor-mobile: 40px; }[data-bnode="beae-3cfuzt"] { margin-top: var(--3cfuzt-margin-top, 0px); margin-right: var(--3cfuzt-margin-right, 0px); margin-bottom: var(--3cfuzt-margin-bottom, 0px); margin-left: var(--3cfuzt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3cfuzt-margin-top-tablet, 0px); margin-right: var(--3cfuzt-margin-right-tablet, 0px); margin-bottom: var(--3cfuzt-margin-bottom-tablet, 0px); margin-left: var(--3cfuzt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3cfuzt-margin-top-mobile, 0px); margin-right: var(--3cfuzt-margin-right-mobile, 0px); margin-bottom: var(--3cfuzt-margin-bottom-mobile, 0px); margin-left: var(--3cfuzt-margin-left-mobile, 0px); } &.beae-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; /* ===== OPTION ===== */ .beae-option { display: flex; flex-direction: column; align-items: start; gap: 12px; } /* ===== SWATCH WRAP ===== */ .beae-swatch { display: inline-block; > label{ margin-right: 6px; margin-bottom: 6px; } } /* ===== RADIO ===== */ .beae-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .beae-radio { position: absolute; opacity: 0; pointer-events: none; } .beae-radio-lb { display: inline-block; padding-inline: var(--3cfuzt-paddingX, 20px); padding-block: var(--3cfuzt-paddingY, 12px); background-color: var(--3cfuzt-tabBg, #F5F5F5); cursor: pointer; border-style: var(--3cfuzt-borderStyle, none); border-color: var(--3cfuzt-borderColor, #D1D1D1); border-width: var(--3cfuzt-borderWidth,0px); border-radius: var(--3cfuzt-borderRadius, 0px); box-shadow: if( style(--3cfuzt-enableShadow: true): var(--3cfuzt-shadowHorizontal, 0) var(--3cfuzt-shadowVertical, 0) var(--3cfuzt-shadowBlur, 0) var(--3cfuzt-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap:hover .beae-radio-lb { background-color: var(--3cfuzt-tabBgHover,#cccccc); color: var(--3cfuzt-colorHover,#333333); border-color: var(--3cfuzt-borderColorHover, var(--3cfuzt-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .beae-radio:checked + .beae-radio-lb { background-color: var(--3cfuzt-tabBgActive, #000); color: var(--3cfuzt-colorActive, #fff); border-color: var(--3cfuzt-borderColorActive, var(--3cfuzt-borderColor, #D1D1D1)); } /* ===== DISABLED ===== */ .beae-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; } .beae-variant-disabled::before { content: ""; position: absolute; inset: 0; mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: color-mix(in srgb, #000 50%, #fff 50%); z-index: 2; pointer-events: none; border-radius: var(--3cfuzt-borderRadius,99px); } /* ===== COLOR SWATCH ===== */ .beae-swatch-color { width: var(--3cfuzt-sizeColor,40px); height: var(--3cfuzt-sizeColor,40px); padding: 0; border-radius: if(style(--3cfuzt-styleColor : true ): 50%; else: 0%); border: 2px solid transparent; background-color: #eee; background-clip: content-box; transition: all 0.2s; box-shadow: if(style(--3cfuzt-enableShadow: true): var(--3cfuzt-shadowHorizontal, 0) var(--3cfuzt-shadowVertical, 0) var(--3cfuzt-shadowBlur, 0) var(--3cfuzt-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); overflow: hidden; .beae-radio-lb { display: none; } &:hover { border-color: var(--3cfuzt-borderColorHover,#000000); } &:has(.beae-radio:checked) { border-color: var(--3cfuzt-borderColorActive,#000000); padding: 2px !important; } &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--3cfuzt-borderRadius, 4px); mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: #000; z-index: 2; pointer-events: none; } } } /* ===== DROPDOWN ===== */ .beae-swatch-sel { display: inline-block; padding-inline: var(--3cfuzt-paddingX, 20px); padding-block: var(--3cfuzt-paddingY, 12px); background-color: var(--3cfuzt-tabBg, #F5F5F5); cursor: pointer; border-style: var(--3cfuzt-borderStyle, none); border-color: var(--3cfuzt-borderColor, #D1D1D1); border-width: var(--3cfuzt-borderWidth,0px); border-radius: var(--3cfuzt-borderRadius, 0px); box-shadow: if( style(--3cfuzt-enableShadow: true): var(--3cfuzt-shadowHorizontal, 0) var(--3cfuzt-shadowVertical, 0) var(--3cfuzt-shadowBlur, 0) var(--3cfuzt-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--3cfuzt-colorHover, #333333); background-color: var(--3cfuzt-tabBgHover, #cccccc); border-color: var(--3cfuzt-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="beae-jq7cl2"] { --jq7cl2-direction: row; --jq7cl2-direction-tablet: row; --jq7cl2-direction-mobile: column; --jq7cl2-structure: auto; --jq7cl2-structure-tablet: auto; --jq7cl2-structure-mobile: auto; --jq7cl2-align-items: flex-end; --jq7cl2-align-items-tablet: flex-end; --jq7cl2-align-items-mobile: flex-start; --jq7cl2-gap: 16px; --jq7cl2-gap-tablet: 16px; --jq7cl2-gap-mobile: 16px; --jq7cl2-justify-content: flex-start; --jq7cl2-justify-content-tablet: flex-start; --jq7cl2-justify-content-mobile: flex-start; }[data-bnode="beae-jq7cl2"] { padding-top: var(--jq7cl2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jq7cl2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jq7cl2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jq7cl2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jq7cl2-padding-top-tablet, var(--jq7cl2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jq7cl2-padding-right-tablet, var(--jq7cl2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jq7cl2-padding-bottom-tablet, var(--jq7cl2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jq7cl2-padding-left-tablet, var(--jq7cl2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jq7cl2-padding-top-mobile, var(--jq7cl2-padding-top-tablet, var(--jq7cl2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jq7cl2-padding-right-mobile, var(--jq7cl2-padding-right-tablet, var(--jq7cl2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jq7cl2-padding-bottom-mobile, var(--jq7cl2-padding-bottom-tablet, var(--jq7cl2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jq7cl2-padding-left-mobile, var(--jq7cl2-padding-left-tablet, var(--jq7cl2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jq7cl2-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jq7cl2-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--jq7cl2-background-imageRatio, auto); background: var(--jq7cl2-background-color,transparent); border-style: var(--jq7cl2-borderStyle,solid); border-color: var(--jq7cl2-borderColor,#000000); border-width: var(--jq7cl2-borderWidth-tl,0px) var(--jq7cl2-borderWidth-tr,0px) var(--jq7cl2-borderWidth-br,0px) var(--jq7cl2-borderWidth-bl,0px); border-radius: var(--jq7cl2-borderRadius-tl,0px) var(--jq7cl2-borderRadius-tr,0px) var(--jq7cl2-borderRadius-br,0px) var(--jq7cl2-borderRadius-bl,0px); box-shadow: if(style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal,0) var(--jq7cl2-shadowVertical,0) var(--jq7cl2-shadowBlur,0) 1px var(--jq7cl2-shadowColor,#000000); else: none); max-width: var(--jq7cl2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jq7cl2-background-imageRatio-tablet, var(--jq7cl2-background-imageRatio, auto)); border-width: var(--jq7cl2-borderWidth-tl-tablet,0px) var(--jq7cl2-borderWidth-tr-tablet,0px) var(--jq7cl2-borderWidth-br-tablet,0px) var(--jq7cl2-borderWidth-bl-tablet,0px); border-radius: var(--jq7cl2-borderRadius-tl-tablet,0px) var(--jq7cl2-borderRadius-tr-tablet,0px) var(--jq7cl2-borderRadius-br-tablet,0px) var(--jq7cl2-borderRadius-bl-tablet,0px); max-width: var(--jq7cl2-max-width-tablet, var(--jq7cl2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jq7cl2-background-imageRatio-mobile, var(--jq7cl2-background-imageRatio, auto)); border-width: var(--jq7cl2-borderWidth-tl-mobile,0px) var(--jq7cl2-borderWidth-tr-mobile,0px) var(--jq7cl2-borderWidth-br-mobile,0px) var(--jq7cl2-borderWidth-bl-mobile,0px); border-radius: var(--jq7cl2-borderRadius-tl-mobile,0px) var(--jq7cl2-borderRadius-tr-mobile,0px) var(--jq7cl2-borderRadius-br-mobile,0px) var(--jq7cl2-borderRadius-bl-mobile,0px); max-width: var(--jq7cl2-max-width-mobile, var(--jq7cl2-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jq7cl2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jq7cl2-gap,var(--beae-card-gap)); padding-top: var(--jq7cl2-padding-top,var(--beae-card-padding)); padding-right: var(--jq7cl2-padding-right,var(--beae-card-padding)); padding-bottom: var(--jq7cl2-padding-bottom,var(--beae-card-padding)); padding-left: var(--jq7cl2-padding-left,var(--beae-card-padding)); border-width: var(--jq7cl2-borderWidth,var(--beae-card-border-width)); border-width: var(--jq7cl2-borderWidth-tl,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-tr,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-br,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jq7cl2-borderRadius-tl,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-tr,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-br,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--jq7cl2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jq7cl2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jq7cl2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jq7cl2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jq7cl2-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jq7cl2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jq7cl2-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jq7cl2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jq7cl2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jq7cl2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jq7cl2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jq7cl2-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jq7cl2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jq7cl2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jq7cl2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jq7cl2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jq7cl2-background-color,var(--beae-card-featured-background)); border-color: var(--jq7cl2-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq7cl2-shadowVertical, var(--beae-card-shadow-y)) var(--jq7cl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq7cl2-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jq7cl2-background-color,var(--beae-card-prod-background)); border-color: var(--jq7cl2-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq7cl2-shadowVertical, var(--beae-card-shadow-y)) var(--jq7cl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq7cl2-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jq7cl2-background-color,var(--beae-card-pricing-background)); border-color: var(--jq7cl2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq7cl2-shadowVertical, var(--beae-card-shadow-y)) var(--jq7cl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq7cl2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jq7cl2-background-color,var(--beae-card-cta-background)); border-color: var(--jq7cl2-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq7cl2-shadowVertical, var(--beae-card-shadow-y)) var(--jq7cl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq7cl2-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jq7cl2-background-color,var(--beae-card-media-background)); border-color: var(--jq7cl2-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jq7cl2-enableShadow: true): var(--jq7cl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq7cl2-shadowVertical, var(--beae-card-shadow-y)) var(--jq7cl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq7cl2-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-jq7cl2"] {     display: flex;     flex-direction: var(--jq7cl2-direction, column);     flex-wrap: nowrap;     justify-content: var(--jq7cl2-justify-content);     align-items: var(--jq7cl2-align-items);     gap: var(--jq7cl2-gap, var(--jq7cl2-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jq7cl2"] {                            gap: var(--jq7cl2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--jq7cl2-padding-right-tablet, 0px) - var(--jq7cl2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jq7cl2"] {      flex-direction: var(--jq7cl2-direction-mobile, column);                 align-items: var(--jq7cl2-align-items-mobile, inherit);      gap: var(--jq7cl2-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-kkcqke"] { --kkcqke-borderStyle: solid; --kkcqke-borderStyle-tablet: solid; --kkcqke-borderStyle-mobile: solid; --kkcqke-borderWidth-tl: 4px; --kkcqke-borderWidth-tl-tablet: 4px; --kkcqke-borderWidth-tl-mobile: 4px; --kkcqke-borderWidth-tr: 0px; --kkcqke-borderWidth-tr-tablet: 0px; --kkcqke-borderWidth-tr-mobile: 0px; --kkcqke-borderWidth-bl: 0px; --kkcqke-borderWidth-bl-tablet: 0px; --kkcqke-borderWidth-bl-mobile: 0px; --kkcqke-borderWidth-br: 4px; --kkcqke-borderWidth-br-tablet: 4px; --kkcqke-borderWidth-br-mobile: 4px; --kkcqke-borderColor: #f5f5f5; --kkcqke-borderColor-tablet: #f5f5f5; --kkcqke-borderColor-mobile: #f5f5f5; --kkcqke-borderRadius-tl: 99px; --kkcqke-borderRadius-tl-tablet: 99px; --kkcqke-borderRadius-tl-mobile: 99px; --kkcqke-borderRadius-tr: 99px; --kkcqke-borderRadius-tr-tablet: 99px; --kkcqke-borderRadius-tr-mobile: 99px; --kkcqke-borderRadius-bl: 99px; --kkcqke-borderRadius-bl-tablet: 99px; --kkcqke-borderRadius-bl-mobile: 99px; --kkcqke-borderRadius-br: 99px; --kkcqke-borderRadius-br-tablet: 99px; --kkcqke-borderRadius-br-mobile: 99px; --kkcqke-margin-top: 0px; --kkcqke-margin-top-tablet: 0px; --kkcqke-margin-top-mobile: 0px; --kkcqke-margin-right: 0px; --kkcqke-margin-right-tablet: 0px; --kkcqke-margin-right-mobile: 0px; --kkcqke-margin-bottom: 0px; --kkcqke-margin-bottom-tablet: 0px; --kkcqke-margin-bottom-mobile: 0px; --kkcqke-margin-left: 0px; --kkcqke-margin-left-tablet: 0px; --kkcqke-margin-left-mobile: 0px; --kkcqke-enableShadow: false; --kkcqke-enableShadow-tablet: false; --kkcqke-enableShadow-mobile: false; --kkcqke-btnWdith: 80px; --kkcqke-btnWdith-tablet: 80px; --kkcqke-btnWdith-mobile: 80px; --kkcqke-typography: p; --kkcqke-typography-tablet: p; --kkcqke-typography-mobile: p; --kkcqke-inputWidth: 60px; --kkcqke-inputWidth-tablet: 60px; --kkcqke-inputWidth-mobile: 60px; --kkcqke-btnWidth: 40px; --kkcqke-btnWidth-tablet: 40px; --kkcqke-btnWidth-mobile: 40px; --kkcqke-inputBg: #f5f5f5; --kkcqke-inputBg-tablet: #f5f5f5; --kkcqke-inputBg-mobile: #f5f5f5; }[data-bnode="beae-kkcqke"] { margin-top: var(--kkcqke-margin-top, 0px); margin-right: var(--kkcqke-margin-right, 0px); margin-bottom: var(--kkcqke-margin-bottom, 0px); margin-left: var(--kkcqke-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kkcqke-margin-top-tablet, 0px); margin-right: var(--kkcqke-margin-right-tablet, 0px); margin-bottom: var(--kkcqke-margin-bottom-tablet, 0px); margin-left: var(--kkcqke-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kkcqke-margin-top-mobile, 0px); margin-right: var(--kkcqke-margin-right-mobile, 0px); margin-bottom: var(--kkcqke-margin-bottom-mobile, 0px); margin-left: var(--kkcqke-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: var(--kkcqke-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--kkcqke-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--kkcqke-gap-mobile, 16px); } .beae-qty-wrap { display: flex; align-items: stretch; width: if(style(--kkcqke-inputWidth: 100%): 100%; else: fit-content); border-style: var(--kkcqke-borderStyle,solid); border-color: var(--kkcqke-borderColor,#000000); border-width: var(--kkcqke-borderWidth-tl,0px) var(--kkcqke-borderWidth-tr,0px) var(--kkcqke-borderWidth-br,0px) var(--kkcqke-borderWidth-bl,0px); border-radius: var(--kkcqke-borderRadius-tl,0px) var(--kkcqke-borderRadius-tr,0px) var(--kkcqke-borderRadius-br,0px) var(--kkcqke-borderRadius-bl,0px); box-shadow: var(--kkcqke-shadowHorizontal, 0) var(--kkcqke-shadowVertical, 0) var(--kkcqke-shadowBlur, 0) 0 var(--kkcqke-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--kkcqke-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--kkcqke-borderWidth-tl-tablet, 0px) var(--kkcqke-borderWidth-tr-tablet, 0px) var(--kkcqke-borderWidth-br-tablet, 0px) var(--kkcqke-borderWidth-bl-tablet, 0px); border-radius: var(--kkcqke-borderRadius-tl-tablet, 0px) var(--kkcqke-borderRadius-tr-tablet, 0px) var(--kkcqke-borderRadius-br-tablet, 0px) var(--kkcqke-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--kkcqke-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--kkcqke-borderWidth-tl-mobile, 0px) var(--kkcqke-borderWidth-tr-mobile, 0px) var(--kkcqke-borderWidth-br-mobile, 0px) var(--kkcqke-borderWidth-bl-mobile, 0px); border-radius: var(--kkcqke-borderRadius-tl-mobile, 0px) var(--kkcqke-borderRadius-tr-mobile, 0px) var(--kkcqke-borderRadius-br-mobile, 0px) var(--kkcqke-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--kkcqke-btnWidth, 40px); height: var(--kkcqke-btnWidth, 40px); padding: 0; border: none; background: var(--kkcqke-btnBg, #f5f5f5); color: var(--kkcqke-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--kkcqke-btnWidth-tablet, 40px); height: var(--kkcqke-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--kkcqke-btnWidth-mobile, 40px); height: var(--kkcqke-btnWidth-mobile, 40px); } } .beae-qty-input { flex: 1; min-width: 0; width: var(--kkcqke-inputWidth, 40px); text-align: center; border: none; color: var(--kkcqke-inputColor, #333); background: var(--kkcqke-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--kkcqke-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--kkcqke-inputWidth-mobile, 40px); } } .beae-qty-input::-webkit-outer-spin-button, .beae-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .beae-qty-input:focus { outline: none; } .beae-qty-warning { color: #f59e0b; } } }[data-bnode="beae-zb6h3y"] { --zb6h3y-direction: column; --zb6h3y-direction-tablet: column; --zb6h3y-direction-mobile: column; --zb6h3y-structure: auto; --zb6h3y-structure-tablet: auto; --zb6h3y-structure-mobile: auto; --zb6h3y-max-width: 100%; --zb6h3y-max-width-tablet: 100%; --zb6h3y-max-width-mobile: 100%; --zb6h3y-justify-content: flex-start; --zb6h3y-justify-content-tablet: flex-start; --zb6h3y-justify-content-mobile: flex-start; }[data-bnode="beae-zb6h3y"] { padding-top: var(--zb6h3y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zb6h3y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zb6h3y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zb6h3y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zb6h3y-padding-top-tablet, var(--zb6h3y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zb6h3y-padding-right-tablet, var(--zb6h3y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zb6h3y-padding-bottom-tablet, var(--zb6h3y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zb6h3y-padding-left-tablet, var(--zb6h3y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zb6h3y-padding-top-mobile, var(--zb6h3y-padding-top-tablet, var(--zb6h3y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zb6h3y-padding-right-mobile, var(--zb6h3y-padding-right-tablet, var(--zb6h3y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zb6h3y-padding-bottom-mobile, var(--zb6h3y-padding-bottom-tablet, var(--zb6h3y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zb6h3y-padding-left-mobile, var(--zb6h3y-padding-left-tablet, var(--zb6h3y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zb6h3y-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zb6h3y-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zb6h3y-background-imageRatio, auto); background: var(--zb6h3y-background-color,transparent); border-style: var(--zb6h3y-borderStyle,solid); border-color: var(--zb6h3y-borderColor,#000000); border-width: var(--zb6h3y-borderWidth-tl,0px) var(--zb6h3y-borderWidth-tr,0px) var(--zb6h3y-borderWidth-br,0px) var(--zb6h3y-borderWidth-bl,0px); border-radius: var(--zb6h3y-borderRadius-tl,0px) var(--zb6h3y-borderRadius-tr,0px) var(--zb6h3y-borderRadius-br,0px) var(--zb6h3y-borderRadius-bl,0px); box-shadow: if(style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal,0) var(--zb6h3y-shadowVertical,0) var(--zb6h3y-shadowBlur,0) 1px var(--zb6h3y-shadowColor,#000000); else: none); max-width: var(--zb6h3y-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zb6h3y-background-imageRatio-tablet, var(--zb6h3y-background-imageRatio, auto)); border-width: var(--zb6h3y-borderWidth-tl-tablet,0px) var(--zb6h3y-borderWidth-tr-tablet,0px) var(--zb6h3y-borderWidth-br-tablet,0px) var(--zb6h3y-borderWidth-bl-tablet,0px); border-radius: var(--zb6h3y-borderRadius-tl-tablet,0px) var(--zb6h3y-borderRadius-tr-tablet,0px) var(--zb6h3y-borderRadius-br-tablet,0px) var(--zb6h3y-borderRadius-bl-tablet,0px); max-width: var(--zb6h3y-max-width-tablet, var(--zb6h3y-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zb6h3y-background-imageRatio-mobile, var(--zb6h3y-background-imageRatio, auto)); border-width: var(--zb6h3y-borderWidth-tl-mobile,0px) var(--zb6h3y-borderWidth-tr-mobile,0px) var(--zb6h3y-borderWidth-br-mobile,0px) var(--zb6h3y-borderWidth-bl-mobile,0px); border-radius: var(--zb6h3y-borderRadius-tl-mobile,0px) var(--zb6h3y-borderRadius-tr-mobile,0px) var(--zb6h3y-borderRadius-br-mobile,0px) var(--zb6h3y-borderRadius-bl-mobile,0px); max-width: var(--zb6h3y-max-width-mobile, var(--zb6h3y-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zb6h3y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zb6h3y-gap,var(--beae-card-gap)); padding-top: var(--zb6h3y-padding-top,var(--beae-card-padding)); padding-right: var(--zb6h3y-padding-right,var(--beae-card-padding)); padding-bottom: var(--zb6h3y-padding-bottom,var(--beae-card-padding)); padding-left: var(--zb6h3y-padding-left,var(--beae-card-padding)); border-width: var(--zb6h3y-borderWidth,var(--beae-card-border-width)); border-width: var(--zb6h3y-borderWidth-tl,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-tr,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-br,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zb6h3y-borderRadius-tl,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-tr,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-br,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zb6h3y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zb6h3y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zb6h3y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zb6h3y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zb6h3y-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zb6h3y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zb6h3y-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zb6h3y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zb6h3y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zb6h3y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zb6h3y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zb6h3y-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zb6h3y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zb6h3y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zb6h3y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zb6h3y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zb6h3y-background-color,var(--beae-card-featured-background)); border-color: var(--zb6h3y-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--zb6h3y-shadowVertical, var(--beae-card-shadow-y)) var(--zb6h3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zb6h3y-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zb6h3y-background-color,var(--beae-card-prod-background)); border-color: var(--zb6h3y-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--zb6h3y-shadowVertical, var(--beae-card-shadow-y)) var(--zb6h3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zb6h3y-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zb6h3y-background-color,var(--beae-card-pricing-background)); border-color: var(--zb6h3y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--zb6h3y-shadowVertical, var(--beae-card-shadow-y)) var(--zb6h3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zb6h3y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zb6h3y-background-color,var(--beae-card-cta-background)); border-color: var(--zb6h3y-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--zb6h3y-shadowVertical, var(--beae-card-shadow-y)) var(--zb6h3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zb6h3y-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zb6h3y-background-color,var(--beae-card-media-background)); border-color: var(--zb6h3y-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zb6h3y-enableShadow: true): var(--zb6h3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--zb6h3y-shadowVertical, var(--beae-card-shadow-y)) var(--zb6h3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zb6h3y-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-zb6h3y"] {     display: flex;     flex-direction: var(--zb6h3y-direction, column);     flex-wrap: nowrap;     justify-content: var(--zb6h3y-justify-content);     align-items: var(--zb6h3y-align-items);     gap: var(--zb6h3y-gap, var(--zb6h3y-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zb6h3y"] {                            gap: var(--zb6h3y-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--zb6h3y-padding-right-tablet, 0px) - var(--zb6h3y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zb6h3y"] {                            gap: var(--zb6h3y-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--zb6h3y-padding-right-mobile, 0px) - var(--zb6h3y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-sajmrf"] { --sajmrf-button: pr; --sajmrf-button-tablet: pr; --sajmrf-button-mobile: pr; --sajmrf-width: fill; --sajmrf-width-tablet: fill; --sajmrf-width-mobile: fill; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --sajmrf-transform: none; --sajmrf-transform-tablet: none; --sajmrf-transform-mobile: none; --sajmrf-iconWidth: 20px; --sajmrf-iconWidth-tablet: 20px; --sajmrf-iconWidth-mobile: 20px; --sajmrf-iconGap: 5px; --sajmrf-iconGap-tablet: 5px; --sajmrf-iconGap-mobile: 5px; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-sajmrf"] { margin-top: var(--sajmrf-margin-top, 0px); margin-right: var(--sajmrf-margin-right, 0px); margin-bottom: var(--sajmrf-margin-bottom, 0px); margin-left: var(--sajmrf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sajmrf-margin-top-tablet, 0px); margin-right: var(--sajmrf-margin-right-tablet, 0px); margin-bottom: var(--sajmrf-margin-bottom-tablet, 0px); margin-left: var(--sajmrf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sajmrf-margin-top-mobile, 0px); margin-right: var(--sajmrf-margin-right-mobile, 0px); margin-bottom: var(--sajmrf-margin-bottom-mobile, 0px); margin-left: var(--sajmrf-margin-left-mobile, 0px); } &.beae-atc-btn { gap: var(--sajmrf-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--sajmrf-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--sajmrf-bgBtnHover)) * 1%)); style(--sajmrf-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--sajmrf-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--sajmrf-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); style(--sajmrf-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--sajmrf-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--sajmrf-borderBtnHover)) * 1%)); style(--sajmrf-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--sajmrf-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--sajmrf-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--sajmrf-bgBtnHover)) * 1%)); style(--sajmrf-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--sajmrf-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--sajmrf-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); style(--sajmrf-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--sajmrf-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--sajmrf-borderBtnHover)) * 1%)); style(--sajmrf-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--sajmrf-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--sajmrf-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); style(--sajmrf-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--sajmrf-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--sajmrf-iconWidth,20px); min-width: var(--sajmrf-iconWidth,20px); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet); } gap: var(--sajmrf-iconGap-tablet); svg { width: var(--sajmrf-iconWidth-tablet,var(--sajmrf-iconWidth,20px)); min-width: var(--sajmrf-iconWidth-tablet,var(--sajmrf-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--sajmrf-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--sajmrf-iconWidth-mobile,var(--sajmrf-iconWidth,20px)); min-width: var(--sajmrf-iconWidth-mobile,var(--sajmrf-iconWidth,20px)); height: 100%; } } } }[data-bnode="beae-kytxo0"] { --kytxo0-direction: row; --kytxo0-direction-tablet: row; --kytxo0-direction-mobile: column; --kytxo0-structure: auto; --kytxo0-structure-tablet: auto; --kytxo0-structure-mobile: auto; }[data-bnode="beae-kytxo0"] { padding-top: var(--kytxo0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kytxo0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kytxo0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kytxo0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kytxo0-padding-top-tablet, var(--kytxo0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kytxo0-padding-right-tablet, var(--kytxo0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kytxo0-padding-bottom-tablet, var(--kytxo0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kytxo0-padding-left-tablet, var(--kytxo0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kytxo0-padding-top-mobile, var(--kytxo0-padding-top-tablet, var(--kytxo0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kytxo0-padding-right-mobile, var(--kytxo0-padding-right-tablet, var(--kytxo0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kytxo0-padding-bottom-mobile, var(--kytxo0-padding-bottom-tablet, var(--kytxo0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kytxo0-padding-left-mobile, var(--kytxo0-padding-left-tablet, var(--kytxo0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--kytxo0-padding-left, var(--beae-slot-padding-x, 0px)) - var(--kytxo0-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--kytxo0-background-imageRatio, auto); background: var(--kytxo0-background-color,transparent); border-style: var(--kytxo0-borderStyle,solid); border-color: var(--kytxo0-borderColor,#000000); border-width: var(--kytxo0-borderWidth-tl,0px) var(--kytxo0-borderWidth-tr,0px) var(--kytxo0-borderWidth-br,0px) var(--kytxo0-borderWidth-bl,0px); border-radius: var(--kytxo0-borderRadius-tl,0px) var(--kytxo0-borderRadius-tr,0px) var(--kytxo0-borderRadius-br,0px) var(--kytxo0-borderRadius-bl,0px); box-shadow: if(style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal,0) var(--kytxo0-shadowVertical,0) var(--kytxo0-shadowBlur,0) 1px var(--kytxo0-shadowColor,#000000); else: none); max-width: var(--kytxo0-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--kytxo0-background-imageRatio-tablet, var(--kytxo0-background-imageRatio, auto)); border-width: var(--kytxo0-borderWidth-tl-tablet,0px) var(--kytxo0-borderWidth-tr-tablet,0px) var(--kytxo0-borderWidth-br-tablet,0px) var(--kytxo0-borderWidth-bl-tablet,0px); border-radius: var(--kytxo0-borderRadius-tl-tablet,0px) var(--kytxo0-borderRadius-tr-tablet,0px) var(--kytxo0-borderRadius-br-tablet,0px) var(--kytxo0-borderRadius-bl-tablet,0px); max-width: var(--kytxo0-max-width-tablet, var(--kytxo0-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--kytxo0-background-imageRatio-mobile, var(--kytxo0-background-imageRatio, auto)); border-width: var(--kytxo0-borderWidth-tl-mobile,0px) var(--kytxo0-borderWidth-tr-mobile,0px) var(--kytxo0-borderWidth-br-mobile,0px) var(--kytxo0-borderWidth-bl-mobile,0px); border-radius: var(--kytxo0-borderRadius-tl-mobile,0px) var(--kytxo0-borderRadius-tr-mobile,0px) var(--kytxo0-borderRadius-br-mobile,0px) var(--kytxo0-borderRadius-bl-mobile,0px); max-width: var(--kytxo0-max-width-mobile, var(--kytxo0-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kytxo0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--kytxo0-gap,var(--beae-card-gap)); padding-top: var(--kytxo0-padding-top,var(--beae-card-padding)); padding-right: var(--kytxo0-padding-right,var(--beae-card-padding)); padding-bottom: var(--kytxo0-padding-bottom,var(--beae-card-padding)); padding-left: var(--kytxo0-padding-left,var(--beae-card-padding)); border-width: var(--kytxo0-borderWidth,var(--beae-card-border-width)); border-width: var(--kytxo0-borderWidth-tl,var(--beae-card-border-width)) var(--kytxo0-borderWidth-tr,var(--beae-card-border-width)) var(--kytxo0-borderWidth-br,var(--beae-card-border-width)) var(--kytxo0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kytxo0-borderRadius-tl,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-tr,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-br,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--kytxo0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kytxo0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kytxo0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kytxo0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kytxo0-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--kytxo0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kytxo0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kytxo0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kytxo0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kytxo0-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--kytxo0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kytxo0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kytxo0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kytxo0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kytxo0-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--kytxo0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kytxo0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kytxo0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kytxo0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kytxo0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kytxo0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kytxo0-background-color,var(--beae-card-featured-background)); border-color: var(--kytxo0-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal, var(--beae-card-shadow-x)) var(--kytxo0-shadowVertical, var(--beae-card-shadow-y)) var(--kytxo0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kytxo0-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--kytxo0-background-color,var(--beae-card-prod-background)); border-color: var(--kytxo0-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal, var(--beae-card-shadow-x)) var(--kytxo0-shadowVertical, var(--beae-card-shadow-y)) var(--kytxo0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kytxo0-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--kytxo0-background-color,var(--beae-card-pricing-background)); border-color: var(--kytxo0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal, var(--beae-card-shadow-x)) var(--kytxo0-shadowVertical, var(--beae-card-shadow-y)) var(--kytxo0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kytxo0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--kytxo0-background-color,var(--beae-card-cta-background)); border-color: var(--kytxo0-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal, var(--beae-card-shadow-x)) var(--kytxo0-shadowVertical, var(--beae-card-shadow-y)) var(--kytxo0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kytxo0-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--kytxo0-background-color,var(--beae-card-media-background)); border-color: var(--kytxo0-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--kytxo0-enableShadow: true): var(--kytxo0-shadowHorizontal, var(--beae-card-shadow-x)) var(--kytxo0-shadowVertical, var(--beae-card-shadow-y)) var(--kytxo0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kytxo0-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-kytxo0"] {     display: flex;     flex-direction: var(--kytxo0-direction, column);     flex-wrap: nowrap;     justify-content: var(--kytxo0-justify-content);     align-items: var(--kytxo0-align-items);     gap: var(--kytxo0-gap, var(--kytxo0-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kytxo0"] {                            gap: var(--kytxo0-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--kytxo0-padding-right-tablet, 0px) - var(--kytxo0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kytxo0"] {      flex-direction: var(--kytxo0-direction-mobile, column);                      gap: var(--kytxo0-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-yym8gt"] { --yym8gt-columns: 2; --yym8gt-columns-tablet: 2; --yym8gt-columns-mobile: 1; --yym8gt-gap: 12px; --yym8gt-gap-tablet: 16px; --yym8gt-gap-mobile: 16px; --yym8gt-navType: false; --yym8gt-navType-tablet: false; --yym8gt-navType-mobile: false; --yym8gt-pagiType: false; --yym8gt-pagiType-tablet: false; --yym8gt-pagiType-mobile: false; --yym8gt-listType: grid; --yym8gt-listType-tablet: grid; --yym8gt-listType-mobile: grid; --yym8gt-stateNavigation: normal; --yym8gt-stateNavigation-tablet: normal; --yym8gt-stateNavigation-mobile: normal; --yym8gt-statePagination: normal; --yym8gt-statePagination-tablet: normal; --yym8gt-statePagination-mobile: normal; --yym8gt-stateNavigtion: normal; --yym8gt-stateNavigtion-tablet: normal; --yym8gt-stateNavigtion-mobile: normal; --yym8gt-margin-top: 16px; --yym8gt-margin-top-tablet: 16px; --yym8gt-margin-top-mobile: 16px; --yym8gt-margin-right: 0px; --yym8gt-margin-right-tablet: 0px; --yym8gt-margin-right-mobile: 0px; --yym8gt-margin-bottom: 0px; --yym8gt-margin-bottom-tablet: 0px; --yym8gt-margin-bottom-mobile: 0px; --yym8gt-margin-left: 0px; --yym8gt-margin-left-tablet: 0px; --yym8gt-margin-left-mobile: 0px; --yym8gt-columnsMobile-mobile: 1; } [data-bnode="beae-yym8gt"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-yym8gt"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-yym8gt"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-yym8gt"] [data-bnode="beae-8xwt9e"] { --8xwt9e-width: 20px; --8xwt9e-imageRatio: 1/1; --8xwt9e-objFit: cover; --8xwt9e-borderColor: #000000; --8xwt9e-shadowColor: #000000; --8xwt9e-borderStyle: none; --8xwt9e-enableShadow: false; } [data-bnode="beae-yym8gt"] [data-bnode="beae-cthdu5"] { --cthdu5-typography: h6; --beae-h6-font-size: 14px; --beae-h6-font-size-tablet: 14px; --beae-h6-font-size-mobile: 14px; --beae-h6-color: #143052; --beae-h6-font-weight: 700; --beae-h6-line-height: 1.5; --beae-h6-line-height-tablet: 1.5; --beae-h6-line-height-mobile: 1.5; --beae-h6-letter-spacing: 0px; --beae-h6-letter-spacing-tablet: 0px; --beae-h6-letter-spacing-mobile: 0px; --beae-h6-text-transform: capitalize; } [data-bnode="beae-yym8gt"] [data-bnode="beae-yrenbc"] { --yrenbc-typography: p; } [data-bnode="beae-yym8gt"] [data-bnode="beae-b1ueoa"] { --b1ueoa-direction: column; --b1ueoa-structure: columns; --b1ueoa-gap: 8px; } [data-bnode="beae-yym8gt"] [data-bnode="beae-22vip9"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-yym8gt"] [data-bnode="beae-l3wzg6"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --l3wzg6-typography: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 15px; --beae-h5-font-size-mobile: 15px; --beae-h5-color: #143052; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; } [data-bnode="beae-yym8gt"] [data-bnode="beae-l3wzg6"] { --beae-h3-font-size: 32px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #143052; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --l3wzg6-typography: h3; --l3wzg6-typography-tablet: h3; --l3wzg6-typography-mobile: h3; } [data-bnode="beae-yym8gt"] [data-bnode="beae-22vip9"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --22vip9-typography: p; --22vip9-typography-tablet: p; --22vip9-typography-mobile: p; } [data-bnode="beae-yym8gt"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: row; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-align-items: flex-start; --be-ctl-item-align-items-tablet: flex-start; --be-ctl-item-align-items-mobile: flex-start; --be-ctl-item-justify-content: flex-start; --be-ctl-item-justify-content-tablet: flex-start; --be-ctl-item-justify-content-mobile: flex-start; --be-ctl-item-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; }[data-bnode="beae-yym8gt"] { margin-top: var(--yym8gt-margin-top, 0px); margin-right: var(--yym8gt-margin-right, 0px); margin-bottom: var(--yym8gt-margin-bottom, 0px); margin-left: var(--yym8gt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yym8gt-margin-top-tablet, 0px); margin-right: var(--yym8gt-margin-right-tablet, 0px); margin-bottom: var(--yym8gt-margin-bottom-tablet, 0px); margin-left: var(--yym8gt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yym8gt-margin-top-mobile, 0px); margin-right: var(--yym8gt-margin-right-mobile, 0px); margin-bottom: var(--yym8gt-margin-bottom-mobile, 0px); margin-left: var(--yym8gt-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--yym8gt-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--yym8gt-gap,var(--beae-grid-gap, 20px)) * (var(--yym8gt-columns, 3) - 1) + 1px) / var(--yym8gt-columns, 3)); &:last-child{ margin-right: var(--yym8gt-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--yym8gt-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--yym8gt-columns) - 1) * var(--yym8gt-gap,var(--beae-grid-gap, 20px))) / var(--yym8gt-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--yym8gt-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--yym8gt-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--yym8gt-columns-tablet, 3) - 1)) / var(--yym8gt-columns-tablet, 3)); &:last-child{ margin-right: var(--yym8gt-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--yym8gt-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--yym8gt-columns-tablet) - 1) * var(--yym8gt-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--yym8gt-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--yym8gt-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--yym8gt-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--yym8gt-columnsMobile-mobile, 1) - 1)) / var(--yym8gt-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--yym8gt-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--yym8gt-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--yym8gt-columnsMobile-mobile) - 1) * var(--yym8gt-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--yym8gt-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--yym8gt-navPadding,12px); background:var(--yym8gt-navBg,#F5F5F5); color: var(--yym8gt-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--yym8gt-navBgHover,#CCCCCC); color: var(--yym8gt-navColorHover,var(--beae-text-color)); } svg { width: var(--yym8gt-navIconSize,20px); height: var(--yym8gt-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--yym8gt-pagiBg,#E6E6E6); &.active { background:var(--yym8gt-pagiBgActive,#181818); } &:not(.active):hover { background:var(--yym8gt-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--yym8gt-pagiColor,#e6e6e6); &.active { color:var(--yym8gt-pagiColorActive,#181818); } &:not(.active):hover { color: var(--yym8gt-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--yym8gt-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--yym8gt-pagiBg,#E6E6E6); &.active { background: var(--yym8gt-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--yym8gt-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-yym8gt"] [data-bnode="beae-8xwt9e"] { margin-top: var(--8xwt9e-margin-top, 0px); margin-right: var(--8xwt9e-margin-right, 0px); margin-bottom: var(--8xwt9e-margin-bottom, 0px); margin-left: var(--8xwt9e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8xwt9e-margin-top-tablet, 0px); margin-right: var(--8xwt9e-margin-right-tablet, 0px); margin-bottom: var(--8xwt9e-margin-bottom-tablet, 0px); margin-left: var(--8xwt9e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8xwt9e-margin-top-mobile, 0px); margin-right: var(--8xwt9e-margin-right-mobile, 0px); margin-bottom: var(--8xwt9e-margin-bottom-mobile, 0px); margin-left: var(--8xwt9e-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--8xwt9e-width,100%) - var(--8xwt9e-margin-left,0px) - var(--8xwt9e-margin-right,0px)); min-height: min-content; border-style: var(--8xwt9e-borderStyle,solid); border-color: var(--8xwt9e-borderColor,#000000); border-width: var(--8xwt9e-borderWidth-tl,0px) var(--8xwt9e-borderWidth-tr,0px) var(--8xwt9e-borderWidth-br,0px) var(--8xwt9e-borderWidth-bl,0px); border-radius: var(--8xwt9e-borderRadius-tl,0px) var(--8xwt9e-borderRadius-tr,0px) var(--8xwt9e-borderRadius-br,0px) var(--8xwt9e-borderRadius-bl,0px); aspect-ratio: var(--8xwt9e-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--8xwt9e-borderWidth-tl-tablet, var(--8xwt9e-borderWidth-tl,0px)) var(--8xwt9e-borderWidth-tr-tablet, var(--8xwt9e-borderWidth-tr,0px)) var(--8xwt9e-borderWidth-br-tablet, var(--8xwt9e-borderWidth-br,0px)) var(--8xwt9e-borderWidth-bl-tablet, var(--8xwt9e-borderWidth-bl,0px)); border-radius: var(--8xwt9e-borderRadius-tl-tablet, var(--8xwt9e-borderRadius-tl,0px)) var(--8xwt9e-borderRadius-tr-tablet, var(--8xwt9e-borderRadius-tr,0px)) var(--8xwt9e-borderRadius-br-tablet, var(--8xwt9e-borderRadius-br,0px)) var(--8xwt9e-borderRadius-bl-tablet, var(--8xwt9e-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--8xwt9e-borderWidth-tl-mobile, var(--8xwt9e-borderWidth-tl,0px)) var(--8xwt9e-borderWidth-tr-mobile, var(--8xwt9e-borderWidth-tr,0px)) var(--8xwt9e-borderWidth-br-mobile, var(--8xwt9e-borderWidth-br,0px)) var(--8xwt9e-borderWidth-bl-mobile, var(--8xwt9e-borderWidth-bl,0px)); border-radius: var(--8xwt9e-borderRadius-tl-mobile, var(--8xwt9e-borderRadius-tl,0px)) var(--8xwt9e-borderRadius-tr-mobile, var(--8xwt9e-borderRadius-tr,0px)) var(--8xwt9e-borderRadius-br-mobile, var(--8xwt9e-borderRadius-br,0px)) var(--8xwt9e-borderRadius-bl-mobile, var(--8xwt9e-borderRadius-bl,0px)); } box-shadow: if( style(--8xwt9e-enableShadow: true): var(--8xwt9e-shadowHorizontal, 0) var(--8xwt9e-shadowVertical, 0) var(--8xwt9e-shadowBlur, 0) 1px var(--8xwt9e-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--8xwt9e-overlayColor-color, #000); opacity: var(--8xwt9e-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--8xwt9e-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--8xwt9e-width-tablet,var(--8xwt9e-width,100%)) - var(--8xwt9e-margin-left-tablet,var(--8xwt9e-margin-left,0px)) - var(--8xwt9e-margin-right-tablet,var(--8xwt9e-margin-right,0px))); aspect-ratio: var(--8xwt9e-imageRatio-tablet, var(--8xwt9e-imageRatio, auto)); img { object-fit: var(--8xwt9e-objFit-tablet, var(--8xwt9e-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--8xwt9e-width-mobile,var(--8xwt9e-width,100%)) - var(--8xwt9e-margin-left-mobile,var(--8xwt9e-margin-left,0px)) - var(--8xwt9e-margin-right-mobile,var(--8xwt9e-margin-right,0px))); aspect-ratio: var(--8xwt9e-imageRatio-mobile, var(--8xwt9e-imageRatio, auto)); img { object-fit: var(--8xwt9e-objFit-mobile, var(--8xwt9e-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-yym8gt"] [data-bnode="beae-b1ueoa"] { padding-top: var(--b1ueoa-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--b1ueoa-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--b1ueoa-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--b1ueoa-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--b1ueoa-padding-top-tablet, var(--b1ueoa-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--b1ueoa-padding-right-tablet, var(--b1ueoa-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--b1ueoa-padding-bottom-tablet, var(--b1ueoa-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--b1ueoa-padding-left-tablet, var(--b1ueoa-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--b1ueoa-padding-top-mobile, var(--b1ueoa-padding-top-tablet, var(--b1ueoa-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--b1ueoa-padding-right-mobile, var(--b1ueoa-padding-right-tablet, var(--b1ueoa-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--b1ueoa-padding-bottom-mobile, var(--b1ueoa-padding-bottom-tablet, var(--b1ueoa-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--b1ueoa-padding-left-mobile, var(--b1ueoa-padding-left-tablet, var(--b1ueoa-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--b1ueoa-padding-left, var(--beae-slot-padding-x, 0px)) - var(--b1ueoa-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--b1ueoa-background-imageRatio, auto); background: var(--b1ueoa-background-color,transparent); border-style: var(--b1ueoa-borderStyle,solid); border-color: var(--b1ueoa-borderColor,#000000); border-width: var(--b1ueoa-borderWidth-tl,0px) var(--b1ueoa-borderWidth-tr,0px) var(--b1ueoa-borderWidth-br,0px) var(--b1ueoa-borderWidth-bl,0px); border-radius: var(--b1ueoa-borderRadius-tl,0px) var(--b1ueoa-borderRadius-tr,0px) var(--b1ueoa-borderRadius-br,0px) var(--b1ueoa-borderRadius-bl,0px); box-shadow: if(style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal,0) var(--b1ueoa-shadowVertical,0) var(--b1ueoa-shadowBlur,0) 1px var(--b1ueoa-shadowColor,#000000); else: none); max-width: var(--b1ueoa-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--b1ueoa-background-imageRatio-tablet, var(--b1ueoa-background-imageRatio, auto)); border-width: var(--b1ueoa-borderWidth-tl-tablet,0px) var(--b1ueoa-borderWidth-tr-tablet,0px) var(--b1ueoa-borderWidth-br-tablet,0px) var(--b1ueoa-borderWidth-bl-tablet,0px); border-radius: var(--b1ueoa-borderRadius-tl-tablet,0px) var(--b1ueoa-borderRadius-tr-tablet,0px) var(--b1ueoa-borderRadius-br-tablet,0px) var(--b1ueoa-borderRadius-bl-tablet,0px); max-width: var(--b1ueoa-max-width-tablet, var(--b1ueoa-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--b1ueoa-background-imageRatio-mobile, var(--b1ueoa-background-imageRatio, auto)); border-width: var(--b1ueoa-borderWidth-tl-mobile,0px) var(--b1ueoa-borderWidth-tr-mobile,0px) var(--b1ueoa-borderWidth-br-mobile,0px) var(--b1ueoa-borderWidth-bl-mobile,0px); border-radius: var(--b1ueoa-borderRadius-tl-mobile,0px) var(--b1ueoa-borderRadius-tr-mobile,0px) var(--b1ueoa-borderRadius-br-mobile,0px) var(--b1ueoa-borderRadius-bl-mobile,0px); max-width: var(--b1ueoa-max-width-mobile, var(--b1ueoa-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--b1ueoa-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--b1ueoa-gap,var(--beae-card-gap)); padding-top: var(--b1ueoa-padding-top,var(--beae-card-padding)); padding-right: var(--b1ueoa-padding-right,var(--beae-card-padding)); padding-bottom: var(--b1ueoa-padding-bottom,var(--beae-card-padding)); padding-left: var(--b1ueoa-padding-left,var(--beae-card-padding)); border-width: var(--b1ueoa-borderWidth,var(--beae-card-border-width)); border-width: var(--b1ueoa-borderWidth-tl,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-tr,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-br,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--b1ueoa-borderRadius-tl,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-tr,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-br,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--b1ueoa-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--b1ueoa-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--b1ueoa-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--b1ueoa-padding-left-tablet,var(--beae-card-padding)); border-width: var(--b1ueoa-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--b1ueoa-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-br-desktop,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--b1ueoa-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--b1ueoa-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--b1ueoa-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--b1ueoa-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--b1ueoa-padding-left-mobile,var(--beae-card-padding)); border-width: var(--b1ueoa-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--b1ueoa-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-br-mobile,var(--beae-card-border-width)) var(--b1ueoa-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--b1ueoa-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--b1ueoa-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--b1ueoa-background-color,var(--beae-card-featured-background)); border-color: var(--b1ueoa-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1ueoa-shadowVertical, var(--beae-card-shadow-y)) var(--b1ueoa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1ueoa-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--b1ueoa-background-color,var(--beae-card-prod-background)); border-color: var(--b1ueoa-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1ueoa-shadowVertical, var(--beae-card-shadow-y)) var(--b1ueoa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1ueoa-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--b1ueoa-background-color,var(--beae-card-pricing-background)); border-color: var(--b1ueoa-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1ueoa-shadowVertical, var(--beae-card-shadow-y)) var(--b1ueoa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1ueoa-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--b1ueoa-background-color,var(--beae-card-cta-background)); border-color: var(--b1ueoa-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1ueoa-shadowVertical, var(--beae-card-shadow-y)) var(--b1ueoa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1ueoa-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--b1ueoa-background-color,var(--beae-card-media-background)); border-color: var(--b1ueoa-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--b1ueoa-enableShadow: true): var(--b1ueoa-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1ueoa-shadowVertical, var(--beae-card-shadow-y)) var(--b1ueoa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1ueoa-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-yym8gt"] [data-bnode="beae-l3wzg6"] { margin-top: var(--l3wzg6-margin-top, 0px); margin-right: var(--l3wzg6-margin-right, 0px); margin-bottom: var(--l3wzg6-margin-bottom, 0px); margin-left: var(--l3wzg6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l3wzg6-margin-top-tablet, 0px); margin-right: var(--l3wzg6-margin-right-tablet, 0px); margin-bottom: var(--l3wzg6-margin-bottom-tablet, 0px); margin-left: var(--l3wzg6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l3wzg6-margin-top-mobile, 0px); margin-right: var(--l3wzg6-margin-right-mobile, 0px); margin-bottom: var(--l3wzg6-margin-bottom-mobile, 0px); margin-left: var(--l3wzg6-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--l3wzg6-highlightColor,var(--beae-p-color)); top: var(--l3wzg6-highlightTop, 100%); } } [data-bnode="beae-yym8gt"] [data-bnode="beae-22vip9"] { margin-top: var(--22vip9-margin-top, 0px); margin-right: var(--22vip9-margin-right, 0px); margin-bottom: var(--22vip9-margin-bottom, 0px); margin-left: var(--22vip9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--22vip9-margin-top-tablet, 0px); margin-right: var(--22vip9-margin-right-tablet, 0px); margin-bottom: var(--22vip9-margin-bottom-tablet, 0px); margin-left: var(--22vip9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--22vip9-margin-top-mobile, 0px); margin-right: var(--22vip9-margin-right-mobile, 0px); margin-bottom: var(--22vip9-margin-bottom-mobile, 0px); margin-left: var(--22vip9-margin-left-mobile, 0px); } } [data-bnode="beae-yym8gt"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-yym8gt"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yym8gt"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-yym8gt"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-b1ueoa"] {     display: flex;     flex-direction: var(--b1ueoa-direction, column);     flex-wrap: nowrap;     justify-content: var(--b1ueoa-justify-content);     align-items: var(--b1ueoa-align-items);     gap: var(--b1ueoa-gap, var(--b1ueoa-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-b1ueoa"] {                            gap: var(--b1ueoa-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--b1ueoa-padding-right-tablet, 0px) - var(--b1ueoa-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-b1ueoa"] {                            gap: var(--b1ueoa-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--b1ueoa-padding-right-mobile, 0px) - var(--b1ueoa-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2br1av"] { --2br1av-width: 1600px; --2br1av-width-tablet: 1600px; --2br1av-width-mobile: 1600px; --2br1av-height: fit-content; --2br1av-height-tablet: fit-content; --2br1av-height-mobile: fit-content; --2br1av-padding-top: 40px; --2br1av-padding-top-tablet: 40px; --2br1av-padding-top-mobile: 40px; --2br1av-padding-right: 30px; --2br1av-padding-right-tablet: 28px; --2br1av-padding-right-mobile: 16px; --2br1av-padding-bottom: 80px; --2br1av-padding-bottom-tablet: 40px; --2br1av-padding-bottom-mobile: 40px; --2br1av-padding-left: 30px; --2br1av-padding-left-tablet: 28px; --2br1av-padding-left-mobile: 16px; }[data-bnode="beae-2br1av"] { padding-top: var(--2br1av-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--2br1av-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--2br1av-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--2br1av-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2br1av-padding-top-tablet, var(--2br1av-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--2br1av-padding-right-tablet, var(--2br1av-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--2br1av-padding-bottom-tablet, var(--2br1av-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--2br1av-padding-left-tablet, var(--2br1av-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2br1av-padding-top-mobile, var(--2br1av-padding-top-tablet, var(--2br1av-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--2br1av-padding-right-mobile, var(--2br1av-padding-right-tablet, var(--2br1av-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--2br1av-padding-bottom-mobile, var(--2br1av-padding-bottom-tablet, var(--2br1av-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--2br1av-padding-left-mobile, var(--2br1av-padding-left-tablet, var(--2br1av-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--2br1av-padding-left, var(--beae-section-padding-x, 0px)) - var(--2br1av-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--2br1av-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--2br1av-height); width: 100%; max-width: var(--2br1av-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--2br1av-height-tablet, auto); width: 100%; max-width: var(--2br1av-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--2br1av-height-mobile, auto); width: 100%; max-width: var(--2br1av-width-mobile, 100%); } } } }[data-bnode="beae-2br1av"] > .beae-section-container{     display: flex;     flex-direction: var(--2br1av-direction, column);     flex-wrap: nowrap;     justify-content: var(--2br1av-justify-content);     align-items: var(--2br1av-align-items);     gap: var(--2br1av-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2br1av"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2br1av-padding-right-tablet, 0px) - var(--2br1av-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2br1av"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2br1av-padding-right-mobile, 0px) - var(--2br1av-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9ubiyw"] { --9ubiyw-direction: row; --9ubiyw-direction-tablet: row; --9ubiyw-direction-mobile: column; --9ubiyw-structure: columns; --9ubiyw-structure-tablet: auto; --9ubiyw-structure-mobile: auto; --9ubiyw-background-type: color; --9ubiyw-background-type-tablet: color; --9ubiyw-background-type-mobile: color; --9ubiyw-background-color: #F2F4F9; --9ubiyw-background-color-tablet: #F2F4F9; --9ubiyw-background-color-mobile: #F2F4F9; --9ubiyw-borderRadius-tl: 24px; --9ubiyw-borderRadius-tl-tablet: 24px; --9ubiyw-borderRadius-tl-mobile: 24px; --9ubiyw-borderRadius-tr: 24px; --9ubiyw-borderRadius-tr-tablet: 24px; --9ubiyw-borderRadius-tr-mobile: 24px; --9ubiyw-borderRadius-bl: 24px; --9ubiyw-borderRadius-bl-tablet: 24px; --9ubiyw-borderRadius-bl-mobile: 24px; --9ubiyw-borderRadius-br: 24px; --9ubiyw-borderRadius-br-tablet: 24px; --9ubiyw-borderRadius-br-mobile: 24px; --9ubiyw-align-items-tablet: stretch; --9ubiyw-align-items-mobile: stretch; }[data-bnode="beae-9ubiyw"] { padding-top: var(--9ubiyw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9ubiyw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9ubiyw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9ubiyw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9ubiyw-padding-top-tablet, var(--9ubiyw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9ubiyw-padding-right-tablet, var(--9ubiyw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9ubiyw-padding-bottom-tablet, var(--9ubiyw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9ubiyw-padding-left-tablet, var(--9ubiyw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9ubiyw-padding-top-mobile, var(--9ubiyw-padding-top-tablet, var(--9ubiyw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9ubiyw-padding-right-mobile, var(--9ubiyw-padding-right-tablet, var(--9ubiyw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9ubiyw-padding-bottom-mobile, var(--9ubiyw-padding-bottom-tablet, var(--9ubiyw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9ubiyw-padding-left-mobile, var(--9ubiyw-padding-left-tablet, var(--9ubiyw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--9ubiyw-padding-left, var(--beae-slot-padding-x, 0px)) - var(--9ubiyw-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--9ubiyw-background-imageRatio, auto); background: var(--9ubiyw-background-color,transparent); border-style: var(--9ubiyw-borderStyle,solid); border-color: var(--9ubiyw-borderColor,#000000); border-width: var(--9ubiyw-borderWidth-tl,0px) var(--9ubiyw-borderWidth-tr,0px) var(--9ubiyw-borderWidth-br,0px) var(--9ubiyw-borderWidth-bl,0px); border-radius: var(--9ubiyw-borderRadius-tl,0px) var(--9ubiyw-borderRadius-tr,0px) var(--9ubiyw-borderRadius-br,0px) var(--9ubiyw-borderRadius-bl,0px); box-shadow: if(style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal,0) var(--9ubiyw-shadowVertical,0) var(--9ubiyw-shadowBlur,0) 1px var(--9ubiyw-shadowColor,#000000); else: none); max-width: var(--9ubiyw-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--9ubiyw-background-imageRatio-tablet, var(--9ubiyw-background-imageRatio, auto)); border-width: var(--9ubiyw-borderWidth-tl-tablet,0px) var(--9ubiyw-borderWidth-tr-tablet,0px) var(--9ubiyw-borderWidth-br-tablet,0px) var(--9ubiyw-borderWidth-bl-tablet,0px); border-radius: var(--9ubiyw-borderRadius-tl-tablet,0px) var(--9ubiyw-borderRadius-tr-tablet,0px) var(--9ubiyw-borderRadius-br-tablet,0px) var(--9ubiyw-borderRadius-bl-tablet,0px); max-width: var(--9ubiyw-max-width-tablet, var(--9ubiyw-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--9ubiyw-background-imageRatio-mobile, var(--9ubiyw-background-imageRatio, auto)); border-width: var(--9ubiyw-borderWidth-tl-mobile,0px) var(--9ubiyw-borderWidth-tr-mobile,0px) var(--9ubiyw-borderWidth-br-mobile,0px) var(--9ubiyw-borderWidth-bl-mobile,0px); border-radius: var(--9ubiyw-borderRadius-tl-mobile,0px) var(--9ubiyw-borderRadius-tr-mobile,0px) var(--9ubiyw-borderRadius-br-mobile,0px) var(--9ubiyw-borderRadius-bl-mobile,0px); max-width: var(--9ubiyw-max-width-mobile, var(--9ubiyw-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9ubiyw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--9ubiyw-gap,var(--beae-card-gap)); padding-top: var(--9ubiyw-padding-top,var(--beae-card-padding)); padding-right: var(--9ubiyw-padding-right,var(--beae-card-padding)); padding-bottom: var(--9ubiyw-padding-bottom,var(--beae-card-padding)); padding-left: var(--9ubiyw-padding-left,var(--beae-card-padding)); border-width: var(--9ubiyw-borderWidth,var(--beae-card-border-width)); border-width: var(--9ubiyw-borderWidth-tl,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-tr,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-br,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9ubiyw-borderRadius-tl,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-tr,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-br,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--9ubiyw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9ubiyw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9ubiyw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9ubiyw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9ubiyw-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--9ubiyw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9ubiyw-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--9ubiyw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9ubiyw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9ubiyw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9ubiyw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9ubiyw-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--9ubiyw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9ubiyw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9ubiyw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9ubiyw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9ubiyw-background-color,var(--beae-card-featured-background)); border-color: var(--9ubiyw-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal, var(--beae-card-shadow-x)) var(--9ubiyw-shadowVertical, var(--beae-card-shadow-y)) var(--9ubiyw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9ubiyw-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--9ubiyw-background-color,var(--beae-card-prod-background)); border-color: var(--9ubiyw-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal, var(--beae-card-shadow-x)) var(--9ubiyw-shadowVertical, var(--beae-card-shadow-y)) var(--9ubiyw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9ubiyw-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--9ubiyw-background-color,var(--beae-card-pricing-background)); border-color: var(--9ubiyw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal, var(--beae-card-shadow-x)) var(--9ubiyw-shadowVertical, var(--beae-card-shadow-y)) var(--9ubiyw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9ubiyw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--9ubiyw-background-color,var(--beae-card-cta-background)); border-color: var(--9ubiyw-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal, var(--beae-card-shadow-x)) var(--9ubiyw-shadowVertical, var(--beae-card-shadow-y)) var(--9ubiyw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9ubiyw-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--9ubiyw-background-color,var(--beae-card-media-background)); border-color: var(--9ubiyw-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--9ubiyw-enableShadow: true): var(--9ubiyw-shadowHorizontal, var(--beae-card-shadow-x)) var(--9ubiyw-shadowVertical, var(--beae-card-shadow-y)) var(--9ubiyw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9ubiyw-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-9ubiyw"] {     display: flex;     flex-direction: var(--9ubiyw-direction, column);     flex-wrap: nowrap;     justify-content: var(--9ubiyw-justify-content);     align-items: var(--9ubiyw-align-items);     gap: var(--9ubiyw-gap, var(--9ubiyw-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--9ubiyw-padding-right, 0px) - var(--9ubiyw-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9ubiyw"] {                      align-items: var(--9ubiyw-align-items-tablet, inherit);      gap: var(--9ubiyw-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-9ubiyw"] {      flex-direction: var(--9ubiyw-direction-mobile, column);                      gap: var(--9ubiyw-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-rokiss"] { --rokiss-direction: column; --rokiss-direction-tablet: column; --rokiss-direction-mobile: column; --rokiss-align-items: flex-start; --rokiss-align-items-tablet: flex-start; --rokiss-align-items-mobile: flex-start; --rokiss-justify-content: center; --rokiss-justify-content-tablet: center; --rokiss-justify-content-mobile: center; --rokiss-gap: 40px; --rokiss-gap-tablet: 40px; --rokiss-gap-mobile: 24px; --rokiss-background-type: color; --rokiss-background-type-tablet: color; --rokiss-background-type-mobile: color; --rokiss-background-color: #EFF1F600; --rokiss-background-color-tablet: #EFF1F600; --rokiss-background-color-mobile: #EFF1F600; --rokiss-borderRadius-tl: 24px; --rokiss-borderRadius-tl-tablet: 24px; --rokiss-borderRadius-tl-mobile: 24px; --rokiss-borderRadius-tr: 24px; --rokiss-borderRadius-tr-tablet: 24px; --rokiss-borderRadius-tr-mobile: 24px; --rokiss-borderRadius-bl: 24px; --rokiss-borderRadius-bl-tablet: 24px; --rokiss-borderRadius-bl-mobile: 24px; --rokiss-borderRadius-br: 24px; --rokiss-borderRadius-br-tablet: 24px; --rokiss-borderRadius-br-mobile: 24px; --rokiss-padding-top: 0px; --rokiss-padding-top-tablet: 32px; --rokiss-padding-top-mobile: 40px; --rokiss-padding-right: 32px; --rokiss-padding-right-tablet: 16px; --rokiss-padding-right-mobile: 16px; --rokiss-padding-bottom: 0px; --rokiss-padding-bottom-tablet: 32px; --rokiss-padding-bottom-mobile: 28px; --rokiss-padding-left: 32px; --rokiss-padding-left-tablet: 16px; --rokiss-padding-left-mobile: 16px; }[data-bnode="beae-rokiss"] { padding-top: var(--rokiss-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rokiss-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rokiss-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rokiss-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rokiss-padding-top-tablet, var(--rokiss-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rokiss-padding-right-tablet, var(--rokiss-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rokiss-padding-bottom-tablet, var(--rokiss-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rokiss-padding-left-tablet, var(--rokiss-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rokiss-padding-top-mobile, var(--rokiss-padding-top-tablet, var(--rokiss-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rokiss-padding-right-mobile, var(--rokiss-padding-right-tablet, var(--rokiss-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rokiss-padding-bottom-mobile, var(--rokiss-padding-bottom-tablet, var(--rokiss-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rokiss-padding-left-mobile, var(--rokiss-padding-left-tablet, var(--rokiss-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rokiss-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rokiss-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--rokiss-background-imageRatio, auto); background: var(--rokiss-background-color,transparent); border-style: var(--rokiss-borderStyle,solid); border-color: var(--rokiss-borderColor,#000000); border-width: var(--rokiss-borderWidth-tl,0px) var(--rokiss-borderWidth-tr,0px) var(--rokiss-borderWidth-br,0px) var(--rokiss-borderWidth-bl,0px); border-radius: var(--rokiss-borderRadius-tl,0px) var(--rokiss-borderRadius-tr,0px) var(--rokiss-borderRadius-br,0px) var(--rokiss-borderRadius-bl,0px); box-shadow: if(style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal,0) var(--rokiss-shadowVertical,0) var(--rokiss-shadowBlur,0) 1px var(--rokiss-shadowColor,#000000); else: none); max-width: var(--rokiss-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rokiss-background-imageRatio-tablet, var(--rokiss-background-imageRatio, auto)); border-width: var(--rokiss-borderWidth-tl-tablet,0px) var(--rokiss-borderWidth-tr-tablet,0px) var(--rokiss-borderWidth-br-tablet,0px) var(--rokiss-borderWidth-bl-tablet,0px); border-radius: var(--rokiss-borderRadius-tl-tablet,0px) var(--rokiss-borderRadius-tr-tablet,0px) var(--rokiss-borderRadius-br-tablet,0px) var(--rokiss-borderRadius-bl-tablet,0px); max-width: var(--rokiss-max-width-tablet, var(--rokiss-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rokiss-background-imageRatio-mobile, var(--rokiss-background-imageRatio, auto)); border-width: var(--rokiss-borderWidth-tl-mobile,0px) var(--rokiss-borderWidth-tr-mobile,0px) var(--rokiss-borderWidth-br-mobile,0px) var(--rokiss-borderWidth-bl-mobile,0px); border-radius: var(--rokiss-borderRadius-tl-mobile,0px) var(--rokiss-borderRadius-tr-mobile,0px) var(--rokiss-borderRadius-br-mobile,0px) var(--rokiss-borderRadius-bl-mobile,0px); max-width: var(--rokiss-max-width-mobile, var(--rokiss-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rokiss-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--rokiss-gap,var(--beae-card-gap)); padding-top: var(--rokiss-padding-top,var(--beae-card-padding)); padding-right: var(--rokiss-padding-right,var(--beae-card-padding)); padding-bottom: var(--rokiss-padding-bottom,var(--beae-card-padding)); padding-left: var(--rokiss-padding-left,var(--beae-card-padding)); border-width: var(--rokiss-borderWidth,var(--beae-card-border-width)); border-width: var(--rokiss-borderWidth-tl,var(--beae-card-border-width)) var(--rokiss-borderWidth-tr,var(--beae-card-border-width)) var(--rokiss-borderWidth-br,var(--beae-card-border-width)) var(--rokiss-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rokiss-borderRadius-tl,var(--beae-card-border-radius)) var(--rokiss-borderRadius-tr,var(--beae-card-border-radius)) var(--rokiss-borderRadius-br,var(--beae-card-border-radius)) var(--rokiss-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rokiss-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rokiss-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rokiss-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rokiss-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rokiss-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--rokiss-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rokiss-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rokiss-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rokiss-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rokiss-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--rokiss-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--rokiss-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--rokiss-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--rokiss-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rokiss-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rokiss-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rokiss-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rokiss-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--rokiss-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rokiss-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rokiss-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rokiss-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rokiss-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rokiss-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rokiss-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rokiss-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rokiss-background-color,var(--beae-card-featured-background)); border-color: var(--rokiss-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal, var(--beae-card-shadow-x)) var(--rokiss-shadowVertical, var(--beae-card-shadow-y)) var(--rokiss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rokiss-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--rokiss-background-color,var(--beae-card-prod-background)); border-color: var(--rokiss-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal, var(--beae-card-shadow-x)) var(--rokiss-shadowVertical, var(--beae-card-shadow-y)) var(--rokiss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rokiss-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--rokiss-background-color,var(--beae-card-pricing-background)); border-color: var(--rokiss-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal, var(--beae-card-shadow-x)) var(--rokiss-shadowVertical, var(--beae-card-shadow-y)) var(--rokiss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rokiss-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--rokiss-background-color,var(--beae-card-cta-background)); border-color: var(--rokiss-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal, var(--beae-card-shadow-x)) var(--rokiss-shadowVertical, var(--beae-card-shadow-y)) var(--rokiss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rokiss-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--rokiss-background-color,var(--beae-card-media-background)); border-color: var(--rokiss-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--rokiss-enableShadow: true): var(--rokiss-shadowHorizontal, var(--beae-card-shadow-x)) var(--rokiss-shadowVertical, var(--beae-card-shadow-y)) var(--rokiss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rokiss-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-rokiss"] {     display: flex;     flex-direction: var(--rokiss-direction, column);     flex-wrap: nowrap;     justify-content: var(--rokiss-justify-content);     align-items: var(--rokiss-align-items);     gap: var(--rokiss-gap, var(--rokiss-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rokiss"] {                            gap: var(--rokiss-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--rokiss-padding-right-tablet, 0px) - var(--rokiss-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rokiss"] {                            gap: var(--rokiss-gap-mobile, var(--rokiss-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--rokiss-padding-right-mobile, 0px) - var(--rokiss-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0wixfp"] { --0wixfp-direction: column; --0wixfp-direction-tablet: column; --0wixfp-direction-mobile: column; --0wixfp-structure: columns; --0wixfp-structure-tablet: columns; --0wixfp-structure-mobile: columns; --0wixfp-align-items: flex-start; --0wixfp-align-items-tablet: flex-start; --0wixfp-align-items-mobile: flex-start; --0wixfp-justify-content: flex-start; --0wixfp-justify-content-tablet: flex-start; --0wixfp-justify-content-mobile: flex-start; --0wixfp-gap: 16px; --0wixfp-gap-tablet: 16px; --0wixfp-gap-mobile: 16px; }[data-bnode="beae-0wixfp"] { padding-top: var(--0wixfp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0wixfp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0wixfp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0wixfp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0wixfp-padding-top-tablet, var(--0wixfp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0wixfp-padding-right-tablet, var(--0wixfp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0wixfp-padding-bottom-tablet, var(--0wixfp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0wixfp-padding-left-tablet, var(--0wixfp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0wixfp-padding-top-mobile, var(--0wixfp-padding-top-tablet, var(--0wixfp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0wixfp-padding-right-mobile, var(--0wixfp-padding-right-tablet, var(--0wixfp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0wixfp-padding-bottom-mobile, var(--0wixfp-padding-bottom-tablet, var(--0wixfp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0wixfp-padding-left-mobile, var(--0wixfp-padding-left-tablet, var(--0wixfp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0wixfp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0wixfp-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--0wixfp-background-imageRatio, auto); background: var(--0wixfp-background-color,transparent); border-style: var(--0wixfp-borderStyle,solid); border-color: var(--0wixfp-borderColor,#000000); border-width: var(--0wixfp-borderWidth-tl,0px) var(--0wixfp-borderWidth-tr,0px) var(--0wixfp-borderWidth-br,0px) var(--0wixfp-borderWidth-bl,0px); border-radius: var(--0wixfp-borderRadius-tl,0px) var(--0wixfp-borderRadius-tr,0px) var(--0wixfp-borderRadius-br,0px) var(--0wixfp-borderRadius-bl,0px); box-shadow: if(style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal,0) var(--0wixfp-shadowVertical,0) var(--0wixfp-shadowBlur,0) 1px var(--0wixfp-shadowColor,#000000); else: none); max-width: var(--0wixfp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0wixfp-background-imageRatio-tablet, var(--0wixfp-background-imageRatio, auto)); border-width: var(--0wixfp-borderWidth-tl-tablet,0px) var(--0wixfp-borderWidth-tr-tablet,0px) var(--0wixfp-borderWidth-br-tablet,0px) var(--0wixfp-borderWidth-bl-tablet,0px); border-radius: var(--0wixfp-borderRadius-tl-tablet,0px) var(--0wixfp-borderRadius-tr-tablet,0px) var(--0wixfp-borderRadius-br-tablet,0px) var(--0wixfp-borderRadius-bl-tablet,0px); max-width: var(--0wixfp-max-width-tablet, var(--0wixfp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0wixfp-background-imageRatio-mobile, var(--0wixfp-background-imageRatio, auto)); border-width: var(--0wixfp-borderWidth-tl-mobile,0px) var(--0wixfp-borderWidth-tr-mobile,0px) var(--0wixfp-borderWidth-br-mobile,0px) var(--0wixfp-borderWidth-bl-mobile,0px); border-radius: var(--0wixfp-borderRadius-tl-mobile,0px) var(--0wixfp-borderRadius-tr-mobile,0px) var(--0wixfp-borderRadius-br-mobile,0px) var(--0wixfp-borderRadius-bl-mobile,0px); max-width: var(--0wixfp-max-width-mobile, var(--0wixfp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0wixfp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0wixfp-gap,var(--beae-card-gap)); padding-top: var(--0wixfp-padding-top,var(--beae-card-padding)); padding-right: var(--0wixfp-padding-right,var(--beae-card-padding)); padding-bottom: var(--0wixfp-padding-bottom,var(--beae-card-padding)); padding-left: var(--0wixfp-padding-left,var(--beae-card-padding)); border-width: var(--0wixfp-borderWidth,var(--beae-card-border-width)); border-width: var(--0wixfp-borderWidth-tl,var(--beae-card-border-width)) var(--0wixfp-borderWidth-tr,var(--beae-card-border-width)) var(--0wixfp-borderWidth-br,var(--beae-card-border-width)) var(--0wixfp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0wixfp-borderRadius-tl,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-tr,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-br,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--0wixfp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0wixfp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0wixfp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0wixfp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0wixfp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0wixfp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0wixfp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0wixfp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0wixfp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0wixfp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0wixfp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0wixfp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0wixfp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0wixfp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0wixfp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0wixfp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0wixfp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0wixfp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0wixfp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0wixfp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0wixfp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0wixfp-background-color,var(--beae-card-featured-background)); border-color: var(--0wixfp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal, var(--beae-card-shadow-x)) var(--0wixfp-shadowVertical, var(--beae-card-shadow-y)) var(--0wixfp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0wixfp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0wixfp-background-color,var(--beae-card-prod-background)); border-color: var(--0wixfp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal, var(--beae-card-shadow-x)) var(--0wixfp-shadowVertical, var(--beae-card-shadow-y)) var(--0wixfp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0wixfp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0wixfp-background-color,var(--beae-card-pricing-background)); border-color: var(--0wixfp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal, var(--beae-card-shadow-x)) var(--0wixfp-shadowVertical, var(--beae-card-shadow-y)) var(--0wixfp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0wixfp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0wixfp-background-color,var(--beae-card-cta-background)); border-color: var(--0wixfp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal, var(--beae-card-shadow-x)) var(--0wixfp-shadowVertical, var(--beae-card-shadow-y)) var(--0wixfp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0wixfp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0wixfp-background-color,var(--beae-card-media-background)); border-color: var(--0wixfp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0wixfp-enableShadow: true): var(--0wixfp-shadowHorizontal, var(--beae-card-shadow-x)) var(--0wixfp-shadowVertical, var(--beae-card-shadow-y)) var(--0wixfp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0wixfp-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-0wixfp"] {     display: flex;     flex-direction: var(--0wixfp-direction, column);     flex-wrap: nowrap;     justify-content: var(--0wixfp-justify-content);     align-items: var(--0wixfp-align-items);     gap: var(--0wixfp-gap, var(--0wixfp-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0wixfp"] {                            gap: var(--0wixfp-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--0wixfp-padding-right-tablet, 0px) - var(--0wixfp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0wixfp"] {                            gap: var(--0wixfp-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--0wixfp-padding-right-mobile, 0px) - var(--0wixfp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xm4m4s"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #143052; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: capitalize; --xm4m4s-typography: h2; --xm4m4s-typography-tablet: h2; --xm4m4s-typography-mobile: h2; }[data-bnode="beae-xm4m4s"] { margin-top: var(--xm4m4s-margin-top, 0px); margin-right: var(--xm4m4s-margin-right, 0px); margin-bottom: var(--xm4m4s-margin-bottom, 0px); margin-left: var(--xm4m4s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xm4m4s-margin-top-tablet, 0px); margin-right: var(--xm4m4s-margin-right-tablet, 0px); margin-bottom: var(--xm4m4s-margin-bottom-tablet, 0px); margin-left: var(--xm4m4s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xm4m4s-margin-top-mobile, 0px); margin-right: var(--xm4m4s-margin-right-mobile, 0px); margin-bottom: var(--xm4m4s-margin-bottom-mobile, 0px); margin-left: var(--xm4m4s-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--xm4m4s-highlightColor,var(--beae-p-color)); top: var(--xm4m4s-highlightTop, 100%); } }[data-bnode="beae-pp18t9"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --pp18t9-typography: p; --pp18t9-typography-tablet: p; --pp18t9-typography-mobile: p; }[data-bnode="beae-pp18t9"] { margin-top: var(--pp18t9-margin-top, 0px); margin-right: var(--pp18t9-margin-right, 0px); margin-bottom: var(--pp18t9-margin-bottom, 0px); margin-left: var(--pp18t9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pp18t9-margin-top-tablet, 0px); margin-right: var(--pp18t9-margin-right-tablet, 0px); margin-bottom: var(--pp18t9-margin-bottom-tablet, 0px); margin-left: var(--pp18t9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pp18t9-margin-top-mobile, 0px); margin-right: var(--pp18t9-margin-right-mobile, 0px); margin-bottom: var(--pp18t9-margin-bottom-mobile, 0px); margin-left: var(--pp18t9-margin-left-mobile, 0px); } }[data-bnode="beae-zf5mlq"] { --zf5mlq-headerState: active; --zf5mlq-headerState-tablet: active; --zf5mlq-headerState-mobile: active; --zf5mlq-colorActive: #143052; --zf5mlq-colorActive-tablet: #143052; --zf5mlq-colorActive-mobile: #143052; --zf5mlq-tabBgActive: #fff; --zf5mlq-tabBgActive-tablet: #fff; --zf5mlq-tabBgActive-mobile: #fff; --zf5mlq-paddingX: 24px; --zf5mlq-paddingX-tablet: 24px; --zf5mlq-paddingX-mobile: 24px; --zf5mlq-paddingY: 20px; --zf5mlq-paddingY-tablet: 20px; --zf5mlq-paddingY-mobile: 20px; --zf5mlq-borderStyle: none; --zf5mlq-borderStyle-tablet: none; --zf5mlq-borderStyle-mobile: none; --zf5mlq-tabBg: #F5F5F500; --zf5mlq-tabBg-tablet: #F5F5F500; --zf5mlq-tabBg-mobile: #F5F5F500; --zf5mlq-headingTypo: h5; --zf5mlq-headingTypo-tablet: h5; --zf5mlq-headingTypo-mobile: h5; --zf5mlq-borderWidth-tl: 0px; --zf5mlq-borderWidth-tl-tablet: 10px; --zf5mlq-borderWidth-tl-mobile: 10px; --zf5mlq-borderWidth-tr: 0px; --zf5mlq-borderWidth-tr-tablet: 10px; --zf5mlq-borderWidth-tr-mobile: 10px; --zf5mlq-borderWidth-bl: 0px; --zf5mlq-borderWidth-bl-tablet: 10px; --zf5mlq-borderWidth-bl-mobile: 10px; --zf5mlq-borderWidth-br: 0px; --zf5mlq-borderWidth-br-tablet: 10px; --zf5mlq-borderWidth-br-mobile: 10px; --zf5mlq-borderColor: #e6e6e6; --zf5mlq-borderColor-tablet: #e6e6e6; --zf5mlq-borderColor-mobile: #e6e6e6; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 15px; --beae-h5-font-size-mobile: 15px; --beae-h5-color: #143052; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.3; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --zf5mlq-borderRadius-tl: 24px; --zf5mlq-borderRadius-tl-tablet: 24px; --zf5mlq-borderRadius-tl-mobile: 24px; --zf5mlq-borderRadius-tr: 24px; --zf5mlq-borderRadius-tr-tablet: 24px; --zf5mlq-borderRadius-tr-mobile: 24px; --zf5mlq-borderRadius-bl: 24px; --zf5mlq-borderRadius-bl-tablet: 24px; --zf5mlq-borderRadius-bl-mobile: 24px; --zf5mlq-borderRadius-br: 24px; --zf5mlq-borderRadius-br-tablet: 24px; --zf5mlq-borderRadius-br-mobile: 24px; }[data-bnode="beae-zf5mlq"] { margin-top: var(--zf5mlq-margin-top, 0px); margin-right: var(--zf5mlq-margin-right, 0px); margin-bottom: var(--zf5mlq-margin-bottom, 0px); margin-left: var(--zf5mlq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zf5mlq-margin-top-tablet, 0px); margin-right: var(--zf5mlq-margin-right-tablet, 0px); margin-bottom: var(--zf5mlq-margin-bottom-tablet, 0px); margin-left: var(--zf5mlq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zf5mlq-margin-top-mobile, 0px); margin-right: var(--zf5mlq-margin-right-mobile, 0px); margin-bottom: var(--zf5mlq-margin-bottom-mobile, 0px); margin-left: var(--zf5mlq-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: 8px; .beae-accordion-item { height: fit-content !important; border-style: var(--zf5mlq-borderStyle,solid); border-color: var(--zf5mlq-borderColor,#000000); border-width: var(--zf5mlq-borderWidth-tl,0px) var(--zf5mlq-borderWidth-tr,0px) var(--zf5mlq-borderWidth-br,0px) var(--zf5mlq-borderWidth-bl,0px); border-radius: var(--zf5mlq-borderRadius-tl,0px) var(--zf5mlq-borderRadius-tr,0px) var(--zf5mlq-borderRadius-br,0px) var(--zf5mlq-borderRadius-bl,0px); box-shadow: if(style(--zf5mlq-enableShadow: true): var(--zf5mlq-shadowHorizontal,0) var(--zf5mlq-shadowVertical,0) var(--zf5mlq-shadowBlur,0) 1px var(--zf5mlq-shadowColor,#000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--zf5mlq-borderWidth-tl-tablet,0px) var(--zf5mlq-borderWidth-tr-tablet,0px) var(--zf5mlq-borderWidth-br-tablet,0px) var(--zf5mlq-borderWidth-bl-tablet,0px); border-radius: var(--zf5mlq-borderRadius-tl-tablet,0px) var(--zf5mlq-borderRadius-tr-tablet,0px) var(--zf5mlq-borderRadius-br-tablet,0px) var(--zf5mlq-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--zf5mlq-borderWidth-tl-mobile,0px) var(--zf5mlq-borderWidth-tr-mobile,0px) var(--zf5mlq-borderWidth-br-mobile,0px) var(--zf5mlq-borderWidth-bl-mobile,0px); border-radius: var(--zf5mlq-borderRadius-tl-mobile,0px) var(--zf5mlq-borderRadius-tr-mobile,0px) var(--zf5mlq-borderRadius-br-mobile,0px) var(--zf5mlq-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .beae-accordion-icon{ svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--zf5mlq-colorActive); background: var(--zf5mlq-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .beae-icon-chevron{ transform: rotate(180deg); } .beae-icon-arrow{ transform: rotate(90deg); } } } } .beae-accordion-title{ flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--zf5mlq-paddingX, 20px); padding-block: var(--zf5mlq-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--zf5mlq-tabBg); &:marker { display: none; } &:hover { background: var(--zf5mlq-tabBgHover); color: var(--zf5mlq-colorHover); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-4idjl2"] { --4idjl2-direction: column; --4idjl2-direction-tablet: column; --4idjl2-direction-mobile: column; --4idjl2-gap: 16px; --4idjl2-gap-tablet: 16px; --4idjl2-gap-mobile: 16px; --4idjl2-padding-top: 12px; --4idjl2-padding-top-tablet: 12px; --4idjl2-padding-top-mobile: 12px; --4idjl2-padding-bottom: 12px; --4idjl2-padding-bottom-tablet: 12px; --4idjl2-padding-bottom-mobile: 12px; --4idjl2-padding-left: 20px; --4idjl2-padding-left-tablet: 20px; --4idjl2-padding-left-mobile: 20px; --4idjl2-padding-right: 20px; --4idjl2-padding-right-tablet: 20px; --4idjl2-padding-right-mobile: 20px; --4idjl2-background-type: color; --4idjl2-background-type-tablet: color; --4idjl2-background-type-mobile: color; --4idjl2-background-color: #fff; --4idjl2-background-color-tablet: #fff; --4idjl2-background-color-mobile: #fff; --4idjl2-borderStyle: none; --4idjl2-borderStyle-tablet: none; --4idjl2-borderStyle-mobile: none; --4idjl2-borderWidth-tl: 2px; --4idjl2-borderWidth-tl-tablet: 2px; --4idjl2-borderWidth-tl-mobile: 2px; --4idjl2-borderWidth-tr: 0px; --4idjl2-borderWidth-tr-tablet: 0px; --4idjl2-borderWidth-tr-mobile: 0px; --4idjl2-borderWidth-bl: 0px; --4idjl2-borderWidth-bl-tablet: 0px; --4idjl2-borderWidth-bl-mobile: 0px; --4idjl2-borderWidth-br: 0px; --4idjl2-borderWidth-br-tablet: 0px; --4idjl2-borderWidth-br-mobile: 0px; }[data-bnode="beae-4idjl2"] { padding-top: var(--4idjl2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4idjl2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4idjl2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4idjl2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4idjl2-padding-top-tablet, var(--4idjl2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4idjl2-padding-right-tablet, var(--4idjl2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4idjl2-padding-bottom-tablet, var(--4idjl2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4idjl2-padding-left-tablet, var(--4idjl2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4idjl2-padding-top-mobile, var(--4idjl2-padding-top-tablet, var(--4idjl2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4idjl2-padding-right-mobile, var(--4idjl2-padding-right-tablet, var(--4idjl2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4idjl2-padding-bottom-mobile, var(--4idjl2-padding-bottom-tablet, var(--4idjl2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4idjl2-padding-left-mobile, var(--4idjl2-padding-left-tablet, var(--4idjl2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4idjl2-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4idjl2-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--4idjl2-background-imageRatio, auto); background: var(--4idjl2-background-color,transparent); border-style: var(--4idjl2-borderStyle,solid); border-color: var(--4idjl2-borderColor,#000000); border-width: var(--4idjl2-borderWidth-tl,0px) var(--4idjl2-borderWidth-tr,0px) var(--4idjl2-borderWidth-br,0px) var(--4idjl2-borderWidth-bl,0px); border-radius: var(--4idjl2-borderRadius-tl,0px) var(--4idjl2-borderRadius-tr,0px) var(--4idjl2-borderRadius-br,0px) var(--4idjl2-borderRadius-bl,0px); box-shadow: if(style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal,0) var(--4idjl2-shadowVertical,0) var(--4idjl2-shadowBlur,0) 1px var(--4idjl2-shadowColor,#000000); else: none); max-width: var(--4idjl2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--4idjl2-background-imageRatio-tablet, var(--4idjl2-background-imageRatio, auto)); border-width: var(--4idjl2-borderWidth-tl-tablet,0px) var(--4idjl2-borderWidth-tr-tablet,0px) var(--4idjl2-borderWidth-br-tablet,0px) var(--4idjl2-borderWidth-bl-tablet,0px); border-radius: var(--4idjl2-borderRadius-tl-tablet,0px) var(--4idjl2-borderRadius-tr-tablet,0px) var(--4idjl2-borderRadius-br-tablet,0px) var(--4idjl2-borderRadius-bl-tablet,0px); max-width: var(--4idjl2-max-width-tablet, var(--4idjl2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--4idjl2-background-imageRatio-mobile, var(--4idjl2-background-imageRatio, auto)); border-width: var(--4idjl2-borderWidth-tl-mobile,0px) var(--4idjl2-borderWidth-tr-mobile,0px) var(--4idjl2-borderWidth-br-mobile,0px) var(--4idjl2-borderWidth-bl-mobile,0px); border-radius: var(--4idjl2-borderRadius-tl-mobile,0px) var(--4idjl2-borderRadius-tr-mobile,0px) var(--4idjl2-borderRadius-br-mobile,0px) var(--4idjl2-borderRadius-bl-mobile,0px); max-width: var(--4idjl2-max-width-mobile, var(--4idjl2-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4idjl2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--4idjl2-gap,var(--beae-card-gap)); padding-top: var(--4idjl2-padding-top,var(--beae-card-padding)); padding-right: var(--4idjl2-padding-right,var(--beae-card-padding)); padding-bottom: var(--4idjl2-padding-bottom,var(--beae-card-padding)); padding-left: var(--4idjl2-padding-left,var(--beae-card-padding)); border-width: var(--4idjl2-borderWidth,var(--beae-card-border-width)); border-width: var(--4idjl2-borderWidth-tl,var(--beae-card-border-width)) var(--4idjl2-borderWidth-tr,var(--beae-card-border-width)) var(--4idjl2-borderWidth-br,var(--beae-card-border-width)) var(--4idjl2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4idjl2-borderRadius-tl,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-tr,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-br,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--4idjl2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4idjl2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4idjl2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4idjl2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4idjl2-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--4idjl2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4idjl2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4idjl2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4idjl2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4idjl2-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--4idjl2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4idjl2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4idjl2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4idjl2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4idjl2-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--4idjl2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4idjl2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4idjl2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4idjl2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4idjl2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4idjl2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4idjl2-background-color,var(--beae-card-featured-background)); border-color: var(--4idjl2-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4idjl2-shadowVertical, var(--beae-card-shadow-y)) var(--4idjl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4idjl2-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--4idjl2-background-color,var(--beae-card-prod-background)); border-color: var(--4idjl2-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4idjl2-shadowVertical, var(--beae-card-shadow-y)) var(--4idjl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4idjl2-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--4idjl2-background-color,var(--beae-card-pricing-background)); border-color: var(--4idjl2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4idjl2-shadowVertical, var(--beae-card-shadow-y)) var(--4idjl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4idjl2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--4idjl2-background-color,var(--beae-card-cta-background)); border-color: var(--4idjl2-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4idjl2-shadowVertical, var(--beae-card-shadow-y)) var(--4idjl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4idjl2-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--4idjl2-background-color,var(--beae-card-media-background)); border-color: var(--4idjl2-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--4idjl2-enableShadow: true): var(--4idjl2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4idjl2-shadowVertical, var(--beae-card-shadow-y)) var(--4idjl2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4idjl2-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4idjl2"] {     display: flex;     flex-direction: var(--4idjl2-direction, column);     flex-wrap: nowrap;     justify-content: var(--4idjl2-justify-content);     align-items: var(--4idjl2-align-items);     gap: var(--4idjl2-gap, var(--4idjl2-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4idjl2"] {                            gap: var(--4idjl2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--4idjl2-padding-right-tablet, 0px) - var(--4idjl2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4idjl2"] {                            gap: var(--4idjl2-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--4idjl2-padding-right-mobile, 0px) - var(--4idjl2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-g3zept"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-g3zept"] { margin-top: var(--g3zept-margin-top, 0px); margin-right: var(--g3zept-margin-right, 0px); margin-bottom: var(--g3zept-margin-bottom, 0px); margin-left: var(--g3zept-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g3zept-margin-top-tablet, 0px); margin-right: var(--g3zept-margin-right-tablet, 0px); margin-bottom: var(--g3zept-margin-bottom-tablet, 0px); margin-left: var(--g3zept-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g3zept-margin-top-mobile, 0px); margin-right: var(--g3zept-margin-right-mobile, 0px); margin-bottom: var(--g3zept-margin-bottom-mobile, 0px); margin-left: var(--g3zept-margin-left-mobile, 0px); } }[data-bnode="beae-dyby30"] { --dyby30-direction: column; --dyby30-direction-tablet: column; --dyby30-direction-mobile: column; --dyby30-gap: 16px; --dyby30-gap-tablet: 16px; --dyby30-gap-mobile: 16px; --dyby30-padding-top: 12px; --dyby30-padding-top-tablet: 12px; --dyby30-padding-top-mobile: 12px; --dyby30-padding-bottom: 12px; --dyby30-padding-bottom-tablet: 12px; --dyby30-padding-bottom-mobile: 12px; --dyby30-padding-left: 20px; --dyby30-padding-left-tablet: 20px; --dyby30-padding-left-mobile: 20px; --dyby30-padding-right: 20px; --dyby30-padding-right-tablet: 20px; --dyby30-padding-right-mobile: 20px; --dyby30-borderStyle: none; --dyby30-borderStyle-tablet: none; --dyby30-borderStyle-mobile: none; --dyby30-borderWidth-tl: 0px; --dyby30-borderWidth-tl-tablet: 0px; --dyby30-borderWidth-tl-mobile: 0px; --dyby30-borderWidth-tr: 1px; --dyby30-borderWidth-tr-tablet: 1px; --dyby30-borderWidth-tr-mobile: 1px; --dyby30-borderWidth-bl: 1px; --dyby30-borderWidth-bl-tablet: 1px; --dyby30-borderWidth-bl-mobile: 1px; --dyby30-borderWidth-br: 1px; --dyby30-borderWidth-br-tablet: 1px; --dyby30-borderWidth-br-mobile: 1px; --dyby30-borderColor: #e6e6e6; --dyby30-borderColor-tablet: #e6e6e6; --dyby30-borderColor-mobile: #e6e6e6; --dyby30-background-type: color; --dyby30-background-type-tablet: color; --dyby30-background-type-mobile: color; --dyby30-background-color: #fff; --dyby30-background-color-tablet: #fff; --dyby30-background-color-mobile: #fff; }[data-bnode="beae-dyby30"] { padding-top: var(--dyby30-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dyby30-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dyby30-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dyby30-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dyby30-padding-top-tablet, var(--dyby30-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dyby30-padding-right-tablet, var(--dyby30-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dyby30-padding-bottom-tablet, var(--dyby30-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dyby30-padding-left-tablet, var(--dyby30-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dyby30-padding-top-mobile, var(--dyby30-padding-top-tablet, var(--dyby30-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dyby30-padding-right-mobile, var(--dyby30-padding-right-tablet, var(--dyby30-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dyby30-padding-bottom-mobile, var(--dyby30-padding-bottom-tablet, var(--dyby30-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dyby30-padding-left-mobile, var(--dyby30-padding-left-tablet, var(--dyby30-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dyby30-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dyby30-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--dyby30-background-imageRatio, auto); background: var(--dyby30-background-color,transparent); border-style: var(--dyby30-borderStyle,solid); border-color: var(--dyby30-borderColor,#000000); border-width: var(--dyby30-borderWidth-tl,0px) var(--dyby30-borderWidth-tr,0px) var(--dyby30-borderWidth-br,0px) var(--dyby30-borderWidth-bl,0px); border-radius: var(--dyby30-borderRadius-tl,0px) var(--dyby30-borderRadius-tr,0px) var(--dyby30-borderRadius-br,0px) var(--dyby30-borderRadius-bl,0px); box-shadow: if(style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal,0) var(--dyby30-shadowVertical,0) var(--dyby30-shadowBlur,0) 1px var(--dyby30-shadowColor,#000000); else: none); max-width: var(--dyby30-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dyby30-background-imageRatio-tablet, var(--dyby30-background-imageRatio, auto)); border-width: var(--dyby30-borderWidth-tl-tablet,0px) var(--dyby30-borderWidth-tr-tablet,0px) var(--dyby30-borderWidth-br-tablet,0px) var(--dyby30-borderWidth-bl-tablet,0px); border-radius: var(--dyby30-borderRadius-tl-tablet,0px) var(--dyby30-borderRadius-tr-tablet,0px) var(--dyby30-borderRadius-br-tablet,0px) var(--dyby30-borderRadius-bl-tablet,0px); max-width: var(--dyby30-max-width-tablet, var(--dyby30-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dyby30-background-imageRatio-mobile, var(--dyby30-background-imageRatio, auto)); border-width: var(--dyby30-borderWidth-tl-mobile,0px) var(--dyby30-borderWidth-tr-mobile,0px) var(--dyby30-borderWidth-br-mobile,0px) var(--dyby30-borderWidth-bl-mobile,0px); border-radius: var(--dyby30-borderRadius-tl-mobile,0px) var(--dyby30-borderRadius-tr-mobile,0px) var(--dyby30-borderRadius-br-mobile,0px) var(--dyby30-borderRadius-bl-mobile,0px); max-width: var(--dyby30-max-width-mobile, var(--dyby30-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dyby30-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dyby30-gap,var(--beae-card-gap)); padding-top: var(--dyby30-padding-top,var(--beae-card-padding)); padding-right: var(--dyby30-padding-right,var(--beae-card-padding)); padding-bottom: var(--dyby30-padding-bottom,var(--beae-card-padding)); padding-left: var(--dyby30-padding-left,var(--beae-card-padding)); border-width: var(--dyby30-borderWidth,var(--beae-card-border-width)); border-width: var(--dyby30-borderWidth-tl,var(--beae-card-border-width)) var(--dyby30-borderWidth-tr,var(--beae-card-border-width)) var(--dyby30-borderWidth-br,var(--beae-card-border-width)) var(--dyby30-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dyby30-borderRadius-tl,var(--beae-card-border-radius)) var(--dyby30-borderRadius-tr,var(--beae-card-border-radius)) var(--dyby30-borderRadius-br,var(--beae-card-border-radius)) var(--dyby30-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--dyby30-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dyby30-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dyby30-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dyby30-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dyby30-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dyby30-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dyby30-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dyby30-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dyby30-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dyby30-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dyby30-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dyby30-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dyby30-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dyby30-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dyby30-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dyby30-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dyby30-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dyby30-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dyby30-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dyby30-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dyby30-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dyby30-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dyby30-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dyby30-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dyby30-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dyby30-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dyby30-background-color,var(--beae-card-featured-background)); border-color: var(--dyby30-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal, var(--beae-card-shadow-x)) var(--dyby30-shadowVertical, var(--beae-card-shadow-y)) var(--dyby30-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dyby30-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dyby30-background-color,var(--beae-card-prod-background)); border-color: var(--dyby30-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal, var(--beae-card-shadow-x)) var(--dyby30-shadowVertical, var(--beae-card-shadow-y)) var(--dyby30-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dyby30-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dyby30-background-color,var(--beae-card-pricing-background)); border-color: var(--dyby30-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal, var(--beae-card-shadow-x)) var(--dyby30-shadowVertical, var(--beae-card-shadow-y)) var(--dyby30-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dyby30-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dyby30-background-color,var(--beae-card-cta-background)); border-color: var(--dyby30-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal, var(--beae-card-shadow-x)) var(--dyby30-shadowVertical, var(--beae-card-shadow-y)) var(--dyby30-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dyby30-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dyby30-background-color,var(--beae-card-media-background)); border-color: var(--dyby30-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dyby30-enableShadow: true): var(--dyby30-shadowHorizontal, var(--beae-card-shadow-x)) var(--dyby30-shadowVertical, var(--beae-card-shadow-y)) var(--dyby30-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dyby30-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-dyby30"] {     display: flex;     flex-direction: var(--dyby30-direction, column);     flex-wrap: nowrap;     justify-content: var(--dyby30-justify-content);     align-items: var(--dyby30-align-items);     gap: var(--dyby30-gap, var(--dyby30-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dyby30"] {                            gap: var(--dyby30-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--dyby30-padding-right-tablet, 0px) - var(--dyby30-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dyby30"] {                            gap: var(--dyby30-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--dyby30-padding-right-mobile, 0px) - var(--dyby30-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pyxecq"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-pyxecq"] { margin-top: var(--pyxecq-margin-top, 0px); margin-right: var(--pyxecq-margin-right, 0px); margin-bottom: var(--pyxecq-margin-bottom, 0px); margin-left: var(--pyxecq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pyxecq-margin-top-tablet, 0px); margin-right: var(--pyxecq-margin-right-tablet, 0px); margin-bottom: var(--pyxecq-margin-bottom-tablet, 0px); margin-left: var(--pyxecq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pyxecq-margin-top-mobile, 0px); margin-right: var(--pyxecq-margin-right-mobile, 0px); margin-bottom: var(--pyxecq-margin-bottom-mobile, 0px); margin-left: var(--pyxecq-margin-left-mobile, 0px); } }[data-bnode="beae-biegnp"] { --biegnp-direction: column; --biegnp-direction-tablet: column; --biegnp-direction-mobile: column; --biegnp-gap: 16px; --biegnp-gap-tablet: 16px; --biegnp-gap-mobile: 16px; --biegnp-background-type: color; --biegnp-background-type-tablet: color; --biegnp-background-type-mobile: color; --biegnp-background-color: #fff; --biegnp-background-color-tablet: #fff; --biegnp-background-color-mobile: #fff; --biegnp-padding-top: 12px; --biegnp-padding-top-tablet: 12px; --biegnp-padding-top-mobile: 12px; --biegnp-padding-right: 20px; --biegnp-padding-right-tablet: 20px; --biegnp-padding-right-mobile: 20px; --biegnp-padding-bottom: 12px; --biegnp-padding-bottom-tablet: 12px; --biegnp-padding-bottom-mobile: 12px; --biegnp-padding-left: 20px; --biegnp-padding-left-tablet: 20px; --biegnp-padding-left-mobile: 20px; }[data-bnode="beae-biegnp"] { padding-top: var(--biegnp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--biegnp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--biegnp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--biegnp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--biegnp-padding-top-tablet, var(--biegnp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--biegnp-padding-right-tablet, var(--biegnp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--biegnp-padding-bottom-tablet, var(--biegnp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--biegnp-padding-left-tablet, var(--biegnp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--biegnp-padding-top-mobile, var(--biegnp-padding-top-tablet, var(--biegnp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--biegnp-padding-right-mobile, var(--biegnp-padding-right-tablet, var(--biegnp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--biegnp-padding-bottom-mobile, var(--biegnp-padding-bottom-tablet, var(--biegnp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--biegnp-padding-left-mobile, var(--biegnp-padding-left-tablet, var(--biegnp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--biegnp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--biegnp-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--biegnp-background-imageRatio, auto); background: var(--biegnp-background-color,transparent); border-style: var(--biegnp-borderStyle,solid); border-color: var(--biegnp-borderColor,#000000); border-width: var(--biegnp-borderWidth-tl,0px) var(--biegnp-borderWidth-tr,0px) var(--biegnp-borderWidth-br,0px) var(--biegnp-borderWidth-bl,0px); border-radius: var(--biegnp-borderRadius-tl,0px) var(--biegnp-borderRadius-tr,0px) var(--biegnp-borderRadius-br,0px) var(--biegnp-borderRadius-bl,0px); box-shadow: if(style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal,0) var(--biegnp-shadowVertical,0) var(--biegnp-shadowBlur,0) 1px var(--biegnp-shadowColor,#000000); else: none); max-width: var(--biegnp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--biegnp-background-imageRatio-tablet, var(--biegnp-background-imageRatio, auto)); border-width: var(--biegnp-borderWidth-tl-tablet,0px) var(--biegnp-borderWidth-tr-tablet,0px) var(--biegnp-borderWidth-br-tablet,0px) var(--biegnp-borderWidth-bl-tablet,0px); border-radius: var(--biegnp-borderRadius-tl-tablet,0px) var(--biegnp-borderRadius-tr-tablet,0px) var(--biegnp-borderRadius-br-tablet,0px) var(--biegnp-borderRadius-bl-tablet,0px); max-width: var(--biegnp-max-width-tablet, var(--biegnp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--biegnp-background-imageRatio-mobile, var(--biegnp-background-imageRatio, auto)); border-width: var(--biegnp-borderWidth-tl-mobile,0px) var(--biegnp-borderWidth-tr-mobile,0px) var(--biegnp-borderWidth-br-mobile,0px) var(--biegnp-borderWidth-bl-mobile,0px); border-radius: var(--biegnp-borderRadius-tl-mobile,0px) var(--biegnp-borderRadius-tr-mobile,0px) var(--biegnp-borderRadius-br-mobile,0px) var(--biegnp-borderRadius-bl-mobile,0px); max-width: var(--biegnp-max-width-mobile, var(--biegnp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--biegnp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--biegnp-gap,var(--beae-card-gap)); padding-top: var(--biegnp-padding-top,var(--beae-card-padding)); padding-right: var(--biegnp-padding-right,var(--beae-card-padding)); padding-bottom: var(--biegnp-padding-bottom,var(--beae-card-padding)); padding-left: var(--biegnp-padding-left,var(--beae-card-padding)); border-width: var(--biegnp-borderWidth,var(--beae-card-border-width)); border-width: var(--biegnp-borderWidth-tl,var(--beae-card-border-width)) var(--biegnp-borderWidth-tr,var(--beae-card-border-width)) var(--biegnp-borderWidth-br,var(--beae-card-border-width)) var(--biegnp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--biegnp-borderRadius-tl,var(--beae-card-border-radius)) var(--biegnp-borderRadius-tr,var(--beae-card-border-radius)) var(--biegnp-borderRadius-br,var(--beae-card-border-radius)) var(--biegnp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--biegnp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--biegnp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--biegnp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--biegnp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--biegnp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--biegnp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--biegnp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--biegnp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--biegnp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--biegnp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--biegnp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--biegnp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--biegnp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--biegnp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--biegnp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--biegnp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--biegnp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--biegnp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--biegnp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--biegnp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--biegnp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--biegnp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--biegnp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--biegnp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--biegnp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--biegnp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--biegnp-background-color,var(--beae-card-featured-background)); border-color: var(--biegnp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal, var(--beae-card-shadow-x)) var(--biegnp-shadowVertical, var(--beae-card-shadow-y)) var(--biegnp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--biegnp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--biegnp-background-color,var(--beae-card-prod-background)); border-color: var(--biegnp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal, var(--beae-card-shadow-x)) var(--biegnp-shadowVertical, var(--beae-card-shadow-y)) var(--biegnp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--biegnp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--biegnp-background-color,var(--beae-card-pricing-background)); border-color: var(--biegnp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal, var(--beae-card-shadow-x)) var(--biegnp-shadowVertical, var(--beae-card-shadow-y)) var(--biegnp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--biegnp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--biegnp-background-color,var(--beae-card-cta-background)); border-color: var(--biegnp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal, var(--beae-card-shadow-x)) var(--biegnp-shadowVertical, var(--beae-card-shadow-y)) var(--biegnp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--biegnp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--biegnp-background-color,var(--beae-card-media-background)); border-color: var(--biegnp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--biegnp-enableShadow: true): var(--biegnp-shadowHorizontal, var(--beae-card-shadow-x)) var(--biegnp-shadowVertical, var(--beae-card-shadow-y)) var(--biegnp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--biegnp-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-biegnp"] {     display: flex;     flex-direction: var(--biegnp-direction, column);     flex-wrap: nowrap;     justify-content: var(--biegnp-justify-content);     align-items: var(--biegnp-align-items);     gap: var(--biegnp-gap, var(--biegnp-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-biegnp"] {                            gap: var(--biegnp-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--biegnp-padding-right-tablet, 0px) - var(--biegnp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-biegnp"] {                            gap: var(--biegnp-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--biegnp-padding-right-mobile, 0px) - var(--biegnp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-02f7mu"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --02f7mu-margin-top: 0px; --02f7mu-margin-top-tablet: 0px; --02f7mu-margin-top-mobile: 0px; --02f7mu-margin-right: 0px; --02f7mu-margin-right-tablet: 0px; --02f7mu-margin-right-mobile: 0px; --02f7mu-margin-bottom: 0px; --02f7mu-margin-bottom-tablet: 0px; --02f7mu-margin-bottom-mobile: 0px; --02f7mu-margin-left: 0px; --02f7mu-margin-left-tablet: 0px; --02f7mu-margin-left-mobile: 0px; }[data-bnode="beae-02f7mu"] { margin-top: var(--02f7mu-margin-top, 0px); margin-right: var(--02f7mu-margin-right, 0px); margin-bottom: var(--02f7mu-margin-bottom, 0px); margin-left: var(--02f7mu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--02f7mu-margin-top-tablet, 0px); margin-right: var(--02f7mu-margin-right-tablet, 0px); margin-bottom: var(--02f7mu-margin-bottom-tablet, 0px); margin-left: var(--02f7mu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--02f7mu-margin-top-mobile, 0px); margin-right: var(--02f7mu-margin-right-mobile, 0px); margin-bottom: var(--02f7mu-margin-bottom-mobile, 0px); margin-left: var(--02f7mu-margin-left-mobile, 0px); } }[data-bnode="beae-nz8b0e"] { --nz8b0e-direction: column; --nz8b0e-direction-tablet: column; --nz8b0e-direction-mobile: column; --nz8b0e-gap: 16px; --nz8b0e-gap-tablet: 16px; --nz8b0e-gap-mobile: 16px; --nz8b0e-background-type: color; --nz8b0e-background-type-tablet: color; --nz8b0e-background-type-mobile: color; --nz8b0e-background-color: #fff; --nz8b0e-background-color-tablet: #fff; --nz8b0e-background-color-mobile: #fff; --nz8b0e-padding-top: 12px; --nz8b0e-padding-top-tablet: 12px; --nz8b0e-padding-top-mobile: 12px; --nz8b0e-padding-right: 20px; --nz8b0e-padding-right-tablet: 20px; --nz8b0e-padding-right-mobile: 20px; --nz8b0e-padding-bottom: 12px; --nz8b0e-padding-bottom-tablet: 12px; --nz8b0e-padding-bottom-mobile: 12px; --nz8b0e-padding-left: 20px; --nz8b0e-padding-left-tablet: 20px; --nz8b0e-padding-left-mobile: 20px; }[data-bnode="beae-nz8b0e"] { padding-top: var(--nz8b0e-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--nz8b0e-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--nz8b0e-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--nz8b0e-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--nz8b0e-padding-top-tablet, var(--nz8b0e-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--nz8b0e-padding-right-tablet, var(--nz8b0e-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--nz8b0e-padding-bottom-tablet, var(--nz8b0e-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--nz8b0e-padding-left-tablet, var(--nz8b0e-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--nz8b0e-padding-top-mobile, var(--nz8b0e-padding-top-tablet, var(--nz8b0e-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--nz8b0e-padding-right-mobile, var(--nz8b0e-padding-right-tablet, var(--nz8b0e-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--nz8b0e-padding-bottom-mobile, var(--nz8b0e-padding-bottom-tablet, var(--nz8b0e-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--nz8b0e-padding-left-mobile, var(--nz8b0e-padding-left-tablet, var(--nz8b0e-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--nz8b0e-padding-left, var(--beae-slot-padding-x, 0px)) - var(--nz8b0e-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--nz8b0e-background-imageRatio, auto); background: var(--nz8b0e-background-color,transparent); border-style: var(--nz8b0e-borderStyle,solid); border-color: var(--nz8b0e-borderColor,#000000); border-width: var(--nz8b0e-borderWidth-tl,0px) var(--nz8b0e-borderWidth-tr,0px) var(--nz8b0e-borderWidth-br,0px) var(--nz8b0e-borderWidth-bl,0px); border-radius: var(--nz8b0e-borderRadius-tl,0px) var(--nz8b0e-borderRadius-tr,0px) var(--nz8b0e-borderRadius-br,0px) var(--nz8b0e-borderRadius-bl,0px); box-shadow: if(style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal,0) var(--nz8b0e-shadowVertical,0) var(--nz8b0e-shadowBlur,0) 1px var(--nz8b0e-shadowColor,#000000); else: none); max-width: var(--nz8b0e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--nz8b0e-background-imageRatio-tablet, var(--nz8b0e-background-imageRatio, auto)); border-width: var(--nz8b0e-borderWidth-tl-tablet,0px) var(--nz8b0e-borderWidth-tr-tablet,0px) var(--nz8b0e-borderWidth-br-tablet,0px) var(--nz8b0e-borderWidth-bl-tablet,0px); border-radius: var(--nz8b0e-borderRadius-tl-tablet,0px) var(--nz8b0e-borderRadius-tr-tablet,0px) var(--nz8b0e-borderRadius-br-tablet,0px) var(--nz8b0e-borderRadius-bl-tablet,0px); max-width: var(--nz8b0e-max-width-tablet, var(--nz8b0e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--nz8b0e-background-imageRatio-mobile, var(--nz8b0e-background-imageRatio, auto)); border-width: var(--nz8b0e-borderWidth-tl-mobile,0px) var(--nz8b0e-borderWidth-tr-mobile,0px) var(--nz8b0e-borderWidth-br-mobile,0px) var(--nz8b0e-borderWidth-bl-mobile,0px); border-radius: var(--nz8b0e-borderRadius-tl-mobile,0px) var(--nz8b0e-borderRadius-tr-mobile,0px) var(--nz8b0e-borderRadius-br-mobile,0px) var(--nz8b0e-borderRadius-bl-mobile,0px); max-width: var(--nz8b0e-max-width-mobile, var(--nz8b0e-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--nz8b0e-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--nz8b0e-gap,var(--beae-card-gap)); padding-top: var(--nz8b0e-padding-top,var(--beae-card-padding)); padding-right: var(--nz8b0e-padding-right,var(--beae-card-padding)); padding-bottom: var(--nz8b0e-padding-bottom,var(--beae-card-padding)); padding-left: var(--nz8b0e-padding-left,var(--beae-card-padding)); border-width: var(--nz8b0e-borderWidth,var(--beae-card-border-width)); border-width: var(--nz8b0e-borderWidth-tl,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-tr,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-br,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--nz8b0e-borderRadius-tl,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-tr,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-br,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--nz8b0e-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--nz8b0e-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--nz8b0e-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--nz8b0e-padding-left-tablet,var(--beae-card-padding)); border-width: var(--nz8b0e-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--nz8b0e-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-br-desktop,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--nz8b0e-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--nz8b0e-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--nz8b0e-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--nz8b0e-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--nz8b0e-padding-left-mobile,var(--beae-card-padding)); border-width: var(--nz8b0e-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--nz8b0e-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-br-mobile,var(--beae-card-border-width)) var(--nz8b0e-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--nz8b0e-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--nz8b0e-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--nz8b0e-background-color,var(--beae-card-featured-background)); border-color: var(--nz8b0e-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal, var(--beae-card-shadow-x)) var(--nz8b0e-shadowVertical, var(--beae-card-shadow-y)) var(--nz8b0e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nz8b0e-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--nz8b0e-background-color,var(--beae-card-prod-background)); border-color: var(--nz8b0e-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal, var(--beae-card-shadow-x)) var(--nz8b0e-shadowVertical, var(--beae-card-shadow-y)) var(--nz8b0e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nz8b0e-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--nz8b0e-background-color,var(--beae-card-pricing-background)); border-color: var(--nz8b0e-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal, var(--beae-card-shadow-x)) var(--nz8b0e-shadowVertical, var(--beae-card-shadow-y)) var(--nz8b0e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nz8b0e-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--nz8b0e-background-color,var(--beae-card-cta-background)); border-color: var(--nz8b0e-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal, var(--beae-card-shadow-x)) var(--nz8b0e-shadowVertical, var(--beae-card-shadow-y)) var(--nz8b0e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nz8b0e-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--nz8b0e-background-color,var(--beae-card-media-background)); border-color: var(--nz8b0e-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--nz8b0e-enableShadow: true): var(--nz8b0e-shadowHorizontal, var(--beae-card-shadow-x)) var(--nz8b0e-shadowVertical, var(--beae-card-shadow-y)) var(--nz8b0e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nz8b0e-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-nz8b0e"] {     display: flex;     flex-direction: var(--nz8b0e-direction, column);     flex-wrap: nowrap;     justify-content: var(--nz8b0e-justify-content);     align-items: var(--nz8b0e-align-items);     gap: var(--nz8b0e-gap, var(--nz8b0e-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-nz8b0e"] {                            gap: var(--nz8b0e-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--nz8b0e-padding-right-tablet, 0px) - var(--nz8b0e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-nz8b0e"] {                            gap: var(--nz8b0e-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--nz8b0e-padding-right-mobile, 0px) - var(--nz8b0e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n2i2ap"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-n2i2ap"] { margin-top: var(--n2i2ap-margin-top, 0px); margin-right: var(--n2i2ap-margin-right, 0px); margin-bottom: var(--n2i2ap-margin-bottom, 0px); margin-left: var(--n2i2ap-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n2i2ap-margin-top-tablet, 0px); margin-right: var(--n2i2ap-margin-right-tablet, 0px); margin-bottom: var(--n2i2ap-margin-bottom-tablet, 0px); margin-left: var(--n2i2ap-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n2i2ap-margin-top-mobile, 0px); margin-right: var(--n2i2ap-margin-right-mobile, 0px); margin-bottom: var(--n2i2ap-margin-bottom-mobile, 0px); margin-left: var(--n2i2ap-margin-left-mobile, 0px); } }[data-bnode="beae-xy1kou"] { --xy1kou-direction-tablet: row; --xy1kou-direction-mobile: row; --xy1kou-align-items-tablet: stretch; --xy1kou-align-items-mobile: stretch; }[data-bnode="beae-xy1kou"] { padding-top: var(--xy1kou-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xy1kou-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xy1kou-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xy1kou-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xy1kou-padding-top-tablet, var(--xy1kou-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xy1kou-padding-right-tablet, var(--xy1kou-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xy1kou-padding-bottom-tablet, var(--xy1kou-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xy1kou-padding-left-tablet, var(--xy1kou-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xy1kou-padding-top-mobile, var(--xy1kou-padding-top-tablet, var(--xy1kou-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xy1kou-padding-right-mobile, var(--xy1kou-padding-right-tablet, var(--xy1kou-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xy1kou-padding-bottom-mobile, var(--xy1kou-padding-bottom-tablet, var(--xy1kou-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xy1kou-padding-left-mobile, var(--xy1kou-padding-left-tablet, var(--xy1kou-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--xy1kou-padding-left, var(--beae-slot-padding-x, 0px)) - var(--xy1kou-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--xy1kou-background-imageRatio, auto); background: var(--xy1kou-background-color,transparent); border-style: var(--xy1kou-borderStyle,solid); border-color: var(--xy1kou-borderColor,#000000); border-width: var(--xy1kou-borderWidth-tl,0px) var(--xy1kou-borderWidth-tr,0px) var(--xy1kou-borderWidth-br,0px) var(--xy1kou-borderWidth-bl,0px); border-radius: var(--xy1kou-borderRadius-tl,0px) var(--xy1kou-borderRadius-tr,0px) var(--xy1kou-borderRadius-br,0px) var(--xy1kou-borderRadius-bl,0px); box-shadow: if(style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal,0) var(--xy1kou-shadowVertical,0) var(--xy1kou-shadowBlur,0) 1px var(--xy1kou-shadowColor,#000000); else: none); max-width: var(--xy1kou-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xy1kou-background-imageRatio-tablet, var(--xy1kou-background-imageRatio, auto)); border-width: var(--xy1kou-borderWidth-tl-tablet,0px) var(--xy1kou-borderWidth-tr-tablet,0px) var(--xy1kou-borderWidth-br-tablet,0px) var(--xy1kou-borderWidth-bl-tablet,0px); border-radius: var(--xy1kou-borderRadius-tl-tablet,0px) var(--xy1kou-borderRadius-tr-tablet,0px) var(--xy1kou-borderRadius-br-tablet,0px) var(--xy1kou-borderRadius-bl-tablet,0px); max-width: var(--xy1kou-max-width-tablet, var(--xy1kou-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xy1kou-background-imageRatio-mobile, var(--xy1kou-background-imageRatio, auto)); border-width: var(--xy1kou-borderWidth-tl-mobile,0px) var(--xy1kou-borderWidth-tr-mobile,0px) var(--xy1kou-borderWidth-br-mobile,0px) var(--xy1kou-borderWidth-bl-mobile,0px); border-radius: var(--xy1kou-borderRadius-tl-mobile,0px) var(--xy1kou-borderRadius-tr-mobile,0px) var(--xy1kou-borderRadius-br-mobile,0px) var(--xy1kou-borderRadius-bl-mobile,0px); max-width: var(--xy1kou-max-width-mobile, var(--xy1kou-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xy1kou-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--xy1kou-gap,var(--beae-card-gap)); padding-top: var(--xy1kou-padding-top,var(--beae-card-padding)); padding-right: var(--xy1kou-padding-right,var(--beae-card-padding)); padding-bottom: var(--xy1kou-padding-bottom,var(--beae-card-padding)); padding-left: var(--xy1kou-padding-left,var(--beae-card-padding)); border-width: var(--xy1kou-borderWidth,var(--beae-card-border-width)); border-width: var(--xy1kou-borderWidth-tl,var(--beae-card-border-width)) var(--xy1kou-borderWidth-tr,var(--beae-card-border-width)) var(--xy1kou-borderWidth-br,var(--beae-card-border-width)) var(--xy1kou-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xy1kou-borderRadius-tl,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-tr,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-br,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--xy1kou-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xy1kou-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xy1kou-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xy1kou-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xy1kou-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--xy1kou-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xy1kou-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xy1kou-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xy1kou-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xy1kou-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--xy1kou-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xy1kou-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xy1kou-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xy1kou-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xy1kou-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--xy1kou-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xy1kou-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xy1kou-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xy1kou-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xy1kou-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xy1kou-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xy1kou-background-color,var(--beae-card-featured-background)); border-color: var(--xy1kou-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal, var(--beae-card-shadow-x)) var(--xy1kou-shadowVertical, var(--beae-card-shadow-y)) var(--xy1kou-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xy1kou-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--xy1kou-background-color,var(--beae-card-prod-background)); border-color: var(--xy1kou-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal, var(--beae-card-shadow-x)) var(--xy1kou-shadowVertical, var(--beae-card-shadow-y)) var(--xy1kou-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xy1kou-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--xy1kou-background-color,var(--beae-card-pricing-background)); border-color: var(--xy1kou-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal, var(--beae-card-shadow-x)) var(--xy1kou-shadowVertical, var(--beae-card-shadow-y)) var(--xy1kou-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xy1kou-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--xy1kou-background-color,var(--beae-card-cta-background)); border-color: var(--xy1kou-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal, var(--beae-card-shadow-x)) var(--xy1kou-shadowVertical, var(--beae-card-shadow-y)) var(--xy1kou-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xy1kou-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--xy1kou-background-color,var(--beae-card-media-background)); border-color: var(--xy1kou-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--xy1kou-enableShadow: true): var(--xy1kou-shadowHorizontal, var(--beae-card-shadow-x)) var(--xy1kou-shadowVertical, var(--beae-card-shadow-y)) var(--xy1kou-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xy1kou-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-xy1kou"] {     display: flex;     flex-direction: var(--xy1kou-direction, column);     flex-wrap: nowrap;     justify-content: var(--xy1kou-justify-content);     align-items: var(--xy1kou-align-items);     gap: var(--xy1kou-gap, var(--xy1kou-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xy1kou"] {      flex-direction: var(--xy1kou-direction-tablet, column);                 align-items: var(--xy1kou-align-items-tablet, inherit);      gap: var(--xy1kou-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--xy1kou-padding-right-tablet, 0px) - var(--xy1kou-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xy1kou"] {                            gap: var(--xy1kou-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--xy1kou-padding-right-mobile, 0px) - var(--xy1kou-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ue9qfu"] { --ue9qfu-width: 100%; --ue9qfu-width-tablet: 100%; --ue9qfu-width-mobile: 100%; --ue9qfu-imageRatio: 7/6; --ue9qfu-imageRatio-tablet: 7/6; --ue9qfu-imageRatio-mobile: 7/6; --ue9qfu-borderRadius-tl: 24px; --ue9qfu-borderRadius-tl-tablet: 24px; --ue9qfu-borderRadius-tl-mobile: 24px; --ue9qfu-borderRadius-tr: 24px; --ue9qfu-borderRadius-tr-tablet: 24px; --ue9qfu-borderRadius-tr-mobile: 24px; --ue9qfu-borderRadius-bl: 24px; --ue9qfu-borderRadius-bl-tablet: 24px; --ue9qfu-borderRadius-bl-mobile: 24px; --ue9qfu-borderRadius-br: 24px; --ue9qfu-borderRadius-br-tablet: 24px; --ue9qfu-borderRadius-br-mobile: 24px; }[data-bnode="beae-ue9qfu"] { margin-top: var(--ue9qfu-margin-top, 0px); margin-right: var(--ue9qfu-margin-right, 0px); margin-bottom: var(--ue9qfu-margin-bottom, 0px); margin-left: var(--ue9qfu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ue9qfu-margin-top-tablet, 0px); margin-right: var(--ue9qfu-margin-right-tablet, 0px); margin-bottom: var(--ue9qfu-margin-bottom-tablet, 0px); margin-left: var(--ue9qfu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ue9qfu-margin-top-mobile, 0px); margin-right: var(--ue9qfu-margin-right-mobile, 0px); margin-bottom: var(--ue9qfu-margin-bottom-mobile, 0px); margin-left: var(--ue9qfu-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--ue9qfu-objFit, cover); width: var(--ue9qfu-width); aspect-ratio: var(--ue9qfu-imageRatio, auto); border-style: var(--ue9qfu-borderStyle,solid); border-color: var(--ue9qfu-borderColor,#000000); border-width: var(--ue9qfu-borderWidth-tl,0px) var(--ue9qfu-borderWidth-tr,0px) var(--ue9qfu-borderWidth-br,0px) var(--ue9qfu-borderWidth-bl,0px); border-radius: var(--ue9qfu-borderRadius-tl,0px) var(--ue9qfu-borderRadius-tr,0px) var(--ue9qfu-borderRadius-br,0px) var(--ue9qfu-borderRadius-bl,0px); box-shadow: if( style(--ue9qfu-enableShadow: true): var(--ue9qfu-shadowHorizontal, 0) var(--ue9qfu-shadowVertical, 0) var(--ue9qfu-shadowBlur, 0) 1px var(--ue9qfu-shadowColor, #000000); else: none ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ue9qfu-borderWidth-tl-tablet,0px) var(--ue9qfu-borderWidth-tr-tablet,0px) var(--ue9qfu-borderWidth-br-tablet,0px) var(--ue9qfu-borderWidth-bl-tablet,0px); border-radius: var(--ue9qfu-borderRadius-tl-tablet,0px) var(--ue9qfu-borderRadius-tr-tablet,0px) var(--ue9qfu-borderRadius-br-tablet,0px) var(--ue9qfu-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--ue9qfu-borderWidth-tl-mobile,0px) var(--ue9qfu-borderWidth-tr-mobile,0px) var(--ue9qfu-borderWidth-br-mobile,0px) var(--ue9qfu-borderWidth-bl-mobile,0px); border-radius: var(--ue9qfu-borderRadius-tl-mobile,0px) var(--ue9qfu-borderRadius-tr-mobile,0px) var(--ue9qfu-borderRadius-br-mobile,0px) var(--ue9qfu-borderRadius-bl-mobile,0px); } @media (max-width: 1180px) { width: var(--ue9qfu-width-tablet); aspect-ratio: var(--ue9qfu-imageRatio-tablet, var(--ue9qfu-imageRatio, auto)); } @media (max-width: 767px) { width: var(--ue9qfu-width-mobile); aspect-ratio: var(--ue9qfu-imageRatio-mobile, var(--ue9qfu-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--ue9qfu-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-9fqubs"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --9fqubs-typography: p; --9fqubs-typography-tablet: p; --9fqubs-typography-mobile: p; }[data-bnode="beae-9fqubs"] { margin-top: var(--9fqubs-margin-top, 0px); margin-right: var(--9fqubs-margin-right, 0px); margin-bottom: var(--9fqubs-margin-bottom, 0px); margin-left: var(--9fqubs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9fqubs-margin-top-tablet, 0px); margin-right: var(--9fqubs-margin-right-tablet, 0px); margin-bottom: var(--9fqubs-margin-bottom-tablet, 0px); margin-left: var(--9fqubs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9fqubs-margin-top-mobile, 0px); margin-right: var(--9fqubs-margin-right-mobile, 0px); margin-bottom: var(--9fqubs-margin-bottom-mobile, 0px); margin-left: var(--9fqubs-margin-left-mobile, 0px); } }[data-bnode="beae-ms4xid"] { --ms4xid-timer: label; --ms4xid-timer-tablet: label; --ms4xid-timer-mobile: label; --ms4xid-paddingY: 0px; --ms4xid-paddingY-tablet: 0px; --ms4xid-paddingY-mobile: 0px; --ms4xid-paddingX: 0px; --ms4xid-paddingX-tablet: 0px; --ms4xid-paddingX-mobile: 0px; --ms4xid-background-type: color; --ms4xid-background-type-tablet: color; --ms4xid-background-type-mobile: color; --ms4xid-background-color: #EDEDED00; --ms4xid-background-color-tablet: #EDEDED00; --ms4xid-background-color-mobile: #EDEDED00; --ms4xid-typographyNumber: h5; --ms4xid-typographyNumber-tablet: h5; --ms4xid-typographyNumber-mobile: h5; --ms4xid-gap: 2px; --ms4xid-gap-tablet: 2px; --ms4xid-gap-mobile: 2px; --ms4xid-typographyLabel: p; --ms4xid-typographyLabel-tablet: p; --ms4xid-typographyLabel-mobile: p; --beae-p2-font-size-tablet: 18px; --beae-p2-font-size-mobile: 18px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #D82727; --beae-p-font-weight: 700; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 15px; --beae-h5-font-size-mobile: 15px; --beae-h5-color: #D82727; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; }[data-bnode="beae-ms4xid"] { margin-top: var(--ms4xid-margin-top, 0px); margin-right: var(--ms4xid-margin-right, 0px); margin-bottom: var(--ms4xid-margin-bottom, 0px); margin-left: var(--ms4xid-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ms4xid-margin-top-tablet, 0px); margin-right: var(--ms4xid-margin-right-tablet, 0px); margin-bottom: var(--ms4xid-margin-bottom-tablet, 0px); margin-left: var(--ms4xid-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ms4xid-margin-top-mobile, 0px); margin-right: var(--ms4xid-margin-right-mobile, 0px); margin-bottom: var(--ms4xid-margin-bottom-mobile, 0px); margin-left: var(--ms4xid-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--ms4xid-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; align-items: center; } .beae-countdown-item { position: relative; min-width: 0; display: flex; justify-content: center; align-items: end !important; border-style: var(--ms4xid-borderStyle,solid); border-color: var(--ms4xid-borderColor,#000000); border-width: var(--ms4xid-borderWidth-tl,0px) var(--ms4xid-borderWidth-tr,0px) var(--ms4xid-borderWidth-br,0px) var(--ms4xid-borderWidth-bl,0px); border-radius: var(--ms4xid-borderRadius-tl,0px) var(--ms4xid-borderRadius-tr,0px) var(--ms4xid-borderRadius-br,0px) var(--ms4xid-borderRadius-bl,0px); box-shadow: if(style(--ms4xid-enableShadow: true): var(--ms4xid-shadowHorizontal,0) var(--ms4xid-shadowVertical,0) var(--ms4xid-shadowBlur,0) 1px var(--ms4xid-shadowColor,#000000); else: none); max-width: var(--ms4xid-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ms4xid-borderWidth-tl-tablet,0px) var(--ms4xid-borderWidth-tr-tablet,0px) var(--ms4xid-borderWidth-br-tablet,0px) var(--ms4xid-borderWidth-bl-tablet,0px); border-radius: var(--ms4xid-borderRadius-tl-tablet,0px) var(--ms4xid-borderRadius-tr-tablet,0px) var(--ms4xid-borderRadius-br-tablet,0px) var(--ms4xid-borderRadius-bl-tablet,0px); max-width: var(--ms4xid-max-width-tablet, var(--ms4xid-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--ms4xid-borderWidth-tl-mobile,0px) var(--ms4xid-borderWidth-tr-mobile,0px) var(--ms4xid-borderWidth-br-mobile,0px) var(--ms4xid-borderWidth-bl-mobile,0px); border-radius: var(--ms4xid-borderRadius-tl-mobile,0px) var(--ms4xid-borderRadius-tr-mobile,0px) var(--ms4xid-borderRadius-br-mobile,0px) var(--ms4xid-borderRadius-bl-mobile,0px); max-width: var(--ms4xid-max-width-mobile, var(--ms4xid-max-width, 100%)); } overflow: hidden; background: var(--ms4xid-background-color); padding-inline: var(--ms4xid-paddingX); padding-block: var(--ms4xid-paddingY); >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--ms4xid-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--ms4xid-paddingX-tablet); padding-block: var(--ms4xid-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--ms4xid-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--ms4xid-paddingX-mobile); padding-block: var(--ms4xid-paddingY-mobile); } } } }[data-bnode="beae-xye283"] { --xye283-width: 1600px; --xye283-width-tablet: 1600px; --xye283-width-mobile: 1600px; --xye283-height: fit-content; --xye283-height-tablet: fit-content; --xye283-height-mobile: fit-content; --xye283-padding-top: 16px; --xye283-padding-top-tablet: 16px; --xye283-padding-top-mobile: 16px; --xye283-padding-right: 30px; --xye283-padding-right-tablet: 30px; --xye283-padding-right-mobile: 16px; --xye283-padding-bottom: 16px; --xye283-padding-bottom-tablet: 16px; --xye283-padding-bottom-mobile: 16px; --xye283-padding-left: 30px; --xye283-padding-left-tablet: 30px; --xye283-padding-left-mobile: 16px; --xye283-direction: row; --xye283-direction-tablet: row; --xye283-direction-mobile: column; --xye283-align-items: center; --xye283-align-items-tablet: center; --xye283-align-items-mobile: flex-start; --xye283-justify-content: center; --xye283-justify-content-tablet: center; --xye283-justify-content-mobile: center; --xye283-background-type: color; --xye283-background-type-tablet: color; --xye283-background-type-mobile: color; --xye283-background-color: #F4F1EC; --xye283-background-color-tablet: #F4F1EC; --xye283-background-color-mobile: #F4F1EC; }[data-bnode="beae-xye283"] { padding-top: var(--xye283-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--xye283-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--xye283-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--xye283-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xye283-padding-top-tablet, var(--xye283-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--xye283-padding-right-tablet, var(--xye283-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--xye283-padding-bottom-tablet, var(--xye283-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--xye283-padding-left-tablet, var(--xye283-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xye283-padding-top-mobile, var(--xye283-padding-top-tablet, var(--xye283-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--xye283-padding-right-mobile, var(--xye283-padding-right-tablet, var(--xye283-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--xye283-padding-bottom-mobile, var(--xye283-padding-bottom-tablet, var(--xye283-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--xye283-padding-left-mobile, var(--xye283-padding-left-tablet, var(--xye283-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--xye283-padding-left, var(--beae-section-padding-x, 0px)) - var(--xye283-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--xye283-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--xye283-height); width: 100%; max-width: var(--xye283-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--xye283-height-tablet, auto); width: 100%; max-width: var(--xye283-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--xye283-height-mobile, auto); width: 100%; max-width: var(--xye283-width-mobile, 100%); } } } }[data-bnode="beae-xye283"] > .beae-section-container{     display: flex;     flex-direction: var(--xye283-direction, column);     flex-wrap: nowrap;     justify-content: var(--xye283-justify-content);     align-items: var(--xye283-align-items);     gap: var(--xye283-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xye283"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xye283-padding-right-tablet, 0px) - var(--xye283-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xye283"] > .beae-section-container{      flex-direction: var(--xye283-direction-mobile, column);                 align-items: var(--xye283-align-items-mobile, inherit);      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-8yf6ag"] { --8yf6ag-gap: 36px; --8yf6ag-gap-tablet: 36px; --8yf6ag-gap-mobile: 28px; --8yf6ag-direction: column; --8yf6ag-direction-tablet: column; --8yf6ag-direction-mobile: column; --8yf6ag-align-items: center; --8yf6ag-align-items-tablet: center; --8yf6ag-align-items-mobile: center; --8yf6ag-justify-content: center; --8yf6ag-justify-content-tablet: center; --8yf6ag-justify-content-mobile: center; --8yf6ag-padding-top: 20px; --8yf6ag-padding-top-tablet: 45px; --8yf6ag-padding-top-mobile: 40px; --8yf6ag-padding-right: 0px; --8yf6ag-padding-right-tablet: 0px; --8yf6ag-padding-right-mobile: 0px; --8yf6ag-padding-bottom: 20px; --8yf6ag-padding-bottom-tablet: 45px; --8yf6ag-padding-bottom-mobile: 56px; --8yf6ag-padding-left: 0px; --8yf6ag-padding-left-tablet: 0px; --8yf6ag-padding-left-mobile: 0px; }[data-bnode="beae-8yf6ag"] { padding-top: var(--8yf6ag-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8yf6ag-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8yf6ag-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8yf6ag-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8yf6ag-padding-top-tablet, var(--8yf6ag-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8yf6ag-padding-right-tablet, var(--8yf6ag-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8yf6ag-padding-bottom-tablet, var(--8yf6ag-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8yf6ag-padding-left-tablet, var(--8yf6ag-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8yf6ag-padding-top-mobile, var(--8yf6ag-padding-top-tablet, var(--8yf6ag-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8yf6ag-padding-right-mobile, var(--8yf6ag-padding-right-tablet, var(--8yf6ag-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8yf6ag-padding-bottom-mobile, var(--8yf6ag-padding-bottom-tablet, var(--8yf6ag-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8yf6ag-padding-left-mobile, var(--8yf6ag-padding-left-tablet, var(--8yf6ag-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8yf6ag-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8yf6ag-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8yf6ag-background-imageRatio, auto); background: var(--8yf6ag-background-color,transparent); border-style: var(--8yf6ag-borderStyle,solid); border-color: var(--8yf6ag-borderColor,#000000); border-width: var(--8yf6ag-borderWidth-tl,0px) var(--8yf6ag-borderWidth-tr,0px) var(--8yf6ag-borderWidth-br,0px) var(--8yf6ag-borderWidth-bl,0px); border-radius: var(--8yf6ag-borderRadius-tl,0px) var(--8yf6ag-borderRadius-tr,0px) var(--8yf6ag-borderRadius-br,0px) var(--8yf6ag-borderRadius-bl,0px); box-shadow: if(style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal,0) var(--8yf6ag-shadowVertical,0) var(--8yf6ag-shadowBlur,0) 1px var(--8yf6ag-shadowColor,#000000); else: none); max-width: var(--8yf6ag-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8yf6ag-background-imageRatio-tablet, var(--8yf6ag-background-imageRatio, auto)); border-width: var(--8yf6ag-borderWidth-tl-tablet,0px) var(--8yf6ag-borderWidth-tr-tablet,0px) var(--8yf6ag-borderWidth-br-tablet,0px) var(--8yf6ag-borderWidth-bl-tablet,0px); border-radius: var(--8yf6ag-borderRadius-tl-tablet,0px) var(--8yf6ag-borderRadius-tr-tablet,0px) var(--8yf6ag-borderRadius-br-tablet,0px) var(--8yf6ag-borderRadius-bl-tablet,0px); max-width: var(--8yf6ag-max-width-tablet, var(--8yf6ag-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8yf6ag-background-imageRatio-mobile, var(--8yf6ag-background-imageRatio, auto)); border-width: var(--8yf6ag-borderWidth-tl-mobile,0px) var(--8yf6ag-borderWidth-tr-mobile,0px) var(--8yf6ag-borderWidth-br-mobile,0px) var(--8yf6ag-borderWidth-bl-mobile,0px); border-radius: var(--8yf6ag-borderRadius-tl-mobile,0px) var(--8yf6ag-borderRadius-tr-mobile,0px) var(--8yf6ag-borderRadius-br-mobile,0px) var(--8yf6ag-borderRadius-bl-mobile,0px); max-width: var(--8yf6ag-max-width-mobile, var(--8yf6ag-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8yf6ag-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8yf6ag-gap,var(--beae-card-gap)); padding-top: var(--8yf6ag-padding-top,var(--beae-card-padding)); padding-right: var(--8yf6ag-padding-right,var(--beae-card-padding)); padding-bottom: var(--8yf6ag-padding-bottom,var(--beae-card-padding)); padding-left: var(--8yf6ag-padding-left,var(--beae-card-padding)); border-width: var(--8yf6ag-borderWidth,var(--beae-card-border-width)); border-width: var(--8yf6ag-borderWidth-tl,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-tr,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-br,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8yf6ag-borderRadius-tl,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-tr,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-br,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8yf6ag-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8yf6ag-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8yf6ag-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8yf6ag-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8yf6ag-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8yf6ag-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8yf6ag-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8yf6ag-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8yf6ag-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8yf6ag-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8yf6ag-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8yf6ag-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8yf6ag-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8yf6ag-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8yf6ag-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8yf6ag-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8yf6ag-background-color,var(--beae-card-featured-background)); border-color: var(--8yf6ag-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal, var(--beae-card-shadow-x)) var(--8yf6ag-shadowVertical, var(--beae-card-shadow-y)) var(--8yf6ag-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8yf6ag-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8yf6ag-background-color,var(--beae-card-prod-background)); border-color: var(--8yf6ag-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal, var(--beae-card-shadow-x)) var(--8yf6ag-shadowVertical, var(--beae-card-shadow-y)) var(--8yf6ag-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8yf6ag-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8yf6ag-background-color,var(--beae-card-pricing-background)); border-color: var(--8yf6ag-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal, var(--beae-card-shadow-x)) var(--8yf6ag-shadowVertical, var(--beae-card-shadow-y)) var(--8yf6ag-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8yf6ag-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8yf6ag-background-color,var(--beae-card-cta-background)); border-color: var(--8yf6ag-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal, var(--beae-card-shadow-x)) var(--8yf6ag-shadowVertical, var(--beae-card-shadow-y)) var(--8yf6ag-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8yf6ag-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8yf6ag-background-color,var(--beae-card-media-background)); border-color: var(--8yf6ag-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8yf6ag-enableShadow: true): var(--8yf6ag-shadowHorizontal, var(--beae-card-shadow-x)) var(--8yf6ag-shadowVertical, var(--beae-card-shadow-y)) var(--8yf6ag-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8yf6ag-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8yf6ag"] {     display: flex;     flex-direction: var(--8yf6ag-direction, column);     flex-wrap: nowrap;     justify-content: var(--8yf6ag-justify-content);     align-items: var(--8yf6ag-align-items);     gap: var(--8yf6ag-gap, var(--8yf6ag-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8yf6ag"] {                            gap: var(--8yf6ag-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--8yf6ag-padding-right-tablet, 0px) - var(--8yf6ag-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8yf6ag"] {                            gap: var(--8yf6ag-gap-mobile, var(--8yf6ag-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--8yf6ag-padding-right-mobile, 0px) - var(--8yf6ag-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-hax7uf"] { --hax7uf-direction: column; --hax7uf-direction-tablet: column; --hax7uf-direction-mobile: column; --hax7uf-structure: columns; --hax7uf-structure-tablet: columns; --hax7uf-structure-mobile: columns; --hax7uf-gap: 16px; --hax7uf-gap-tablet: 16px; --hax7uf-gap-mobile: 16px; --hax7uf-align-items: center; --hax7uf-align-items-tablet: center; --hax7uf-align-items-mobile: center; --hax7uf-padding-top-tablet: 0px; --hax7uf-padding-top-mobile: 0px; --hax7uf-padding-right-tablet: 32px; --hax7uf-padding-right-mobile: 16px; --hax7uf-padding-bottom-tablet: 0px; --hax7uf-padding-bottom-mobile: 0px; --hax7uf-padding-left-tablet: 32px; --hax7uf-padding-left-mobile: 16px; }[data-bnode="beae-hax7uf"] { padding-top: var(--hax7uf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hax7uf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hax7uf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hax7uf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hax7uf-padding-top-tablet, var(--hax7uf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hax7uf-padding-right-tablet, var(--hax7uf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hax7uf-padding-bottom-tablet, var(--hax7uf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hax7uf-padding-left-tablet, var(--hax7uf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hax7uf-padding-top-mobile, var(--hax7uf-padding-top-tablet, var(--hax7uf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hax7uf-padding-right-mobile, var(--hax7uf-padding-right-tablet, var(--hax7uf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hax7uf-padding-bottom-mobile, var(--hax7uf-padding-bottom-tablet, var(--hax7uf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hax7uf-padding-left-mobile, var(--hax7uf-padding-left-tablet, var(--hax7uf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hax7uf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hax7uf-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--hax7uf-background-imageRatio, auto); background: var(--hax7uf-background-color,transparent); border-style: var(--hax7uf-borderStyle,solid); border-color: var(--hax7uf-borderColor,#000000); border-width: var(--hax7uf-borderWidth-tl,0px) var(--hax7uf-borderWidth-tr,0px) var(--hax7uf-borderWidth-br,0px) var(--hax7uf-borderWidth-bl,0px); border-radius: var(--hax7uf-borderRadius-tl,0px) var(--hax7uf-borderRadius-tr,0px) var(--hax7uf-borderRadius-br,0px) var(--hax7uf-borderRadius-bl,0px); box-shadow: if(style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal,0) var(--hax7uf-shadowVertical,0) var(--hax7uf-shadowBlur,0) 1px var(--hax7uf-shadowColor,#000000); else: none); max-width: var(--hax7uf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hax7uf-background-imageRatio-tablet, var(--hax7uf-background-imageRatio, auto)); border-width: var(--hax7uf-borderWidth-tl-tablet,0px) var(--hax7uf-borderWidth-tr-tablet,0px) var(--hax7uf-borderWidth-br-tablet,0px) var(--hax7uf-borderWidth-bl-tablet,0px); border-radius: var(--hax7uf-borderRadius-tl-tablet,0px) var(--hax7uf-borderRadius-tr-tablet,0px) var(--hax7uf-borderRadius-br-tablet,0px) var(--hax7uf-borderRadius-bl-tablet,0px); max-width: var(--hax7uf-max-width-tablet, var(--hax7uf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hax7uf-background-imageRatio-mobile, var(--hax7uf-background-imageRatio, auto)); border-width: var(--hax7uf-borderWidth-tl-mobile,0px) var(--hax7uf-borderWidth-tr-mobile,0px) var(--hax7uf-borderWidth-br-mobile,0px) var(--hax7uf-borderWidth-bl-mobile,0px); border-radius: var(--hax7uf-borderRadius-tl-mobile,0px) var(--hax7uf-borderRadius-tr-mobile,0px) var(--hax7uf-borderRadius-br-mobile,0px) var(--hax7uf-borderRadius-bl-mobile,0px); max-width: var(--hax7uf-max-width-mobile, var(--hax7uf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hax7uf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hax7uf-gap,var(--beae-card-gap)); padding-top: var(--hax7uf-padding-top,var(--beae-card-padding)); padding-right: var(--hax7uf-padding-right,var(--beae-card-padding)); padding-bottom: var(--hax7uf-padding-bottom,var(--beae-card-padding)); padding-left: var(--hax7uf-padding-left,var(--beae-card-padding)); border-width: var(--hax7uf-borderWidth,var(--beae-card-border-width)); border-width: var(--hax7uf-borderWidth-tl,var(--beae-card-border-width)) var(--hax7uf-borderWidth-tr,var(--beae-card-border-width)) var(--hax7uf-borderWidth-br,var(--beae-card-border-width)) var(--hax7uf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hax7uf-borderRadius-tl,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-tr,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-br,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--hax7uf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hax7uf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hax7uf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hax7uf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hax7uf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hax7uf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hax7uf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hax7uf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hax7uf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hax7uf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hax7uf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hax7uf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hax7uf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hax7uf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hax7uf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hax7uf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hax7uf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hax7uf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hax7uf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hax7uf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hax7uf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hax7uf-background-color,var(--beae-card-featured-background)); border-color: var(--hax7uf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--hax7uf-shadowVertical, var(--beae-card-shadow-y)) var(--hax7uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hax7uf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hax7uf-background-color,var(--beae-card-prod-background)); border-color: var(--hax7uf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--hax7uf-shadowVertical, var(--beae-card-shadow-y)) var(--hax7uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hax7uf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hax7uf-background-color,var(--beae-card-pricing-background)); border-color: var(--hax7uf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--hax7uf-shadowVertical, var(--beae-card-shadow-y)) var(--hax7uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hax7uf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hax7uf-background-color,var(--beae-card-cta-background)); border-color: var(--hax7uf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--hax7uf-shadowVertical, var(--beae-card-shadow-y)) var(--hax7uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hax7uf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hax7uf-background-color,var(--beae-card-media-background)); border-color: var(--hax7uf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hax7uf-enableShadow: true): var(--hax7uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--hax7uf-shadowVertical, var(--beae-card-shadow-y)) var(--hax7uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hax7uf-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-hax7uf"] {     display: flex;     flex-direction: var(--hax7uf-direction, column);     flex-wrap: nowrap;     justify-content: var(--hax7uf-justify-content);     align-items: var(--hax7uf-align-items);     gap: var(--hax7uf-gap, var(--hax7uf-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hax7uf"] {                            gap: var(--hax7uf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--hax7uf-padding-right-tablet, 0px) - var(--hax7uf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-hax7uf"] {                            gap: var(--hax7uf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--hax7uf-padding-right-mobile, 0px) - var(--hax7uf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fu758l"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 46px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #143052; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 700; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: capitalize; --fu758l-typography: h1; --fu758l-typography-tablet: h1; --fu758l-typography-mobile: h1; --beae-h1-text-align: center; }[data-bnode="beae-fu758l"] { margin-top: var(--fu758l-margin-top, 0px); margin-right: var(--fu758l-margin-right, 0px); margin-bottom: var(--fu758l-margin-bottom, 0px); margin-left: var(--fu758l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fu758l-margin-top-tablet, 0px); margin-right: var(--fu758l-margin-right-tablet, 0px); margin-bottom: var(--fu758l-margin-bottom-tablet, 0px); margin-left: var(--fu758l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fu758l-margin-top-mobile, 0px); margin-right: var(--fu758l-margin-right-mobile, 0px); margin-bottom: var(--fu758l-margin-bottom-mobile, 0px); margin-left: var(--fu758l-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--fu758l-highlightColor,var(--beae-p-color)); top: var(--fu758l-highlightTop, 100%); } }[data-bnode="beae-5z0eg4"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --5z0eg4-typography: p; --5z0eg4-typography-tablet: p; --5z0eg4-typography-mobile: p; --beae-p2-font-size-tablet: 18px; --beae-p2-font-size-mobile: 18px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-text-align: center; }[data-bnode="beae-5z0eg4"] { margin-top: var(--5z0eg4-margin-top, 0px); margin-right: var(--5z0eg4-margin-right, 0px); margin-bottom: var(--5z0eg4-margin-bottom, 0px); margin-left: var(--5z0eg4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5z0eg4-margin-top-tablet, 0px); margin-right: var(--5z0eg4-margin-right-tablet, 0px); margin-bottom: var(--5z0eg4-margin-bottom-tablet, 0px); margin-left: var(--5z0eg4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5z0eg4-margin-top-mobile, 0px); margin-right: var(--5z0eg4-margin-right-mobile, 0px); margin-bottom: var(--5z0eg4-margin-bottom-mobile, 0px); margin-left: var(--5z0eg4-margin-left-mobile, 0px); } }[data-bnode="beae-7fbzp6"] { --7fbzp6-width: 325px; --7fbzp6-width-tablet: 220px; --7fbzp6-width-mobile: 256px; --7fbzp6-imageRatio: 6/7; --7fbzp6-imageRatio-tablet: 6/7; --7fbzp6-imageRatio-mobile: 6/7; --7fbzp6-objFit: cover; --7fbzp6-objFit-tablet: cover; --7fbzp6-objFit-mobile: cover; --7fbzp6-borderColor: #000000; --7fbzp6-borderColor-tablet: #000000; --7fbzp6-borderColor-mobile: #000000; --7fbzp6-shadowColor: #000000; --7fbzp6-shadowColor-tablet: #000000; --7fbzp6-shadowColor-mobile: #000000; --7fbzp6-borderStyle: none; --7fbzp6-borderStyle-tablet: none; --7fbzp6-borderStyle-mobile: none; --7fbzp6-enableShadow: false; --7fbzp6-enableShadow-tablet: false; --7fbzp6-enableShadow-mobile: false; }[data-bnode="beae-7fbzp6"] { margin-top: var(--7fbzp6-margin-top, 0px); margin-right: var(--7fbzp6-margin-right, 0px); margin-bottom: var(--7fbzp6-margin-bottom, 0px); margin-left: var(--7fbzp6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7fbzp6-margin-top-tablet, 0px); margin-right: var(--7fbzp6-margin-right-tablet, 0px); margin-bottom: var(--7fbzp6-margin-bottom-tablet, 0px); margin-left: var(--7fbzp6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7fbzp6-margin-top-mobile, 0px); margin-right: var(--7fbzp6-margin-right-mobile, 0px); margin-bottom: var(--7fbzp6-margin-bottom-mobile, 0px); margin-left: var(--7fbzp6-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--7fbzp6-width,100%) - var(--7fbzp6-margin-left,0px) - var(--7fbzp6-margin-right,0px)); min-height: min-content; border-style: var(--7fbzp6-borderStyle,solid); border-color: var(--7fbzp6-borderColor,#000000); border-width: var(--7fbzp6-borderWidth-tl,0px) var(--7fbzp6-borderWidth-tr,0px) var(--7fbzp6-borderWidth-br,0px) var(--7fbzp6-borderWidth-bl,0px); border-radius: var(--7fbzp6-borderRadius-tl,0px) var(--7fbzp6-borderRadius-tr,0px) var(--7fbzp6-borderRadius-br,0px) var(--7fbzp6-borderRadius-bl,0px); aspect-ratio: var(--7fbzp6-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--7fbzp6-borderWidth-tl-tablet, var(--7fbzp6-borderWidth-tl,0px)) var(--7fbzp6-borderWidth-tr-tablet, var(--7fbzp6-borderWidth-tr,0px)) var(--7fbzp6-borderWidth-br-tablet, var(--7fbzp6-borderWidth-br,0px)) var(--7fbzp6-borderWidth-bl-tablet, var(--7fbzp6-borderWidth-bl,0px)); border-radius: var(--7fbzp6-borderRadius-tl-tablet, var(--7fbzp6-borderRadius-tl,0px)) var(--7fbzp6-borderRadius-tr-tablet, var(--7fbzp6-borderRadius-tr,0px)) var(--7fbzp6-borderRadius-br-tablet, var(--7fbzp6-borderRadius-br,0px)) var(--7fbzp6-borderRadius-bl-tablet, var(--7fbzp6-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--7fbzp6-borderWidth-tl-mobile, var(--7fbzp6-borderWidth-tl,0px)) var(--7fbzp6-borderWidth-tr-mobile, var(--7fbzp6-borderWidth-tr,0px)) var(--7fbzp6-borderWidth-br-mobile, var(--7fbzp6-borderWidth-br,0px)) var(--7fbzp6-borderWidth-bl-mobile, var(--7fbzp6-borderWidth-bl,0px)); border-radius: var(--7fbzp6-borderRadius-tl-mobile, var(--7fbzp6-borderRadius-tl,0px)) var(--7fbzp6-borderRadius-tr-mobile, var(--7fbzp6-borderRadius-tr,0px)) var(--7fbzp6-borderRadius-br-mobile, var(--7fbzp6-borderRadius-br,0px)) var(--7fbzp6-borderRadius-bl-mobile, var(--7fbzp6-borderRadius-bl,0px)); } box-shadow: if( style(--7fbzp6-enableShadow: true): var(--7fbzp6-shadowHorizontal, 0) var(--7fbzp6-shadowVertical, 0) var(--7fbzp6-shadowBlur, 0) 1px var(--7fbzp6-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--7fbzp6-overlayColor-color, #000); opacity: var(--7fbzp6-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--7fbzp6-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--7fbzp6-width-tablet,var(--7fbzp6-width,100%)) - var(--7fbzp6-margin-left-tablet,var(--7fbzp6-margin-left,0px)) - var(--7fbzp6-margin-right-tablet,var(--7fbzp6-margin-right,0px))); aspect-ratio: var(--7fbzp6-imageRatio-tablet, var(--7fbzp6-imageRatio, auto)); img { object-fit: var(--7fbzp6-objFit-tablet, var(--7fbzp6-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--7fbzp6-width-mobile,var(--7fbzp6-width,100%)) - var(--7fbzp6-margin-left-mobile,var(--7fbzp6-margin-left,0px)) - var(--7fbzp6-margin-right-mobile,var(--7fbzp6-margin-right,0px))); aspect-ratio: var(--7fbzp6-imageRatio-mobile, var(--7fbzp6-imageRatio, auto)); img { object-fit: var(--7fbzp6-objFit-mobile, var(--7fbzp6-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-jo6kxn"] { --jo6kxn-direction: column; --jo6kxn-direction-tablet: column; --jo6kxn-direction-mobile: column; --jo6kxn-structure: auto; --jo6kxn-structure-tablet: auto; --jo6kxn-structure-mobile: auto; --jo6kxn-align-items: center; --jo6kxn-align-items-tablet: center; --jo6kxn-align-items-mobile: center; }[data-bnode="beae-jo6kxn"] { padding-top: var(--jo6kxn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jo6kxn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jo6kxn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jo6kxn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jo6kxn-padding-top-tablet, var(--jo6kxn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jo6kxn-padding-right-tablet, var(--jo6kxn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jo6kxn-padding-bottom-tablet, var(--jo6kxn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jo6kxn-padding-left-tablet, var(--jo6kxn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jo6kxn-padding-top-mobile, var(--jo6kxn-padding-top-tablet, var(--jo6kxn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jo6kxn-padding-right-mobile, var(--jo6kxn-padding-right-tablet, var(--jo6kxn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jo6kxn-padding-bottom-mobile, var(--jo6kxn-padding-bottom-tablet, var(--jo6kxn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jo6kxn-padding-left-mobile, var(--jo6kxn-padding-left-tablet, var(--jo6kxn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jo6kxn-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jo6kxn-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--jo6kxn-background-imageRatio, auto); background: var(--jo6kxn-background-color,transparent); border-style: var(--jo6kxn-borderStyle,solid); border-color: var(--jo6kxn-borderColor,#000000); border-width: var(--jo6kxn-borderWidth-tl,0px) var(--jo6kxn-borderWidth-tr,0px) var(--jo6kxn-borderWidth-br,0px) var(--jo6kxn-borderWidth-bl,0px); border-radius: var(--jo6kxn-borderRadius-tl,0px) var(--jo6kxn-borderRadius-tr,0px) var(--jo6kxn-borderRadius-br,0px) var(--jo6kxn-borderRadius-bl,0px); box-shadow: if(style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal,0) var(--jo6kxn-shadowVertical,0) var(--jo6kxn-shadowBlur,0) 1px var(--jo6kxn-shadowColor,#000000); else: none); max-width: var(--jo6kxn-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jo6kxn-background-imageRatio-tablet, var(--jo6kxn-background-imageRatio, auto)); border-width: var(--jo6kxn-borderWidth-tl-tablet,0px) var(--jo6kxn-borderWidth-tr-tablet,0px) var(--jo6kxn-borderWidth-br-tablet,0px) var(--jo6kxn-borderWidth-bl-tablet,0px); border-radius: var(--jo6kxn-borderRadius-tl-tablet,0px) var(--jo6kxn-borderRadius-tr-tablet,0px) var(--jo6kxn-borderRadius-br-tablet,0px) var(--jo6kxn-borderRadius-bl-tablet,0px); max-width: var(--jo6kxn-max-width-tablet, var(--jo6kxn-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jo6kxn-background-imageRatio-mobile, var(--jo6kxn-background-imageRatio, auto)); border-width: var(--jo6kxn-borderWidth-tl-mobile,0px) var(--jo6kxn-borderWidth-tr-mobile,0px) var(--jo6kxn-borderWidth-br-mobile,0px) var(--jo6kxn-borderWidth-bl-mobile,0px); border-radius: var(--jo6kxn-borderRadius-tl-mobile,0px) var(--jo6kxn-borderRadius-tr-mobile,0px) var(--jo6kxn-borderRadius-br-mobile,0px) var(--jo6kxn-borderRadius-bl-mobile,0px); max-width: var(--jo6kxn-max-width-mobile, var(--jo6kxn-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jo6kxn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jo6kxn-gap,var(--beae-card-gap)); padding-top: var(--jo6kxn-padding-top,var(--beae-card-padding)); padding-right: var(--jo6kxn-padding-right,var(--beae-card-padding)); padding-bottom: var(--jo6kxn-padding-bottom,var(--beae-card-padding)); padding-left: var(--jo6kxn-padding-left,var(--beae-card-padding)); border-width: var(--jo6kxn-borderWidth,var(--beae-card-border-width)); border-width: var(--jo6kxn-borderWidth-tl,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-tr,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-br,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jo6kxn-borderRadius-tl,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-tr,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-br,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--jo6kxn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jo6kxn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jo6kxn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jo6kxn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jo6kxn-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jo6kxn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jo6kxn-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jo6kxn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jo6kxn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jo6kxn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jo6kxn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jo6kxn-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jo6kxn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jo6kxn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jo6kxn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jo6kxn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jo6kxn-background-color,var(--beae-card-featured-background)); border-color: var(--jo6kxn-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal, var(--beae-card-shadow-x)) var(--jo6kxn-shadowVertical, var(--beae-card-shadow-y)) var(--jo6kxn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jo6kxn-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jo6kxn-background-color,var(--beae-card-prod-background)); border-color: var(--jo6kxn-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal, var(--beae-card-shadow-x)) var(--jo6kxn-shadowVertical, var(--beae-card-shadow-y)) var(--jo6kxn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jo6kxn-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jo6kxn-background-color,var(--beae-card-pricing-background)); border-color: var(--jo6kxn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal, var(--beae-card-shadow-x)) var(--jo6kxn-shadowVertical, var(--beae-card-shadow-y)) var(--jo6kxn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jo6kxn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jo6kxn-background-color,var(--beae-card-cta-background)); border-color: var(--jo6kxn-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal, var(--beae-card-shadow-x)) var(--jo6kxn-shadowVertical, var(--beae-card-shadow-y)) var(--jo6kxn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jo6kxn-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jo6kxn-background-color,var(--beae-card-media-background)); border-color: var(--jo6kxn-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jo6kxn-enableShadow: true): var(--jo6kxn-shadowHorizontal, var(--beae-card-shadow-x)) var(--jo6kxn-shadowVertical, var(--beae-card-shadow-y)) var(--jo6kxn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jo6kxn-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-jo6kxn"] {     display: flex;     flex-direction: var(--jo6kxn-direction, column);     flex-wrap: nowrap;     justify-content: var(--jo6kxn-justify-content);     align-items: var(--jo6kxn-align-items);     gap: var(--jo6kxn-gap, var(--jo6kxn-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jo6kxn"] {                            gap: var(--jo6kxn-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jo6kxn-padding-right-tablet, 0px) - var(--jo6kxn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jo6kxn"] {                            gap: var(--jo6kxn-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jo6kxn-padding-right-mobile, 0px) - var(--jo6kxn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2bd8jr"] { --2bd8jr-width: fill; --2bd8jr-width-tablet: fill; --2bd8jr-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #143052; --beae-btn-text-transform: capitalize; --2bd8jr-iconWidth: 20px; --2bd8jr-iconWidth-tablet: 20px; --2bd8jr-iconWidth-mobile: 20px; --2bd8jr-iconGap: 5px; --2bd8jr-iconGap-tablet: 5px; --2bd8jr-iconGap-mobile: 5px; --2bd8jr-transform: none; --2bd8jr-transform-tablet: none; --2bd8jr-transform-mobile: none; --2bd8jr-button: pr; --2bd8jr-button-tablet: pr; --2bd8jr-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-2bd8jr"] { margin-top: var(--2bd8jr-margin-top, 0px); margin-right: var(--2bd8jr-margin-right, 0px); margin-bottom: var(--2bd8jr-margin-bottom, 0px); margin-left: var(--2bd8jr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2bd8jr-margin-top-tablet, 0px); margin-right: var(--2bd8jr-margin-right-tablet, 0px); margin-bottom: var(--2bd8jr-margin-bottom-tablet, 0px); margin-left: var(--2bd8jr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2bd8jr-margin-top-mobile, 0px); margin-right: var(--2bd8jr-margin-right-mobile, 0px); margin-bottom: var(--2bd8jr-margin-bottom-mobile, 0px); margin-left: var(--2bd8jr-margin-left-mobile, 0px); } &{ gap:var(--2bd8jr-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--2bd8jr-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--2bd8jr-bgBtnHover)) * 1%)); style(--2bd8jr-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--2bd8jr-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--2bd8jr-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); style(--2bd8jr-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--2bd8jr-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--2bd8jr-borderBtnHover)) * 1%)); style(--2bd8jr-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--2bd8jr-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--2bd8jr-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--2bd8jr-bgBtnHover)) * 1%)); style(--2bd8jr-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--2bd8jr-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--2bd8jr-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); style(--2bd8jr-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--2bd8jr-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--2bd8jr-borderBtnHover)) * 1%)); style(--2bd8jr-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--2bd8jr-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--2bd8jr-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); style(--2bd8jr-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--2bd8jr-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--2bd8jr-iconWidth); } svg { width: var(--2bd8jr-iconWidth,20px); min-width: var(--2bd8jr-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--2bd8jr-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--2bd8jr-iconWidth-tablet, var(--2bd8jr-iconWidth)); } svg { width: var(--2bd8jr-iconWidth-tablet, var(--2bd8jr-iconWidth)); min-width: var(--2bd8jr-iconWidth-tablet, var(--2bd8jr-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--2bd8jr-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--2bd8jr-iconWidth-mobile, var(--2bd8jr-iconWidth)); } svg { width: var(--2bd8jr-iconWidth-mobile, var(--2bd8jr-iconWidth)); min-width: var(--2bd8jr-iconWidth-mobile, var(--2bd8jr-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-u3fqmj"] { --u3fqmj-direction: row; --u3fqmj-direction-tablet: row; --u3fqmj-direction-mobile: row; --u3fqmj-align-items: stretch; --u3fqmj-align-items-tablet: stretch; --u3fqmj-align-items-mobile: stretch; }[data-bnode="beae-u3fqmj"] { padding-top: var(--u3fqmj-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--u3fqmj-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--u3fqmj-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--u3fqmj-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u3fqmj-padding-top-tablet, var(--u3fqmj-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--u3fqmj-padding-right-tablet, var(--u3fqmj-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--u3fqmj-padding-bottom-tablet, var(--u3fqmj-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--u3fqmj-padding-left-tablet, var(--u3fqmj-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u3fqmj-padding-top-mobile, var(--u3fqmj-padding-top-tablet, var(--u3fqmj-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--u3fqmj-padding-right-mobile, var(--u3fqmj-padding-right-tablet, var(--u3fqmj-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--u3fqmj-padding-bottom-mobile, var(--u3fqmj-padding-bottom-tablet, var(--u3fqmj-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--u3fqmj-padding-left-mobile, var(--u3fqmj-padding-left-tablet, var(--u3fqmj-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--u3fqmj-padding-left, var(--beae-slot-padding-x, 0px)) - var(--u3fqmj-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--u3fqmj-background-imageRatio, auto); background: var(--u3fqmj-background-color,transparent); border-style: var(--u3fqmj-borderStyle,solid); border-color: var(--u3fqmj-borderColor,#000000); border-width: var(--u3fqmj-borderWidth-tl,0px) var(--u3fqmj-borderWidth-tr,0px) var(--u3fqmj-borderWidth-br,0px) var(--u3fqmj-borderWidth-bl,0px); border-radius: var(--u3fqmj-borderRadius-tl,0px) var(--u3fqmj-borderRadius-tr,0px) var(--u3fqmj-borderRadius-br,0px) var(--u3fqmj-borderRadius-bl,0px); box-shadow: if(style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal,0) var(--u3fqmj-shadowVertical,0) var(--u3fqmj-shadowBlur,0) 1px var(--u3fqmj-shadowColor,#000000); else: none); max-width: var(--u3fqmj-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--u3fqmj-background-imageRatio-tablet, var(--u3fqmj-background-imageRatio, auto)); border-width: var(--u3fqmj-borderWidth-tl-tablet,0px) var(--u3fqmj-borderWidth-tr-tablet,0px) var(--u3fqmj-borderWidth-br-tablet,0px) var(--u3fqmj-borderWidth-bl-tablet,0px); border-radius: var(--u3fqmj-borderRadius-tl-tablet,0px) var(--u3fqmj-borderRadius-tr-tablet,0px) var(--u3fqmj-borderRadius-br-tablet,0px) var(--u3fqmj-borderRadius-bl-tablet,0px); max-width: var(--u3fqmj-max-width-tablet, var(--u3fqmj-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--u3fqmj-background-imageRatio-mobile, var(--u3fqmj-background-imageRatio, auto)); border-width: var(--u3fqmj-borderWidth-tl-mobile,0px) var(--u3fqmj-borderWidth-tr-mobile,0px) var(--u3fqmj-borderWidth-br-mobile,0px) var(--u3fqmj-borderWidth-bl-mobile,0px); border-radius: var(--u3fqmj-borderRadius-tl-mobile,0px) var(--u3fqmj-borderRadius-tr-mobile,0px) var(--u3fqmj-borderRadius-br-mobile,0px) var(--u3fqmj-borderRadius-bl-mobile,0px); max-width: var(--u3fqmj-max-width-mobile, var(--u3fqmj-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--u3fqmj-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--u3fqmj-gap,var(--beae-card-gap)); padding-top: var(--u3fqmj-padding-top,var(--beae-card-padding)); padding-right: var(--u3fqmj-padding-right,var(--beae-card-padding)); padding-bottom: var(--u3fqmj-padding-bottom,var(--beae-card-padding)); padding-left: var(--u3fqmj-padding-left,var(--beae-card-padding)); border-width: var(--u3fqmj-borderWidth,var(--beae-card-border-width)); border-width: var(--u3fqmj-borderWidth-tl,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-tr,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-br,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--u3fqmj-borderRadius-tl,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-tr,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-br,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--u3fqmj-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--u3fqmj-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--u3fqmj-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--u3fqmj-padding-left-tablet,var(--beae-card-padding)); border-width: var(--u3fqmj-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--u3fqmj-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-br-desktop,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--u3fqmj-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--u3fqmj-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--u3fqmj-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--u3fqmj-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--u3fqmj-padding-left-mobile,var(--beae-card-padding)); border-width: var(--u3fqmj-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--u3fqmj-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-br-mobile,var(--beae-card-border-width)) var(--u3fqmj-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--u3fqmj-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--u3fqmj-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--u3fqmj-background-color,var(--beae-card-featured-background)); border-color: var(--u3fqmj-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal, var(--beae-card-shadow-x)) var(--u3fqmj-shadowVertical, var(--beae-card-shadow-y)) var(--u3fqmj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u3fqmj-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--u3fqmj-background-color,var(--beae-card-prod-background)); border-color: var(--u3fqmj-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal, var(--beae-card-shadow-x)) var(--u3fqmj-shadowVertical, var(--beae-card-shadow-y)) var(--u3fqmj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u3fqmj-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--u3fqmj-background-color,var(--beae-card-pricing-background)); border-color: var(--u3fqmj-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal, var(--beae-card-shadow-x)) var(--u3fqmj-shadowVertical, var(--beae-card-shadow-y)) var(--u3fqmj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u3fqmj-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--u3fqmj-background-color,var(--beae-card-cta-background)); border-color: var(--u3fqmj-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal, var(--beae-card-shadow-x)) var(--u3fqmj-shadowVertical, var(--beae-card-shadow-y)) var(--u3fqmj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u3fqmj-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--u3fqmj-background-color,var(--beae-card-media-background)); border-color: var(--u3fqmj-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--u3fqmj-enableShadow: true): var(--u3fqmj-shadowHorizontal, var(--beae-card-shadow-x)) var(--u3fqmj-shadowVertical, var(--beae-card-shadow-y)) var(--u3fqmj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u3fqmj-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-u3fqmj"] {     display: flex;     flex-direction: var(--u3fqmj-direction, column);     flex-wrap: nowrap;     justify-content: var(--u3fqmj-justify-content);     align-items: var(--u3fqmj-align-items);     gap: var(--u3fqmj-gap, var(--u3fqmj-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-u3fqmj"] {                            gap: var(--u3fqmj-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--u3fqmj-padding-right-tablet, 0px) - var(--u3fqmj-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u3fqmj"] {                            gap: var(--u3fqmj-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--u3fqmj-padding-right-mobile, 0px) - var(--u3fqmj-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fy28u7"] { --fy28u7-width: 100%; --fy28u7-width-tablet: 100%; --fy28u7-width-mobile: 100%; --fy28u7-imageRatio: 7/6; --fy28u7-imageRatio-tablet: 7/6; --fy28u7-imageRatio-mobile: 5/7; --fy28u7-objFit: cover; --fy28u7-objFit-tablet: cover; --fy28u7-objFit-mobile: cover; --fy28u7-borderColor: #000000; --fy28u7-borderColor-tablet: #000000; --fy28u7-borderColor-mobile: #000000; --fy28u7-shadowColor: #000000; --fy28u7-shadowColor-tablet: #000000; --fy28u7-shadowColor-mobile: #000000; --fy28u7-borderStyle: none; --fy28u7-borderStyle-tablet: none; --fy28u7-borderStyle-mobile: none; --fy28u7-enableShadow: false; --fy28u7-enableShadow-tablet: false; --fy28u7-enableShadow-mobile: false; --fy28u7-borderRadius-tl: 24px; --fy28u7-borderRadius-tl-tablet: 24px; --fy28u7-borderRadius-tl-mobile: 24px; --fy28u7-borderRadius-tr: 24px; --fy28u7-borderRadius-tr-tablet: 24px; --fy28u7-borderRadius-tr-mobile: 24px; --fy28u7-borderRadius-bl: 24px; --fy28u7-borderRadius-bl-tablet: 24px; --fy28u7-borderRadius-bl-mobile: 24px; --fy28u7-borderRadius-br: 24px; --fy28u7-borderRadius-br-tablet: 24px; --fy28u7-borderRadius-br-mobile: 24px; }[data-bnode="beae-fy28u7"] { margin-top: var(--fy28u7-margin-top, 0px); margin-right: var(--fy28u7-margin-right, 0px); margin-bottom: var(--fy28u7-margin-bottom, 0px); margin-left: var(--fy28u7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fy28u7-margin-top-tablet, 0px); margin-right: var(--fy28u7-margin-right-tablet, 0px); margin-bottom: var(--fy28u7-margin-bottom-tablet, 0px); margin-left: var(--fy28u7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fy28u7-margin-top-mobile, 0px); margin-right: var(--fy28u7-margin-right-mobile, 0px); margin-bottom: var(--fy28u7-margin-bottom-mobile, 0px); margin-left: var(--fy28u7-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--fy28u7-width,100%) - var(--fy28u7-margin-left,0px) - var(--fy28u7-margin-right,0px)); min-height: min-content; border-style: var(--fy28u7-borderStyle,solid); border-color: var(--fy28u7-borderColor,#000000); border-width: var(--fy28u7-borderWidth-tl,0px) var(--fy28u7-borderWidth-tr,0px) var(--fy28u7-borderWidth-br,0px) var(--fy28u7-borderWidth-bl,0px); border-radius: var(--fy28u7-borderRadius-tl,0px) var(--fy28u7-borderRadius-tr,0px) var(--fy28u7-borderRadius-br,0px) var(--fy28u7-borderRadius-bl,0px); aspect-ratio: var(--fy28u7-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--fy28u7-borderWidth-tl-tablet, var(--fy28u7-borderWidth-tl,0px)) var(--fy28u7-borderWidth-tr-tablet, var(--fy28u7-borderWidth-tr,0px)) var(--fy28u7-borderWidth-br-tablet, var(--fy28u7-borderWidth-br,0px)) var(--fy28u7-borderWidth-bl-tablet, var(--fy28u7-borderWidth-bl,0px)); border-radius: var(--fy28u7-borderRadius-tl-tablet, var(--fy28u7-borderRadius-tl,0px)) var(--fy28u7-borderRadius-tr-tablet, var(--fy28u7-borderRadius-tr,0px)) var(--fy28u7-borderRadius-br-tablet, var(--fy28u7-borderRadius-br,0px)) var(--fy28u7-borderRadius-bl-tablet, var(--fy28u7-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--fy28u7-borderWidth-tl-mobile, var(--fy28u7-borderWidth-tl,0px)) var(--fy28u7-borderWidth-tr-mobile, var(--fy28u7-borderWidth-tr,0px)) var(--fy28u7-borderWidth-br-mobile, var(--fy28u7-borderWidth-br,0px)) var(--fy28u7-borderWidth-bl-mobile, var(--fy28u7-borderWidth-bl,0px)); border-radius: var(--fy28u7-borderRadius-tl-mobile, var(--fy28u7-borderRadius-tl,0px)) var(--fy28u7-borderRadius-tr-mobile, var(--fy28u7-borderRadius-tr,0px)) var(--fy28u7-borderRadius-br-mobile, var(--fy28u7-borderRadius-br,0px)) var(--fy28u7-borderRadius-bl-mobile, var(--fy28u7-borderRadius-bl,0px)); } box-shadow: if( style(--fy28u7-enableShadow: true): var(--fy28u7-shadowHorizontal, 0) var(--fy28u7-shadowVertical, 0) var(--fy28u7-shadowBlur, 0) 1px var(--fy28u7-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--fy28u7-overlayColor-color, #000); opacity: var(--fy28u7-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--fy28u7-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--fy28u7-width-tablet,var(--fy28u7-width,100%)) - var(--fy28u7-margin-left-tablet,var(--fy28u7-margin-left,0px)) - var(--fy28u7-margin-right-tablet,var(--fy28u7-margin-right,0px))); aspect-ratio: var(--fy28u7-imageRatio-tablet, var(--fy28u7-imageRatio, auto)); img { object-fit: var(--fy28u7-objFit-tablet, var(--fy28u7-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--fy28u7-width-mobile,var(--fy28u7-width,100%)) - var(--fy28u7-margin-left-mobile,var(--fy28u7-margin-left,0px)) - var(--fy28u7-margin-right-mobile,var(--fy28u7-margin-right,0px))); aspect-ratio: var(--fy28u7-imageRatio-mobile, var(--fy28u7-imageRatio, auto)); img { object-fit: var(--fy28u7-objFit-mobile, var(--fy28u7-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-exunfo"] { --exunfo-width: 1600px; --exunfo-width-tablet: 1600px; --exunfo-width-mobile: 1600px; --exunfo-height: fit-content; --exunfo-height-tablet: fit-content; --exunfo-height-mobile: fit-content; --exunfo-padding-top: 20px; --exunfo-padding-top-tablet: 20px; --exunfo-padding-top-mobile: 20px; --exunfo-padding-right: 30px; --exunfo-padding-right-tablet: 16px; --exunfo-padding-right-mobile: 16px; --exunfo-padding-bottom: 80px; --exunfo-padding-bottom-tablet: 80px; --exunfo-padding-bottom-mobile: 80px; --exunfo-padding-left: 30px; --exunfo-padding-left-tablet: 16px; --exunfo-padding-left-mobile: 16px; --exunfo-direction: row; --exunfo-direction-tablet: row; --exunfo-direction-mobile: column-reverse; --exunfo-structure: auto; --exunfo-structure-tablet: auto; --exunfo-structure-mobile: auto; --exunfo-align-items: stretch; --exunfo-align-items-tablet: stretch; --exunfo-align-items-mobile: stretch; --exunfo-background-type: color; --exunfo-background-type-tablet: color; --exunfo-background-type-mobile: color; --exunfo-background-color: #ffffff; --exunfo-background-color-tablet: #ffffff; --exunfo-background-color-mobile: #ffffff; --exunfo-gap: 20px; --exunfo-gap-tablet: 20px; --exunfo-gap-mobile: 20px; }[data-bnode="beae-exunfo"] { padding-top: var(--exunfo-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--exunfo-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--exunfo-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--exunfo-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--exunfo-padding-top-tablet, var(--exunfo-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--exunfo-padding-right-tablet, var(--exunfo-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--exunfo-padding-bottom-tablet, var(--exunfo-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--exunfo-padding-left-tablet, var(--exunfo-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--exunfo-padding-top-mobile, var(--exunfo-padding-top-tablet, var(--exunfo-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--exunfo-padding-right-mobile, var(--exunfo-padding-right-tablet, var(--exunfo-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--exunfo-padding-bottom-mobile, var(--exunfo-padding-bottom-tablet, var(--exunfo-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--exunfo-padding-left-mobile, var(--exunfo-padding-left-tablet, var(--exunfo-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--exunfo-padding-left, var(--beae-section-padding-x, 0px)) - var(--exunfo-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--exunfo-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--exunfo-height); width: 100%; max-width: var(--exunfo-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--exunfo-height-tablet, auto); width: 100%; max-width: var(--exunfo-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--exunfo-height-mobile, auto); width: 100%; max-width: var(--exunfo-width-mobile, 100%); } } } }[data-bnode="beae-exunfo"] > .beae-section-container{     display: flex;     flex-direction: var(--exunfo-direction, column);     flex-wrap: nowrap;     justify-content: var(--exunfo-justify-content);     align-items: var(--exunfo-align-items);     gap: var(--exunfo-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-exunfo"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--exunfo-padding-right-tablet, 0px) - var(--exunfo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-exunfo"] > .beae-section-container{      flex-direction: var(--exunfo-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }