/** 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-pxbiuf"] { --pxbiuf-width: 1600px; --pxbiuf-width-tablet: 1600px; --pxbiuf-width-mobile: 1600px; --pxbiuf-height: fit-content; --pxbiuf-height-tablet: fit-content; --pxbiuf-height-mobile: fit-content; --pxbiuf-padding-top: 16px; --pxbiuf-padding-top-tablet: 16px; --pxbiuf-padding-top-mobile: 16px; --pxbiuf-padding-right: 30px; --pxbiuf-padding-right-tablet: 30px; --pxbiuf-padding-right-mobile: 16px; --pxbiuf-padding-bottom: 16px; --pxbiuf-padding-bottom-tablet: 16px; --pxbiuf-padding-bottom-mobile: 16px; --pxbiuf-padding-left: 30px; --pxbiuf-padding-left-tablet: 30px; --pxbiuf-padding-left-mobile: 16px; --pxbiuf-direction: row; --pxbiuf-direction-tablet: row; --pxbiuf-direction-mobile: column; --pxbiuf-align-items: center; --pxbiuf-align-items-tablet: center; --pxbiuf-align-items-mobile: flex-start; --pxbiuf-justify-content: center; --pxbiuf-justify-content-tablet: center; --pxbiuf-justify-content-mobile: center; --pxbiuf-background-type: color; --pxbiuf-background-type-tablet: color; --pxbiuf-background-type-mobile: color; --pxbiuf-background-color: #F4F1EC; --pxbiuf-background-color-tablet: #F4F1EC; --pxbiuf-background-color-mobile: #F4F1EC; }[data-bnode="beae-pxbiuf"] { padding-top: var(--pxbiuf-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--pxbiuf-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--pxbiuf-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--pxbiuf-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pxbiuf-padding-top-tablet, var(--pxbiuf-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--pxbiuf-padding-right-tablet, var(--pxbiuf-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--pxbiuf-padding-bottom-tablet, var(--pxbiuf-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--pxbiuf-padding-left-tablet, var(--pxbiuf-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pxbiuf-padding-top-mobile, var(--pxbiuf-padding-top-tablet, var(--pxbiuf-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--pxbiuf-padding-right-mobile, var(--pxbiuf-padding-right-tablet, var(--pxbiuf-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--pxbiuf-padding-bottom-mobile, var(--pxbiuf-padding-bottom-tablet, var(--pxbiuf-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--pxbiuf-padding-left-mobile, var(--pxbiuf-padding-left-tablet, var(--pxbiuf-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--pxbiuf-padding-left, var(--beae-section-padding-x, 0px)) - var(--pxbiuf-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--pxbiuf-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--pxbiuf-height); width: 100%; max-width: var(--pxbiuf-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(--pxbiuf-height-tablet, auto); width: 100%; max-width: var(--pxbiuf-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--pxbiuf-height-mobile, auto); width: 100%; max-width: var(--pxbiuf-width-mobile, 100%); } } } }[data-bnode="beae-pxbiuf"] > .beae-section-container{     display: flex;     flex-direction: var(--pxbiuf-direction, column);     flex-wrap: nowrap;     justify-content: var(--pxbiuf-justify-content);     align-items: var(--pxbiuf-align-items);     gap: var(--pxbiuf-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-pxbiuf"] > .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(--pxbiuf-padding-right-tablet, 0px) - var(--pxbiuf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pxbiuf"] > .beae-section-container{      flex-direction: var(--pxbiuf-direction-mobile, column);                 align-items: var(--pxbiuf-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-crmy0b"] { --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; --crmy0b-typography: p; --crmy0b-typography-tablet: p; --crmy0b-typography-mobile: p; }[data-bnode="beae-crmy0b"] { margin-top: var(--crmy0b-margin-top, 0px); margin-right: var(--crmy0b-margin-right, 0px); margin-bottom: var(--crmy0b-margin-bottom, 0px); margin-left: var(--crmy0b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--crmy0b-margin-top-tablet, 0px); margin-right: var(--crmy0b-margin-right-tablet, 0px); margin-bottom: var(--crmy0b-margin-bottom-tablet, 0px); margin-left: var(--crmy0b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--crmy0b-margin-top-mobile, 0px); margin-right: var(--crmy0b-margin-right-mobile, 0px); margin-bottom: var(--crmy0b-margin-bottom-mobile, 0px); margin-left: var(--crmy0b-margin-left-mobile, 0px); } }[data-bnode="beae-91r5sz"] { --91r5sz-timer: label; --91r5sz-timer-tablet: label; --91r5sz-timer-mobile: label; --91r5sz-paddingY: 0px; --91r5sz-paddingY-tablet: 0px; --91r5sz-paddingY-mobile: 0px; --91r5sz-paddingX: 0px; --91r5sz-paddingX-tablet: 0px; --91r5sz-paddingX-mobile: 0px; --91r5sz-background-type: color; --91r5sz-background-type-tablet: color; --91r5sz-background-type-mobile: color; --91r5sz-background-color: #EDEDED00; --91r5sz-background-color-tablet: #EDEDED00; --91r5sz-background-color-mobile: #EDEDED00; --91r5sz-typographyNumber: h5; --91r5sz-typographyNumber-tablet: h5; --91r5sz-typographyNumber-mobile: h5; --91r5sz-gap: 2px; --91r5sz-gap-tablet: 2px; --91r5sz-gap-mobile: 2px; --91r5sz-typographyLabel: p; --91r5sz-typographyLabel-tablet: p; --91r5sz-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-91r5sz"] { margin-top: var(--91r5sz-margin-top, 0px); margin-right: var(--91r5sz-margin-right, 0px); margin-bottom: var(--91r5sz-margin-bottom, 0px); margin-left: var(--91r5sz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--91r5sz-margin-top-tablet, 0px); margin-right: var(--91r5sz-margin-right-tablet, 0px); margin-bottom: var(--91r5sz-margin-bottom-tablet, 0px); margin-left: var(--91r5sz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--91r5sz-margin-top-mobile, 0px); margin-right: var(--91r5sz-margin-right-mobile, 0px); margin-bottom: var(--91r5sz-margin-bottom-mobile, 0px); margin-left: var(--91r5sz-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--91r5sz-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(--91r5sz-borderStyle,solid); border-color: var(--91r5sz-borderColor,#000000); border-width: var(--91r5sz-borderWidth-tl,0px) var(--91r5sz-borderWidth-tr,0px) var(--91r5sz-borderWidth-br,0px) var(--91r5sz-borderWidth-bl,0px); border-radius: var(--91r5sz-borderRadius-tl,0px) var(--91r5sz-borderRadius-tr,0px) var(--91r5sz-borderRadius-br,0px) var(--91r5sz-borderRadius-bl,0px); box-shadow: if(style(--91r5sz-enableShadow: true): var(--91r5sz-shadowHorizontal,0) var(--91r5sz-shadowVertical,0) var(--91r5sz-shadowBlur,0) 1px var(--91r5sz-shadowColor,#000000); else: none); max-width: var(--91r5sz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--91r5sz-borderWidth-tl-tablet,0px) var(--91r5sz-borderWidth-tr-tablet,0px) var(--91r5sz-borderWidth-br-tablet,0px) var(--91r5sz-borderWidth-bl-tablet,0px); border-radius: var(--91r5sz-borderRadius-tl-tablet,0px) var(--91r5sz-borderRadius-tr-tablet,0px) var(--91r5sz-borderRadius-br-tablet,0px) var(--91r5sz-borderRadius-bl-tablet,0px); max-width: var(--91r5sz-max-width-tablet, var(--91r5sz-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--91r5sz-borderWidth-tl-mobile,0px) var(--91r5sz-borderWidth-tr-mobile,0px) var(--91r5sz-borderWidth-br-mobile,0px) var(--91r5sz-borderWidth-bl-mobile,0px); border-radius: var(--91r5sz-borderRadius-tl-mobile,0px) var(--91r5sz-borderRadius-tr-mobile,0px) var(--91r5sz-borderRadius-br-mobile,0px) var(--91r5sz-borderRadius-bl-mobile,0px); max-width: var(--91r5sz-max-width-mobile, var(--91r5sz-max-width, 100%)); } overflow: hidden; background: var(--91r5sz-background-color); padding-inline: var(--91r5sz-paddingX); padding-block: var(--91r5sz-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(--91r5sz-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--91r5sz-paddingX-tablet); padding-block: var(--91r5sz-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--91r5sz-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--91r5sz-paddingX-mobile); padding-block: var(--91r5sz-paddingY-mobile); } } } }[data-bnode="beae-mta9gs"] { --mta9gs-width: 1600px; --mta9gs-width-tablet: 1600px; --mta9gs-width-mobile: 1600px; --mta9gs-height: fit-content; --mta9gs-height-tablet: fit-content; --mta9gs-height-mobile: fit-content; --mta9gs-padding-top: 20px; --mta9gs-padding-top-tablet: 20px; --mta9gs-padding-top-mobile: 20px; --mta9gs-padding-right: 30px; --mta9gs-padding-right-tablet: 16px; --mta9gs-padding-right-mobile: 16px; --mta9gs-padding-bottom: 80px; --mta9gs-padding-bottom-tablet: 80px; --mta9gs-padding-bottom-mobile: 80px; --mta9gs-padding-left: 30px; --mta9gs-padding-left-tablet: 16px; --mta9gs-padding-left-mobile: 16px; --mta9gs-direction: row; --mta9gs-direction-tablet: row; --mta9gs-direction-mobile: column-reverse; --mta9gs-structure: auto; --mta9gs-structure-tablet: auto; --mta9gs-structure-mobile: auto; --mta9gs-align-items: stretch; --mta9gs-align-items-tablet: stretch; --mta9gs-align-items-mobile: stretch; --mta9gs-background-type: color; --mta9gs-background-type-tablet: color; --mta9gs-background-type-mobile: color; --mta9gs-background-color: #ffffff; --mta9gs-background-color-tablet: #ffffff; --mta9gs-background-color-mobile: #ffffff; --mta9gs-gap: 20px; --mta9gs-gap-tablet: 20px; --mta9gs-gap-mobile: 20px; }[data-bnode="beae-mta9gs"] { padding-top: var(--mta9gs-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--mta9gs-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--mta9gs-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--mta9gs-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mta9gs-padding-top-tablet, var(--mta9gs-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--mta9gs-padding-right-tablet, var(--mta9gs-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--mta9gs-padding-bottom-tablet, var(--mta9gs-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--mta9gs-padding-left-tablet, var(--mta9gs-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mta9gs-padding-top-mobile, var(--mta9gs-padding-top-tablet, var(--mta9gs-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--mta9gs-padding-right-mobile, var(--mta9gs-padding-right-tablet, var(--mta9gs-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--mta9gs-padding-bottom-mobile, var(--mta9gs-padding-bottom-tablet, var(--mta9gs-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--mta9gs-padding-left-mobile, var(--mta9gs-padding-left-tablet, var(--mta9gs-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--mta9gs-padding-left, var(--beae-section-padding-x, 0px)) - var(--mta9gs-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--mta9gs-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--mta9gs-height); width: 100%; max-width: var(--mta9gs-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(--mta9gs-height-tablet, auto); width: 100%; max-width: var(--mta9gs-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--mta9gs-height-mobile, auto); width: 100%; max-width: var(--mta9gs-width-mobile, 100%); } } } }[data-bnode="beae-mta9gs"] > .beae-section-container{     display: flex;     flex-direction: var(--mta9gs-direction, column);     flex-wrap: nowrap;     justify-content: var(--mta9gs-justify-content);     align-items: var(--mta9gs-align-items);     gap: var(--mta9gs-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-mta9gs"] > .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(--mta9gs-padding-right-tablet, 0px) - var(--mta9gs-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mta9gs"] > .beae-section-container{      flex-direction: var(--mta9gs-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-uh3uul"] { --uh3uul-gap: 36px; --uh3uul-gap-tablet: 36px; --uh3uul-gap-mobile: 28px; --uh3uul-direction: column; --uh3uul-direction-tablet: column; --uh3uul-direction-mobile: column; --uh3uul-align-items: center; --uh3uul-align-items-tablet: center; --uh3uul-align-items-mobile: center; --uh3uul-justify-content: center; --uh3uul-justify-content-tablet: center; --uh3uul-justify-content-mobile: center; --uh3uul-padding-top: 20px; --uh3uul-padding-top-tablet: 45px; --uh3uul-padding-top-mobile: 40px; --uh3uul-padding-right: 0px; --uh3uul-padding-right-tablet: 0px; --uh3uul-padding-right-mobile: 0px; --uh3uul-padding-bottom: 20px; --uh3uul-padding-bottom-tablet: 45px; --uh3uul-padding-bottom-mobile: 56px; --uh3uul-padding-left: 0px; --uh3uul-padding-left-tablet: 0px; --uh3uul-padding-left-mobile: 0px; }[data-bnode="beae-uh3uul"] { padding-top: var(--uh3uul-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uh3uul-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uh3uul-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uh3uul-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uh3uul-padding-top-tablet, var(--uh3uul-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uh3uul-padding-right-tablet, var(--uh3uul-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uh3uul-padding-bottom-tablet, var(--uh3uul-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uh3uul-padding-left-tablet, var(--uh3uul-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uh3uul-padding-top-mobile, var(--uh3uul-padding-top-tablet, var(--uh3uul-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uh3uul-padding-right-mobile, var(--uh3uul-padding-right-tablet, var(--uh3uul-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uh3uul-padding-bottom-mobile, var(--uh3uul-padding-bottom-tablet, var(--uh3uul-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uh3uul-padding-left-mobile, var(--uh3uul-padding-left-tablet, var(--uh3uul-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uh3uul-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uh3uul-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(--uh3uul-background-imageRatio, auto); background: var(--uh3uul-background-color,transparent); border-style: var(--uh3uul-borderStyle,solid); border-color: var(--uh3uul-borderColor,#000000); border-width: var(--uh3uul-borderWidth-tl,0px) var(--uh3uul-borderWidth-tr,0px) var(--uh3uul-borderWidth-br,0px) var(--uh3uul-borderWidth-bl,0px); border-radius: var(--uh3uul-borderRadius-tl,0px) var(--uh3uul-borderRadius-tr,0px) var(--uh3uul-borderRadius-br,0px) var(--uh3uul-borderRadius-bl,0px); box-shadow: if(style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal,0) var(--uh3uul-shadowVertical,0) var(--uh3uul-shadowBlur,0) 1px var(--uh3uul-shadowColor,#000000); else: none); max-width: var(--uh3uul-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--uh3uul-background-imageRatio-tablet, var(--uh3uul-background-imageRatio, auto)); border-width: var(--uh3uul-borderWidth-tl-tablet,0px) var(--uh3uul-borderWidth-tr-tablet,0px) var(--uh3uul-borderWidth-br-tablet,0px) var(--uh3uul-borderWidth-bl-tablet,0px); border-radius: var(--uh3uul-borderRadius-tl-tablet,0px) var(--uh3uul-borderRadius-tr-tablet,0px) var(--uh3uul-borderRadius-br-tablet,0px) var(--uh3uul-borderRadius-bl-tablet,0px); max-width: var(--uh3uul-max-width-tablet, var(--uh3uul-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--uh3uul-background-imageRatio-mobile, var(--uh3uul-background-imageRatio, auto)); border-width: var(--uh3uul-borderWidth-tl-mobile,0px) var(--uh3uul-borderWidth-tr-mobile,0px) var(--uh3uul-borderWidth-br-mobile,0px) var(--uh3uul-borderWidth-bl-mobile,0px); border-radius: var(--uh3uul-borderRadius-tl-mobile,0px) var(--uh3uul-borderRadius-tr-mobile,0px) var(--uh3uul-borderRadius-br-mobile,0px) var(--uh3uul-borderRadius-bl-mobile,0px); max-width: var(--uh3uul-max-width-mobile, var(--uh3uul-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uh3uul-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--uh3uul-gap,var(--beae-card-gap)); padding-top: var(--uh3uul-padding-top,var(--beae-card-padding)); padding-right: var(--uh3uul-padding-right,var(--beae-card-padding)); padding-bottom: var(--uh3uul-padding-bottom,var(--beae-card-padding)); padding-left: var(--uh3uul-padding-left,var(--beae-card-padding)); border-width: var(--uh3uul-borderWidth,var(--beae-card-border-width)); border-width: var(--uh3uul-borderWidth-tl,var(--beae-card-border-width)) var(--uh3uul-borderWidth-tr,var(--beae-card-border-width)) var(--uh3uul-borderWidth-br,var(--beae-card-border-width)) var(--uh3uul-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uh3uul-borderRadius-tl,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-tr,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-br,var(--beae-card-border-radius)) var(--uh3uul-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(--uh3uul-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uh3uul-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uh3uul-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uh3uul-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uh3uul-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--uh3uul-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uh3uul-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uh3uul-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uh3uul-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uh3uul-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--uh3uul-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uh3uul-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uh3uul-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uh3uul-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uh3uul-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--uh3uul-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uh3uul-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uh3uul-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uh3uul-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uh3uul-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uh3uul-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uh3uul-background-color,var(--beae-card-featured-background)); border-color: var(--uh3uul-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal, var(--beae-card-shadow-x)) var(--uh3uul-shadowVertical, var(--beae-card-shadow-y)) var(--uh3uul-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uh3uul-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--uh3uul-background-color,var(--beae-card-prod-background)); border-color: var(--uh3uul-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal, var(--beae-card-shadow-x)) var(--uh3uul-shadowVertical, var(--beae-card-shadow-y)) var(--uh3uul-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uh3uul-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--uh3uul-background-color,var(--beae-card-pricing-background)); border-color: var(--uh3uul-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal, var(--beae-card-shadow-x)) var(--uh3uul-shadowVertical, var(--beae-card-shadow-y)) var(--uh3uul-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uh3uul-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--uh3uul-background-color,var(--beae-card-cta-background)); border-color: var(--uh3uul-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal, var(--beae-card-shadow-x)) var(--uh3uul-shadowVertical, var(--beae-card-shadow-y)) var(--uh3uul-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uh3uul-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--uh3uul-background-color,var(--beae-card-media-background)); border-color: var(--uh3uul-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--uh3uul-enableShadow: true): var(--uh3uul-shadowHorizontal, var(--beae-card-shadow-x)) var(--uh3uul-shadowVertical, var(--beae-card-shadow-y)) var(--uh3uul-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uh3uul-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-uh3uul"] {     display: flex;     flex-direction: var(--uh3uul-direction, column);     flex-wrap: nowrap;     justify-content: var(--uh3uul-justify-content);     align-items: var(--uh3uul-align-items);     gap: var(--uh3uul-gap, var(--uh3uul-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uh3uul"] {                            gap: var(--uh3uul-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(--uh3uul-padding-right-tablet, 0px) - var(--uh3uul-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uh3uul"] {                            gap: var(--uh3uul-gap-mobile, var(--uh3uul-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(--uh3uul-padding-right-mobile, 0px) - var(--uh3uul-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mkjwwq"] { --mkjwwq-direction: column; --mkjwwq-direction-tablet: column; --mkjwwq-direction-mobile: column; --mkjwwq-structure: columns; --mkjwwq-structure-tablet: columns; --mkjwwq-structure-mobile: columns; --mkjwwq-gap: 16px; --mkjwwq-gap-tablet: 16px; --mkjwwq-gap-mobile: 16px; --mkjwwq-align-items: center; --mkjwwq-align-items-tablet: center; --mkjwwq-align-items-mobile: center; --mkjwwq-padding-top-tablet: 0px; --mkjwwq-padding-top-mobile: 0px; --mkjwwq-padding-right-tablet: 32px; --mkjwwq-padding-right-mobile: 16px; --mkjwwq-padding-bottom-tablet: 0px; --mkjwwq-padding-bottom-mobile: 0px; --mkjwwq-padding-left-tablet: 32px; --mkjwwq-padding-left-mobile: 16px; }[data-bnode="beae-mkjwwq"] { padding-top: var(--mkjwwq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mkjwwq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mkjwwq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mkjwwq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mkjwwq-padding-top-tablet, var(--mkjwwq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mkjwwq-padding-right-tablet, var(--mkjwwq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mkjwwq-padding-bottom-tablet, var(--mkjwwq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mkjwwq-padding-left-tablet, var(--mkjwwq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mkjwwq-padding-top-mobile, var(--mkjwwq-padding-top-tablet, var(--mkjwwq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mkjwwq-padding-right-mobile, var(--mkjwwq-padding-right-tablet, var(--mkjwwq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mkjwwq-padding-bottom-mobile, var(--mkjwwq-padding-bottom-tablet, var(--mkjwwq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mkjwwq-padding-left-mobile, var(--mkjwwq-padding-left-tablet, var(--mkjwwq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--mkjwwq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--mkjwwq-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(--mkjwwq-background-imageRatio, auto); background: var(--mkjwwq-background-color,transparent); border-style: var(--mkjwwq-borderStyle,solid); border-color: var(--mkjwwq-borderColor,#000000); border-width: var(--mkjwwq-borderWidth-tl,0px) var(--mkjwwq-borderWidth-tr,0px) var(--mkjwwq-borderWidth-br,0px) var(--mkjwwq-borderWidth-bl,0px); border-radius: var(--mkjwwq-borderRadius-tl,0px) var(--mkjwwq-borderRadius-tr,0px) var(--mkjwwq-borderRadius-br,0px) var(--mkjwwq-borderRadius-bl,0px); box-shadow: if(style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal,0) var(--mkjwwq-shadowVertical,0) var(--mkjwwq-shadowBlur,0) 1px var(--mkjwwq-shadowColor,#000000); else: none); max-width: var(--mkjwwq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--mkjwwq-background-imageRatio-tablet, var(--mkjwwq-background-imageRatio, auto)); border-width: var(--mkjwwq-borderWidth-tl-tablet,0px) var(--mkjwwq-borderWidth-tr-tablet,0px) var(--mkjwwq-borderWidth-br-tablet,0px) var(--mkjwwq-borderWidth-bl-tablet,0px); border-radius: var(--mkjwwq-borderRadius-tl-tablet,0px) var(--mkjwwq-borderRadius-tr-tablet,0px) var(--mkjwwq-borderRadius-br-tablet,0px) var(--mkjwwq-borderRadius-bl-tablet,0px); max-width: var(--mkjwwq-max-width-tablet, var(--mkjwwq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--mkjwwq-background-imageRatio-mobile, var(--mkjwwq-background-imageRatio, auto)); border-width: var(--mkjwwq-borderWidth-tl-mobile,0px) var(--mkjwwq-borderWidth-tr-mobile,0px) var(--mkjwwq-borderWidth-br-mobile,0px) var(--mkjwwq-borderWidth-bl-mobile,0px); border-radius: var(--mkjwwq-borderRadius-tl-mobile,0px) var(--mkjwwq-borderRadius-tr-mobile,0px) var(--mkjwwq-borderRadius-br-mobile,0px) var(--mkjwwq-borderRadius-bl-mobile,0px); max-width: var(--mkjwwq-max-width-mobile, var(--mkjwwq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mkjwwq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--mkjwwq-gap,var(--beae-card-gap)); padding-top: var(--mkjwwq-padding-top,var(--beae-card-padding)); padding-right: var(--mkjwwq-padding-right,var(--beae-card-padding)); padding-bottom: var(--mkjwwq-padding-bottom,var(--beae-card-padding)); padding-left: var(--mkjwwq-padding-left,var(--beae-card-padding)); border-width: var(--mkjwwq-borderWidth,var(--beae-card-border-width)); border-width: var(--mkjwwq-borderWidth-tl,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-tr,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-br,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mkjwwq-borderRadius-tl,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-tr,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-br,var(--beae-card-border-radius)) var(--mkjwwq-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(--mkjwwq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mkjwwq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mkjwwq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mkjwwq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mkjwwq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--mkjwwq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mkjwwq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--mkjwwq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mkjwwq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mkjwwq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mkjwwq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mkjwwq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--mkjwwq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mkjwwq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mkjwwq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mkjwwq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mkjwwq-background-color,var(--beae-card-featured-background)); border-color: var(--mkjwwq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal, var(--beae-card-shadow-x)) var(--mkjwwq-shadowVertical, var(--beae-card-shadow-y)) var(--mkjwwq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mkjwwq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--mkjwwq-background-color,var(--beae-card-prod-background)); border-color: var(--mkjwwq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal, var(--beae-card-shadow-x)) var(--mkjwwq-shadowVertical, var(--beae-card-shadow-y)) var(--mkjwwq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mkjwwq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--mkjwwq-background-color,var(--beae-card-pricing-background)); border-color: var(--mkjwwq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal, var(--beae-card-shadow-x)) var(--mkjwwq-shadowVertical, var(--beae-card-shadow-y)) var(--mkjwwq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mkjwwq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--mkjwwq-background-color,var(--beae-card-cta-background)); border-color: var(--mkjwwq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal, var(--beae-card-shadow-x)) var(--mkjwwq-shadowVertical, var(--beae-card-shadow-y)) var(--mkjwwq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mkjwwq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--mkjwwq-background-color,var(--beae-card-media-background)); border-color: var(--mkjwwq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--mkjwwq-enableShadow: true): var(--mkjwwq-shadowHorizontal, var(--beae-card-shadow-x)) var(--mkjwwq-shadowVertical, var(--beae-card-shadow-y)) var(--mkjwwq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mkjwwq-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-mkjwwq"] {     display: flex;     flex-direction: var(--mkjwwq-direction, column);     flex-wrap: nowrap;     justify-content: var(--mkjwwq-justify-content);     align-items: var(--mkjwwq-align-items);     gap: var(--mkjwwq-gap, var(--mkjwwq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mkjwwq"] {                            gap: var(--mkjwwq-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(--mkjwwq-padding-right-tablet, 0px) - var(--mkjwwq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mkjwwq"] {                            gap: var(--mkjwwq-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(--mkjwwq-padding-right-mobile, 0px) - var(--mkjwwq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-x7mz2n"] { --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; --x7mz2n-typography: h1; --x7mz2n-typography-tablet: h1; --x7mz2n-typography-mobile: h1; --beae-h1-text-align: center; }[data-bnode="beae-x7mz2n"] { margin-top: var(--x7mz2n-margin-top, 0px); margin-right: var(--x7mz2n-margin-right, 0px); margin-bottom: var(--x7mz2n-margin-bottom, 0px); margin-left: var(--x7mz2n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x7mz2n-margin-top-tablet, 0px); margin-right: var(--x7mz2n-margin-right-tablet, 0px); margin-bottom: var(--x7mz2n-margin-bottom-tablet, 0px); margin-left: var(--x7mz2n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x7mz2n-margin-top-mobile, 0px); margin-right: var(--x7mz2n-margin-right-mobile, 0px); margin-bottom: var(--x7mz2n-margin-bottom-mobile, 0px); margin-left: var(--x7mz2n-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--x7mz2n-highlightColor,var(--beae-p-color)); top: var(--x7mz2n-highlightTop, 100%); } }[data-bnode="beae-fjd4qr"] { --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; --fjd4qr-typography: p; --fjd4qr-typography-tablet: p; --fjd4qr-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-fjd4qr"] { margin-top: var(--fjd4qr-margin-top, 0px); margin-right: var(--fjd4qr-margin-right, 0px); margin-bottom: var(--fjd4qr-margin-bottom, 0px); margin-left: var(--fjd4qr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fjd4qr-margin-top-tablet, 0px); margin-right: var(--fjd4qr-margin-right-tablet, 0px); margin-bottom: var(--fjd4qr-margin-bottom-tablet, 0px); margin-left: var(--fjd4qr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fjd4qr-margin-top-mobile, 0px); margin-right: var(--fjd4qr-margin-right-mobile, 0px); margin-bottom: var(--fjd4qr-margin-bottom-mobile, 0px); margin-left: var(--fjd4qr-margin-left-mobile, 0px); } }[data-bnode="beae-l09dpz"] { --l09dpz-width: 325px; --l09dpz-width-tablet: 220px; --l09dpz-width-mobile: 256px; --l09dpz-imageRatio: 6/7; --l09dpz-imageRatio-tablet: 6/7; --l09dpz-imageRatio-mobile: 6/7; --l09dpz-objFit: cover; --l09dpz-objFit-tablet: cover; --l09dpz-objFit-mobile: cover; --l09dpz-borderColor: #000000; --l09dpz-borderColor-tablet: #000000; --l09dpz-borderColor-mobile: #000000; --l09dpz-shadowColor: #000000; --l09dpz-shadowColor-tablet: #000000; --l09dpz-shadowColor-mobile: #000000; --l09dpz-borderStyle: none; --l09dpz-borderStyle-tablet: none; --l09dpz-borderStyle-mobile: none; --l09dpz-enableShadow: false; --l09dpz-enableShadow-tablet: false; --l09dpz-enableShadow-mobile: false; }[data-bnode="beae-l09dpz"] { margin-top: var(--l09dpz-margin-top, 0px); margin-right: var(--l09dpz-margin-right, 0px); margin-bottom: var(--l09dpz-margin-bottom, 0px); margin-left: var(--l09dpz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l09dpz-margin-top-tablet, 0px); margin-right: var(--l09dpz-margin-right-tablet, 0px); margin-bottom: var(--l09dpz-margin-bottom-tablet, 0px); margin-left: var(--l09dpz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l09dpz-margin-top-mobile, 0px); margin-right: var(--l09dpz-margin-right-mobile, 0px); margin-bottom: var(--l09dpz-margin-bottom-mobile, 0px); margin-left: var(--l09dpz-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--l09dpz-width,100%) - var(--l09dpz-margin-left,0px) - var(--l09dpz-margin-right,0px)); min-height: min-content; border-style: var(--l09dpz-borderStyle,solid); border-color: var(--l09dpz-borderColor,#000000); border-width: var(--l09dpz-borderWidth-tl,0px) var(--l09dpz-borderWidth-tr,0px) var(--l09dpz-borderWidth-br,0px) var(--l09dpz-borderWidth-bl,0px); border-radius: var(--l09dpz-borderRadius-tl,0px) var(--l09dpz-borderRadius-tr,0px) var(--l09dpz-borderRadius-br,0px) var(--l09dpz-borderRadius-bl,0px); aspect-ratio: var(--l09dpz-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--l09dpz-borderWidth-tl-tablet, var(--l09dpz-borderWidth-tl,0px)) var(--l09dpz-borderWidth-tr-tablet, var(--l09dpz-borderWidth-tr,0px)) var(--l09dpz-borderWidth-br-tablet, var(--l09dpz-borderWidth-br,0px)) var(--l09dpz-borderWidth-bl-tablet, var(--l09dpz-borderWidth-bl,0px)); border-radius: var(--l09dpz-borderRadius-tl-tablet, var(--l09dpz-borderRadius-tl,0px)) var(--l09dpz-borderRadius-tr-tablet, var(--l09dpz-borderRadius-tr,0px)) var(--l09dpz-borderRadius-br-tablet, var(--l09dpz-borderRadius-br,0px)) var(--l09dpz-borderRadius-bl-tablet, var(--l09dpz-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--l09dpz-borderWidth-tl-mobile, var(--l09dpz-borderWidth-tl,0px)) var(--l09dpz-borderWidth-tr-mobile, var(--l09dpz-borderWidth-tr,0px)) var(--l09dpz-borderWidth-br-mobile, var(--l09dpz-borderWidth-br,0px)) var(--l09dpz-borderWidth-bl-mobile, var(--l09dpz-borderWidth-bl,0px)); border-radius: var(--l09dpz-borderRadius-tl-mobile, var(--l09dpz-borderRadius-tl,0px)) var(--l09dpz-borderRadius-tr-mobile, var(--l09dpz-borderRadius-tr,0px)) var(--l09dpz-borderRadius-br-mobile, var(--l09dpz-borderRadius-br,0px)) var(--l09dpz-borderRadius-bl-mobile, var(--l09dpz-borderRadius-bl,0px)); } box-shadow: if( style(--l09dpz-enableShadow: true): var(--l09dpz-shadowHorizontal, 0) var(--l09dpz-shadowVertical, 0) var(--l09dpz-shadowBlur, 0) 1px var(--l09dpz-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--l09dpz-overlayColor-color, #000); opacity: var(--l09dpz-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--l09dpz-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--l09dpz-width-tablet,var(--l09dpz-width,100%)) - var(--l09dpz-margin-left-tablet,var(--l09dpz-margin-left,0px)) - var(--l09dpz-margin-right-tablet,var(--l09dpz-margin-right,0px))); aspect-ratio: var(--l09dpz-imageRatio-tablet, var(--l09dpz-imageRatio, auto)); img { object-fit: var(--l09dpz-objFit-tablet, var(--l09dpz-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--l09dpz-width-mobile,var(--l09dpz-width,100%)) - var(--l09dpz-margin-left-mobile,var(--l09dpz-margin-left,0px)) - var(--l09dpz-margin-right-mobile,var(--l09dpz-margin-right,0px))); aspect-ratio: var(--l09dpz-imageRatio-mobile, var(--l09dpz-imageRatio, auto)); img { object-fit: var(--l09dpz-objFit-mobile, var(--l09dpz-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-mrxvut"] { --mrxvut-direction: column; --mrxvut-direction-tablet: column; --mrxvut-direction-mobile: column; --mrxvut-structure: auto; --mrxvut-structure-tablet: auto; --mrxvut-structure-mobile: auto; --mrxvut-align-items: center; --mrxvut-align-items-tablet: center; --mrxvut-align-items-mobile: center; }[data-bnode="beae-mrxvut"] { padding-top: var(--mrxvut-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mrxvut-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mrxvut-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mrxvut-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mrxvut-padding-top-tablet, var(--mrxvut-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mrxvut-padding-right-tablet, var(--mrxvut-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mrxvut-padding-bottom-tablet, var(--mrxvut-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mrxvut-padding-left-tablet, var(--mrxvut-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mrxvut-padding-top-mobile, var(--mrxvut-padding-top-tablet, var(--mrxvut-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mrxvut-padding-right-mobile, var(--mrxvut-padding-right-tablet, var(--mrxvut-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mrxvut-padding-bottom-mobile, var(--mrxvut-padding-bottom-tablet, var(--mrxvut-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mrxvut-padding-left-mobile, var(--mrxvut-padding-left-tablet, var(--mrxvut-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--mrxvut-padding-left, var(--beae-slot-padding-x, 0px)) - var(--mrxvut-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(--mrxvut-background-imageRatio, auto); background: var(--mrxvut-background-color,transparent); border-style: var(--mrxvut-borderStyle,solid); border-color: var(--mrxvut-borderColor,#000000); border-width: var(--mrxvut-borderWidth-tl,0px) var(--mrxvut-borderWidth-tr,0px) var(--mrxvut-borderWidth-br,0px) var(--mrxvut-borderWidth-bl,0px); border-radius: var(--mrxvut-borderRadius-tl,0px) var(--mrxvut-borderRadius-tr,0px) var(--mrxvut-borderRadius-br,0px) var(--mrxvut-borderRadius-bl,0px); box-shadow: if(style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal,0) var(--mrxvut-shadowVertical,0) var(--mrxvut-shadowBlur,0) 1px var(--mrxvut-shadowColor,#000000); else: none); max-width: var(--mrxvut-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--mrxvut-background-imageRatio-tablet, var(--mrxvut-background-imageRatio, auto)); border-width: var(--mrxvut-borderWidth-tl-tablet,0px) var(--mrxvut-borderWidth-tr-tablet,0px) var(--mrxvut-borderWidth-br-tablet,0px) var(--mrxvut-borderWidth-bl-tablet,0px); border-radius: var(--mrxvut-borderRadius-tl-tablet,0px) var(--mrxvut-borderRadius-tr-tablet,0px) var(--mrxvut-borderRadius-br-tablet,0px) var(--mrxvut-borderRadius-bl-tablet,0px); max-width: var(--mrxvut-max-width-tablet, var(--mrxvut-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--mrxvut-background-imageRatio-mobile, var(--mrxvut-background-imageRatio, auto)); border-width: var(--mrxvut-borderWidth-tl-mobile,0px) var(--mrxvut-borderWidth-tr-mobile,0px) var(--mrxvut-borderWidth-br-mobile,0px) var(--mrxvut-borderWidth-bl-mobile,0px); border-radius: var(--mrxvut-borderRadius-tl-mobile,0px) var(--mrxvut-borderRadius-tr-mobile,0px) var(--mrxvut-borderRadius-br-mobile,0px) var(--mrxvut-borderRadius-bl-mobile,0px); max-width: var(--mrxvut-max-width-mobile, var(--mrxvut-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mrxvut-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--mrxvut-gap,var(--beae-card-gap)); padding-top: var(--mrxvut-padding-top,var(--beae-card-padding)); padding-right: var(--mrxvut-padding-right,var(--beae-card-padding)); padding-bottom: var(--mrxvut-padding-bottom,var(--beae-card-padding)); padding-left: var(--mrxvut-padding-left,var(--beae-card-padding)); border-width: var(--mrxvut-borderWidth,var(--beae-card-border-width)); border-width: var(--mrxvut-borderWidth-tl,var(--beae-card-border-width)) var(--mrxvut-borderWidth-tr,var(--beae-card-border-width)) var(--mrxvut-borderWidth-br,var(--beae-card-border-width)) var(--mrxvut-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mrxvut-borderRadius-tl,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-tr,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-br,var(--beae-card-border-radius)) var(--mrxvut-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(--mrxvut-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mrxvut-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mrxvut-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mrxvut-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mrxvut-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--mrxvut-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mrxvut-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mrxvut-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mrxvut-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mrxvut-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--mrxvut-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mrxvut-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mrxvut-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mrxvut-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mrxvut-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--mrxvut-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mrxvut-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mrxvut-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mrxvut-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mrxvut-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mrxvut-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mrxvut-background-color,var(--beae-card-featured-background)); border-color: var(--mrxvut-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrxvut-shadowVertical, var(--beae-card-shadow-y)) var(--mrxvut-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrxvut-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--mrxvut-background-color,var(--beae-card-prod-background)); border-color: var(--mrxvut-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrxvut-shadowVertical, var(--beae-card-shadow-y)) var(--mrxvut-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrxvut-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--mrxvut-background-color,var(--beae-card-pricing-background)); border-color: var(--mrxvut-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrxvut-shadowVertical, var(--beae-card-shadow-y)) var(--mrxvut-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrxvut-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--mrxvut-background-color,var(--beae-card-cta-background)); border-color: var(--mrxvut-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrxvut-shadowVertical, var(--beae-card-shadow-y)) var(--mrxvut-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrxvut-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--mrxvut-background-color,var(--beae-card-media-background)); border-color: var(--mrxvut-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--mrxvut-enableShadow: true): var(--mrxvut-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrxvut-shadowVertical, var(--beae-card-shadow-y)) var(--mrxvut-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrxvut-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-mrxvut"] {     display: flex;     flex-direction: var(--mrxvut-direction, column);     flex-wrap: nowrap;     justify-content: var(--mrxvut-justify-content);     align-items: var(--mrxvut-align-items);     gap: var(--mrxvut-gap, var(--mrxvut-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mrxvut"] {                            gap: var(--mrxvut-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(--mrxvut-padding-right-tablet, 0px) - var(--mrxvut-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mrxvut"] {                            gap: var(--mrxvut-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(--mrxvut-padding-right-mobile, 0px) - var(--mrxvut-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xsxqks"] { --xsxqks-width: fill; --xsxqks-width-tablet: fill; --xsxqks-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; --xsxqks-iconWidth: 20px; --xsxqks-iconWidth-tablet: 20px; --xsxqks-iconWidth-mobile: 20px; --xsxqks-iconGap: 5px; --xsxqks-iconGap-tablet: 5px; --xsxqks-iconGap-mobile: 5px; --xsxqks-transform: none; --xsxqks-transform-tablet: none; --xsxqks-transform-mobile: none; --xsxqks-button: pr; --xsxqks-button-tablet: pr; --xsxqks-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-xsxqks"] { margin-top: var(--xsxqks-margin-top, 0px); margin-right: var(--xsxqks-margin-right, 0px); margin-bottom: var(--xsxqks-margin-bottom, 0px); margin-left: var(--xsxqks-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xsxqks-margin-top-tablet, 0px); margin-right: var(--xsxqks-margin-right-tablet, 0px); margin-bottom: var(--xsxqks-margin-bottom-tablet, 0px); margin-left: var(--xsxqks-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xsxqks-margin-top-mobile, 0px); margin-right: var(--xsxqks-margin-right-mobile, 0px); margin-bottom: var(--xsxqks-margin-bottom-mobile, 0px); margin-left: var(--xsxqks-margin-left-mobile, 0px); } &{ gap:var(--xsxqks-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--xsxqks-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--xsxqks-bgBtnHover)) * 1%)); style(--xsxqks-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--xsxqks-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--xsxqks-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); style(--xsxqks-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--xsxqks-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--xsxqks-borderBtnHover)) * 1%)); style(--xsxqks-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--xsxqks-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--xsxqks-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--xsxqks-bgBtnHover)) * 1%)); style(--xsxqks-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--xsxqks-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--xsxqks-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); style(--xsxqks-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--xsxqks-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--xsxqks-borderBtnHover)) * 1%)); style(--xsxqks-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--xsxqks-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--xsxqks-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); style(--xsxqks-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--xsxqks-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--xsxqks-iconWidth); } svg { width: var(--xsxqks-iconWidth,20px); min-width: var(--xsxqks-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--xsxqks-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--xsxqks-iconWidth-tablet, var(--xsxqks-iconWidth)); } svg { width: var(--xsxqks-iconWidth-tablet, var(--xsxqks-iconWidth)); min-width: var(--xsxqks-iconWidth-tablet, var(--xsxqks-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--xsxqks-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--xsxqks-iconWidth-mobile, var(--xsxqks-iconWidth)); } svg { width: var(--xsxqks-iconWidth-mobile, var(--xsxqks-iconWidth)); min-width: var(--xsxqks-iconWidth-mobile, var(--xsxqks-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-kohnm5"] { --kohnm5-direction: row; --kohnm5-direction-tablet: row; --kohnm5-direction-mobile: row; --kohnm5-align-items: stretch; --kohnm5-align-items-tablet: stretch; --kohnm5-align-items-mobile: stretch; }[data-bnode="beae-kohnm5"] { padding-top: var(--kohnm5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kohnm5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kohnm5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kohnm5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kohnm5-padding-top-tablet, var(--kohnm5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kohnm5-padding-right-tablet, var(--kohnm5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kohnm5-padding-bottom-tablet, var(--kohnm5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kohnm5-padding-left-tablet, var(--kohnm5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kohnm5-padding-top-mobile, var(--kohnm5-padding-top-tablet, var(--kohnm5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kohnm5-padding-right-mobile, var(--kohnm5-padding-right-tablet, var(--kohnm5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kohnm5-padding-bottom-mobile, var(--kohnm5-padding-bottom-tablet, var(--kohnm5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kohnm5-padding-left-mobile, var(--kohnm5-padding-left-tablet, var(--kohnm5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--kohnm5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--kohnm5-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(--kohnm5-background-imageRatio, auto); background: var(--kohnm5-background-color,transparent); border-style: var(--kohnm5-borderStyle,solid); border-color: var(--kohnm5-borderColor,#000000); border-width: var(--kohnm5-borderWidth-tl,0px) var(--kohnm5-borderWidth-tr,0px) var(--kohnm5-borderWidth-br,0px) var(--kohnm5-borderWidth-bl,0px); border-radius: var(--kohnm5-borderRadius-tl,0px) var(--kohnm5-borderRadius-tr,0px) var(--kohnm5-borderRadius-br,0px) var(--kohnm5-borderRadius-bl,0px); box-shadow: if(style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal,0) var(--kohnm5-shadowVertical,0) var(--kohnm5-shadowBlur,0) 1px var(--kohnm5-shadowColor,#000000); else: none); max-width: var(--kohnm5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--kohnm5-background-imageRatio-tablet, var(--kohnm5-background-imageRatio, auto)); border-width: var(--kohnm5-borderWidth-tl-tablet,0px) var(--kohnm5-borderWidth-tr-tablet,0px) var(--kohnm5-borderWidth-br-tablet,0px) var(--kohnm5-borderWidth-bl-tablet,0px); border-radius: var(--kohnm5-borderRadius-tl-tablet,0px) var(--kohnm5-borderRadius-tr-tablet,0px) var(--kohnm5-borderRadius-br-tablet,0px) var(--kohnm5-borderRadius-bl-tablet,0px); max-width: var(--kohnm5-max-width-tablet, var(--kohnm5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--kohnm5-background-imageRatio-mobile, var(--kohnm5-background-imageRatio, auto)); border-width: var(--kohnm5-borderWidth-tl-mobile,0px) var(--kohnm5-borderWidth-tr-mobile,0px) var(--kohnm5-borderWidth-br-mobile,0px) var(--kohnm5-borderWidth-bl-mobile,0px); border-radius: var(--kohnm5-borderRadius-tl-mobile,0px) var(--kohnm5-borderRadius-tr-mobile,0px) var(--kohnm5-borderRadius-br-mobile,0px) var(--kohnm5-borderRadius-bl-mobile,0px); max-width: var(--kohnm5-max-width-mobile, var(--kohnm5-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kohnm5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--kohnm5-gap,var(--beae-card-gap)); padding-top: var(--kohnm5-padding-top,var(--beae-card-padding)); padding-right: var(--kohnm5-padding-right,var(--beae-card-padding)); padding-bottom: var(--kohnm5-padding-bottom,var(--beae-card-padding)); padding-left: var(--kohnm5-padding-left,var(--beae-card-padding)); border-width: var(--kohnm5-borderWidth,var(--beae-card-border-width)); border-width: var(--kohnm5-borderWidth-tl,var(--beae-card-border-width)) var(--kohnm5-borderWidth-tr,var(--beae-card-border-width)) var(--kohnm5-borderWidth-br,var(--beae-card-border-width)) var(--kohnm5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kohnm5-borderRadius-tl,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-tr,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-br,var(--beae-card-border-radius)) var(--kohnm5-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(--kohnm5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kohnm5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kohnm5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kohnm5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kohnm5-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--kohnm5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kohnm5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kohnm5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kohnm5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kohnm5-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--kohnm5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kohnm5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kohnm5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kohnm5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kohnm5-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--kohnm5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kohnm5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kohnm5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kohnm5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kohnm5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kohnm5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kohnm5-background-color,var(--beae-card-featured-background)); border-color: var(--kohnm5-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal, var(--beae-card-shadow-x)) var(--kohnm5-shadowVertical, var(--beae-card-shadow-y)) var(--kohnm5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kohnm5-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--kohnm5-background-color,var(--beae-card-prod-background)); border-color: var(--kohnm5-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal, var(--beae-card-shadow-x)) var(--kohnm5-shadowVertical, var(--beae-card-shadow-y)) var(--kohnm5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kohnm5-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--kohnm5-background-color,var(--beae-card-pricing-background)); border-color: var(--kohnm5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal, var(--beae-card-shadow-x)) var(--kohnm5-shadowVertical, var(--beae-card-shadow-y)) var(--kohnm5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kohnm5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--kohnm5-background-color,var(--beae-card-cta-background)); border-color: var(--kohnm5-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal, var(--beae-card-shadow-x)) var(--kohnm5-shadowVertical, var(--beae-card-shadow-y)) var(--kohnm5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kohnm5-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--kohnm5-background-color,var(--beae-card-media-background)); border-color: var(--kohnm5-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--kohnm5-enableShadow: true): var(--kohnm5-shadowHorizontal, var(--beae-card-shadow-x)) var(--kohnm5-shadowVertical, var(--beae-card-shadow-y)) var(--kohnm5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kohnm5-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-kohnm5"] {     display: flex;     flex-direction: var(--kohnm5-direction, column);     flex-wrap: nowrap;     justify-content: var(--kohnm5-justify-content);     align-items: var(--kohnm5-align-items);     gap: var(--kohnm5-gap, var(--kohnm5-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kohnm5"] {                            gap: var(--kohnm5-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(--kohnm5-padding-right-tablet, 0px) - var(--kohnm5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kohnm5"] {                            gap: var(--kohnm5-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(--kohnm5-padding-right-mobile, 0px) - var(--kohnm5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1puvrb"] { --1puvrb-width: 100%; --1puvrb-width-tablet: 100%; --1puvrb-width-mobile: 100%; --1puvrb-imageRatio: 7/6; --1puvrb-imageRatio-tablet: 7/6; --1puvrb-imageRatio-mobile: 5/7; --1puvrb-objFit: cover; --1puvrb-objFit-tablet: cover; --1puvrb-objFit-mobile: cover; --1puvrb-borderColor: #000000; --1puvrb-borderColor-tablet: #000000; --1puvrb-borderColor-mobile: #000000; --1puvrb-shadowColor: #000000; --1puvrb-shadowColor-tablet: #000000; --1puvrb-shadowColor-mobile: #000000; --1puvrb-borderStyle: none; --1puvrb-borderStyle-tablet: none; --1puvrb-borderStyle-mobile: none; --1puvrb-enableShadow: false; --1puvrb-enableShadow-tablet: false; --1puvrb-enableShadow-mobile: false; --1puvrb-borderRadius-tl: 24px; --1puvrb-borderRadius-tl-tablet: 24px; --1puvrb-borderRadius-tl-mobile: 24px; --1puvrb-borderRadius-tr: 24px; --1puvrb-borderRadius-tr-tablet: 24px; --1puvrb-borderRadius-tr-mobile: 24px; --1puvrb-borderRadius-bl: 24px; --1puvrb-borderRadius-bl-tablet: 24px; --1puvrb-borderRadius-bl-mobile: 24px; --1puvrb-borderRadius-br: 24px; --1puvrb-borderRadius-br-tablet: 24px; --1puvrb-borderRadius-br-mobile: 24px; }[data-bnode="beae-1puvrb"] { margin-top: var(--1puvrb-margin-top, 0px); margin-right: var(--1puvrb-margin-right, 0px); margin-bottom: var(--1puvrb-margin-bottom, 0px); margin-left: var(--1puvrb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1puvrb-margin-top-tablet, 0px); margin-right: var(--1puvrb-margin-right-tablet, 0px); margin-bottom: var(--1puvrb-margin-bottom-tablet, 0px); margin-left: var(--1puvrb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1puvrb-margin-top-mobile, 0px); margin-right: var(--1puvrb-margin-right-mobile, 0px); margin-bottom: var(--1puvrb-margin-bottom-mobile, 0px); margin-left: var(--1puvrb-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--1puvrb-width,100%) - var(--1puvrb-margin-left,0px) - var(--1puvrb-margin-right,0px)); min-height: min-content; border-style: var(--1puvrb-borderStyle,solid); border-color: var(--1puvrb-borderColor,#000000); border-width: var(--1puvrb-borderWidth-tl,0px) var(--1puvrb-borderWidth-tr,0px) var(--1puvrb-borderWidth-br,0px) var(--1puvrb-borderWidth-bl,0px); border-radius: var(--1puvrb-borderRadius-tl,0px) var(--1puvrb-borderRadius-tr,0px) var(--1puvrb-borderRadius-br,0px) var(--1puvrb-borderRadius-bl,0px); aspect-ratio: var(--1puvrb-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--1puvrb-borderWidth-tl-tablet, var(--1puvrb-borderWidth-tl,0px)) var(--1puvrb-borderWidth-tr-tablet, var(--1puvrb-borderWidth-tr,0px)) var(--1puvrb-borderWidth-br-tablet, var(--1puvrb-borderWidth-br,0px)) var(--1puvrb-borderWidth-bl-tablet, var(--1puvrb-borderWidth-bl,0px)); border-radius: var(--1puvrb-borderRadius-tl-tablet, var(--1puvrb-borderRadius-tl,0px)) var(--1puvrb-borderRadius-tr-tablet, var(--1puvrb-borderRadius-tr,0px)) var(--1puvrb-borderRadius-br-tablet, var(--1puvrb-borderRadius-br,0px)) var(--1puvrb-borderRadius-bl-tablet, var(--1puvrb-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--1puvrb-borderWidth-tl-mobile, var(--1puvrb-borderWidth-tl,0px)) var(--1puvrb-borderWidth-tr-mobile, var(--1puvrb-borderWidth-tr,0px)) var(--1puvrb-borderWidth-br-mobile, var(--1puvrb-borderWidth-br,0px)) var(--1puvrb-borderWidth-bl-mobile, var(--1puvrb-borderWidth-bl,0px)); border-radius: var(--1puvrb-borderRadius-tl-mobile, var(--1puvrb-borderRadius-tl,0px)) var(--1puvrb-borderRadius-tr-mobile, var(--1puvrb-borderRadius-tr,0px)) var(--1puvrb-borderRadius-br-mobile, var(--1puvrb-borderRadius-br,0px)) var(--1puvrb-borderRadius-bl-mobile, var(--1puvrb-borderRadius-bl,0px)); } box-shadow: if( style(--1puvrb-enableShadow: true): var(--1puvrb-shadowHorizontal, 0) var(--1puvrb-shadowVertical, 0) var(--1puvrb-shadowBlur, 0) 1px var(--1puvrb-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--1puvrb-overlayColor-color, #000); opacity: var(--1puvrb-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--1puvrb-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--1puvrb-width-tablet,var(--1puvrb-width,100%)) - var(--1puvrb-margin-left-tablet,var(--1puvrb-margin-left,0px)) - var(--1puvrb-margin-right-tablet,var(--1puvrb-margin-right,0px))); aspect-ratio: var(--1puvrb-imageRatio-tablet, var(--1puvrb-imageRatio, auto)); img { object-fit: var(--1puvrb-objFit-tablet, var(--1puvrb-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--1puvrb-width-mobile,var(--1puvrb-width,100%)) - var(--1puvrb-margin-left-mobile,var(--1puvrb-margin-left,0px)) - var(--1puvrb-margin-right-mobile,var(--1puvrb-margin-right,0px))); aspect-ratio: var(--1puvrb-imageRatio-mobile, var(--1puvrb-imageRatio, auto)); img { object-fit: var(--1puvrb-objFit-mobile, var(--1puvrb-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-adc26c"] { --adc26c-width: 1600px; --adc26c-width-tablet: 1600px; --adc26c-width-mobile: 1600px; --adc26c-height: fit-content; --adc26c-height-tablet: fit-content; --adc26c-height-mobile: fit-content; --adc26c-padding-top: 0px; --adc26c-padding-top-tablet: 0px; --adc26c-padding-top-mobile: 0px; --adc26c-padding-right: 30px; --adc26c-padding-right-tablet: 30px; --adc26c-padding-right-mobile: 16px; --adc26c-padding-bottom: 0px; --adc26c-padding-bottom-tablet: 0px; --adc26c-padding-bottom-mobile: 0px; --adc26c-padding-left: 30px; --adc26c-padding-left-tablet: 30px; --adc26c-padding-left-mobile: 16px; --adc26c-direction: row; --adc26c-direction-tablet: row; --adc26c-direction-mobile: column; --adc26c-structure: auto; --adc26c-structure-tablet: auto; --adc26c-structure-mobile: auto; --adc26c-gap: 80px; --adc26c-gap-tablet: 80px; --adc26c-gap-mobile: 80px; }[data-bnode="beae-adc26c"] { padding-top: var(--adc26c-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--adc26c-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--adc26c-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--adc26c-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--adc26c-padding-top-tablet, var(--adc26c-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--adc26c-padding-right-tablet, var(--adc26c-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--adc26c-padding-bottom-tablet, var(--adc26c-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--adc26c-padding-left-tablet, var(--adc26c-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--adc26c-padding-top-mobile, var(--adc26c-padding-top-tablet, var(--adc26c-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--adc26c-padding-right-mobile, var(--adc26c-padding-right-tablet, var(--adc26c-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--adc26c-padding-bottom-mobile, var(--adc26c-padding-bottom-tablet, var(--adc26c-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--adc26c-padding-left-mobile, var(--adc26c-padding-left-tablet, var(--adc26c-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--adc26c-padding-left, var(--beae-section-padding-x, 0px)) - var(--adc26c-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--adc26c-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--adc26c-height); width: 100%; max-width: var(--adc26c-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(--adc26c-height-tablet, auto); width: 100%; max-width: var(--adc26c-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--adc26c-height-mobile, auto); width: 100%; max-width: var(--adc26c-width-mobile, 100%); } } } }[data-bnode="beae-adc26c"] > .beae-section-container{     display: flex;     flex-direction: var(--adc26c-direction, column);     flex-wrap: nowrap;     justify-content: var(--adc26c-justify-content);     align-items: var(--adc26c-align-items);     gap: var(--adc26c-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-adc26c"] > .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(--adc26c-padding-right-tablet, 0px) - var(--adc26c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-adc26c"] > .beae-section-container{      flex-direction: var(--adc26c-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-x6gb1v"] { --x6gb1v-direction: row; --x6gb1v-direction-tablet: row; --x6gb1v-direction-mobile: row; --x6gb1v-align-items-tablet: flex-start; --x6gb1v-align-items-mobile: flex-start; }[data-bnode="beae-x6gb1v"] { padding-top: var(--x6gb1v-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--x6gb1v-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--x6gb1v-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--x6gb1v-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x6gb1v-padding-top-tablet, var(--x6gb1v-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--x6gb1v-padding-right-tablet, var(--x6gb1v-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--x6gb1v-padding-bottom-tablet, var(--x6gb1v-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--x6gb1v-padding-left-tablet, var(--x6gb1v-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x6gb1v-padding-top-mobile, var(--x6gb1v-padding-top-tablet, var(--x6gb1v-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--x6gb1v-padding-right-mobile, var(--x6gb1v-padding-right-tablet, var(--x6gb1v-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--x6gb1v-padding-bottom-mobile, var(--x6gb1v-padding-bottom-tablet, var(--x6gb1v-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--x6gb1v-padding-left-mobile, var(--x6gb1v-padding-left-tablet, var(--x6gb1v-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--x6gb1v-padding-left, var(--beae-slot-padding-x, 0px)) - var(--x6gb1v-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(--x6gb1v-background-imageRatio, auto); background: var(--x6gb1v-background-color,transparent); border-style: var(--x6gb1v-borderStyle,solid); border-color: var(--x6gb1v-borderColor,#000000); border-width: var(--x6gb1v-borderWidth-tl,0px) var(--x6gb1v-borderWidth-tr,0px) var(--x6gb1v-borderWidth-br,0px) var(--x6gb1v-borderWidth-bl,0px); border-radius: var(--x6gb1v-borderRadius-tl,0px) var(--x6gb1v-borderRadius-tr,0px) var(--x6gb1v-borderRadius-br,0px) var(--x6gb1v-borderRadius-bl,0px); box-shadow: if(style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal,0) var(--x6gb1v-shadowVertical,0) var(--x6gb1v-shadowBlur,0) 1px var(--x6gb1v-shadowColor,#000000); else: none); max-width: var(--x6gb1v-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--x6gb1v-background-imageRatio-tablet, var(--x6gb1v-background-imageRatio, auto)); border-width: var(--x6gb1v-borderWidth-tl-tablet,0px) var(--x6gb1v-borderWidth-tr-tablet,0px) var(--x6gb1v-borderWidth-br-tablet,0px) var(--x6gb1v-borderWidth-bl-tablet,0px); border-radius: var(--x6gb1v-borderRadius-tl-tablet,0px) var(--x6gb1v-borderRadius-tr-tablet,0px) var(--x6gb1v-borderRadius-br-tablet,0px) var(--x6gb1v-borderRadius-bl-tablet,0px); max-width: var(--x6gb1v-max-width-tablet, var(--x6gb1v-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--x6gb1v-background-imageRatio-mobile, var(--x6gb1v-background-imageRatio, auto)); border-width: var(--x6gb1v-borderWidth-tl-mobile,0px) var(--x6gb1v-borderWidth-tr-mobile,0px) var(--x6gb1v-borderWidth-br-mobile,0px) var(--x6gb1v-borderWidth-bl-mobile,0px); border-radius: var(--x6gb1v-borderRadius-tl-mobile,0px) var(--x6gb1v-borderRadius-tr-mobile,0px) var(--x6gb1v-borderRadius-br-mobile,0px) var(--x6gb1v-borderRadius-bl-mobile,0px); max-width: var(--x6gb1v-max-width-mobile, var(--x6gb1v-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--x6gb1v-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--x6gb1v-gap,var(--beae-card-gap)); padding-top: var(--x6gb1v-padding-top,var(--beae-card-padding)); padding-right: var(--x6gb1v-padding-right,var(--beae-card-padding)); padding-bottom: var(--x6gb1v-padding-bottom,var(--beae-card-padding)); padding-left: var(--x6gb1v-padding-left,var(--beae-card-padding)); border-width: var(--x6gb1v-borderWidth,var(--beae-card-border-width)); border-width: var(--x6gb1v-borderWidth-tl,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-tr,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-br,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--x6gb1v-borderRadius-tl,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-tr,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-br,var(--beae-card-border-radius)) var(--x6gb1v-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(--x6gb1v-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--x6gb1v-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--x6gb1v-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--x6gb1v-padding-left-tablet,var(--beae-card-padding)); border-width: var(--x6gb1v-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--x6gb1v-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-br-desktop,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--x6gb1v-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--x6gb1v-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--x6gb1v-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--x6gb1v-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--x6gb1v-padding-left-mobile,var(--beae-card-padding)); border-width: var(--x6gb1v-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--x6gb1v-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-br-mobile,var(--beae-card-border-width)) var(--x6gb1v-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--x6gb1v-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--x6gb1v-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--x6gb1v-background-color,var(--beae-card-featured-background)); border-color: var(--x6gb1v-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal, var(--beae-card-shadow-x)) var(--x6gb1v-shadowVertical, var(--beae-card-shadow-y)) var(--x6gb1v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x6gb1v-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--x6gb1v-background-color,var(--beae-card-prod-background)); border-color: var(--x6gb1v-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal, var(--beae-card-shadow-x)) var(--x6gb1v-shadowVertical, var(--beae-card-shadow-y)) var(--x6gb1v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x6gb1v-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--x6gb1v-background-color,var(--beae-card-pricing-background)); border-color: var(--x6gb1v-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal, var(--beae-card-shadow-x)) var(--x6gb1v-shadowVertical, var(--beae-card-shadow-y)) var(--x6gb1v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x6gb1v-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--x6gb1v-background-color,var(--beae-card-cta-background)); border-color: var(--x6gb1v-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal, var(--beae-card-shadow-x)) var(--x6gb1v-shadowVertical, var(--beae-card-shadow-y)) var(--x6gb1v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x6gb1v-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--x6gb1v-background-color,var(--beae-card-media-background)); border-color: var(--x6gb1v-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--x6gb1v-enableShadow: true): var(--x6gb1v-shadowHorizontal, var(--beae-card-shadow-x)) var(--x6gb1v-shadowVertical, var(--beae-card-shadow-y)) var(--x6gb1v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x6gb1v-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-x6gb1v"] {     display: flex;     flex-direction: var(--x6gb1v-direction, column);     flex-wrap: nowrap;     justify-content: var(--x6gb1v-justify-content);     align-items: var(--x6gb1v-align-items);     gap: var(--x6gb1v-gap, var(--x6gb1v-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x6gb1v"] {      flex-direction: var(--x6gb1v-direction-tablet, column);                 align-items: var(--x6gb1v-align-items-tablet, inherit);      gap: var(--x6gb1v-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(--x6gb1v-padding-right-tablet, 0px) - var(--x6gb1v-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-x6gb1v"] {                            gap: var(--x6gb1v-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(--x6gb1v-padding-right-mobile, 0px) - var(--x6gb1v-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-odpkl1"] { --odpkl1-width: 100%; --odpkl1-width-tablet: 100%; --odpkl1-width-mobile: 100%; --odpkl1-imageRatio: 7/6; --odpkl1-imageRatio-tablet: 7/6; --odpkl1-imageRatio-mobile: 7/6; --odpkl1-objFit: cover; --odpkl1-objFit-tablet: cover; --odpkl1-objFit-mobile: cover; --odpkl1-borderColor: #000000; --odpkl1-borderColor-tablet: #000000; --odpkl1-borderColor-mobile: #000000; --odpkl1-shadowColor: #000000; --odpkl1-shadowColor-tablet: #000000; --odpkl1-shadowColor-mobile: #000000; --odpkl1-borderStyle: none; --odpkl1-borderStyle-tablet: none; --odpkl1-borderStyle-mobile: none; --odpkl1-enableShadow: false; --odpkl1-enableShadow-tablet: false; --odpkl1-enableShadow-mobile: false; --odpkl1-borderRadius-tl: 24px; --odpkl1-borderRadius-tl-tablet: 24px; --odpkl1-borderRadius-tl-mobile: 24px; --odpkl1-borderRadius-tr: 160px; --odpkl1-borderRadius-tr-tablet: 80px; --odpkl1-borderRadius-tr-mobile: 80px; --odpkl1-borderRadius-bl: 160px; --odpkl1-borderRadius-bl-tablet: 80px; --odpkl1-borderRadius-bl-mobile: 80px; --odpkl1-borderRadius-br: 24px; --odpkl1-borderRadius-br-tablet: 24px; --odpkl1-borderRadius-br-mobile: 24px; }[data-bnode="beae-odpkl1"] { margin-top: var(--odpkl1-margin-top, 0px); margin-right: var(--odpkl1-margin-right, 0px); margin-bottom: var(--odpkl1-margin-bottom, 0px); margin-left: var(--odpkl1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--odpkl1-margin-top-tablet, 0px); margin-right: var(--odpkl1-margin-right-tablet, 0px); margin-bottom: var(--odpkl1-margin-bottom-tablet, 0px); margin-left: var(--odpkl1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--odpkl1-margin-top-mobile, 0px); margin-right: var(--odpkl1-margin-right-mobile, 0px); margin-bottom: var(--odpkl1-margin-bottom-mobile, 0px); margin-left: var(--odpkl1-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--odpkl1-width,100%) - var(--odpkl1-margin-left,0px) - var(--odpkl1-margin-right,0px)); min-height: min-content; border-style: var(--odpkl1-borderStyle,solid); border-color: var(--odpkl1-borderColor,#000000); border-width: var(--odpkl1-borderWidth-tl,0px) var(--odpkl1-borderWidth-tr,0px) var(--odpkl1-borderWidth-br,0px) var(--odpkl1-borderWidth-bl,0px); border-radius: var(--odpkl1-borderRadius-tl,0px) var(--odpkl1-borderRadius-tr,0px) var(--odpkl1-borderRadius-br,0px) var(--odpkl1-borderRadius-bl,0px); aspect-ratio: var(--odpkl1-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--odpkl1-borderWidth-tl-tablet, var(--odpkl1-borderWidth-tl,0px)) var(--odpkl1-borderWidth-tr-tablet, var(--odpkl1-borderWidth-tr,0px)) var(--odpkl1-borderWidth-br-tablet, var(--odpkl1-borderWidth-br,0px)) var(--odpkl1-borderWidth-bl-tablet, var(--odpkl1-borderWidth-bl,0px)); border-radius: var(--odpkl1-borderRadius-tl-tablet, var(--odpkl1-borderRadius-tl,0px)) var(--odpkl1-borderRadius-tr-tablet, var(--odpkl1-borderRadius-tr,0px)) var(--odpkl1-borderRadius-br-tablet, var(--odpkl1-borderRadius-br,0px)) var(--odpkl1-borderRadius-bl-tablet, var(--odpkl1-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--odpkl1-borderWidth-tl-mobile, var(--odpkl1-borderWidth-tl,0px)) var(--odpkl1-borderWidth-tr-mobile, var(--odpkl1-borderWidth-tr,0px)) var(--odpkl1-borderWidth-br-mobile, var(--odpkl1-borderWidth-br,0px)) var(--odpkl1-borderWidth-bl-mobile, var(--odpkl1-borderWidth-bl,0px)); border-radius: var(--odpkl1-borderRadius-tl-mobile, var(--odpkl1-borderRadius-tl,0px)) var(--odpkl1-borderRadius-tr-mobile, var(--odpkl1-borderRadius-tr,0px)) var(--odpkl1-borderRadius-br-mobile, var(--odpkl1-borderRadius-br,0px)) var(--odpkl1-borderRadius-bl-mobile, var(--odpkl1-borderRadius-bl,0px)); } box-shadow: if( style(--odpkl1-enableShadow: true): var(--odpkl1-shadowHorizontal, 0) var(--odpkl1-shadowVertical, 0) var(--odpkl1-shadowBlur, 0) 1px var(--odpkl1-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--odpkl1-overlayColor-color, #000); opacity: var(--odpkl1-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--odpkl1-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--odpkl1-width-tablet,var(--odpkl1-width,100%)) - var(--odpkl1-margin-left-tablet,var(--odpkl1-margin-left,0px)) - var(--odpkl1-margin-right-tablet,var(--odpkl1-margin-right,0px))); aspect-ratio: var(--odpkl1-imageRatio-tablet, var(--odpkl1-imageRatio, auto)); img { object-fit: var(--odpkl1-objFit-tablet, var(--odpkl1-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--odpkl1-width-mobile,var(--odpkl1-width,100%)) - var(--odpkl1-margin-left-mobile,var(--odpkl1-margin-left,0px)) - var(--odpkl1-margin-right-mobile,var(--odpkl1-margin-right,0px))); aspect-ratio: var(--odpkl1-imageRatio-mobile, var(--odpkl1-imageRatio, auto)); img { object-fit: var(--odpkl1-objFit-mobile, var(--odpkl1-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-yyl3nz"] { --yyl3nz-gap: 40px; --yyl3nz-gap-tablet: 40px; --yyl3nz-gap-mobile: 40px; --yyl3nz-direction: column; --yyl3nz-direction-tablet: column; --yyl3nz-direction-mobile: column; --yyl3nz-justify-content: center; --yyl3nz-justify-content-tablet: center; --yyl3nz-justify-content-mobile: center; }[data-bnode="beae-yyl3nz"] { padding-top: var(--yyl3nz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yyl3nz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yyl3nz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yyl3nz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yyl3nz-padding-top-tablet, var(--yyl3nz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yyl3nz-padding-right-tablet, var(--yyl3nz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yyl3nz-padding-bottom-tablet, var(--yyl3nz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yyl3nz-padding-left-tablet, var(--yyl3nz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yyl3nz-padding-top-mobile, var(--yyl3nz-padding-top-tablet, var(--yyl3nz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yyl3nz-padding-right-mobile, var(--yyl3nz-padding-right-tablet, var(--yyl3nz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yyl3nz-padding-bottom-mobile, var(--yyl3nz-padding-bottom-tablet, var(--yyl3nz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yyl3nz-padding-left-mobile, var(--yyl3nz-padding-left-tablet, var(--yyl3nz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yyl3nz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yyl3nz-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(--yyl3nz-background-imageRatio, auto); background: var(--yyl3nz-background-color,transparent); border-style: var(--yyl3nz-borderStyle,solid); border-color: var(--yyl3nz-borderColor,#000000); border-width: var(--yyl3nz-borderWidth-tl,0px) var(--yyl3nz-borderWidth-tr,0px) var(--yyl3nz-borderWidth-br,0px) var(--yyl3nz-borderWidth-bl,0px); border-radius: var(--yyl3nz-borderRadius-tl,0px) var(--yyl3nz-borderRadius-tr,0px) var(--yyl3nz-borderRadius-br,0px) var(--yyl3nz-borderRadius-bl,0px); box-shadow: if(style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal,0) var(--yyl3nz-shadowVertical,0) var(--yyl3nz-shadowBlur,0) 1px var(--yyl3nz-shadowColor,#000000); else: none); max-width: var(--yyl3nz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yyl3nz-background-imageRatio-tablet, var(--yyl3nz-background-imageRatio, auto)); border-width: var(--yyl3nz-borderWidth-tl-tablet,0px) var(--yyl3nz-borderWidth-tr-tablet,0px) var(--yyl3nz-borderWidth-br-tablet,0px) var(--yyl3nz-borderWidth-bl-tablet,0px); border-radius: var(--yyl3nz-borderRadius-tl-tablet,0px) var(--yyl3nz-borderRadius-tr-tablet,0px) var(--yyl3nz-borderRadius-br-tablet,0px) var(--yyl3nz-borderRadius-bl-tablet,0px); max-width: var(--yyl3nz-max-width-tablet, var(--yyl3nz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yyl3nz-background-imageRatio-mobile, var(--yyl3nz-background-imageRatio, auto)); border-width: var(--yyl3nz-borderWidth-tl-mobile,0px) var(--yyl3nz-borderWidth-tr-mobile,0px) var(--yyl3nz-borderWidth-br-mobile,0px) var(--yyl3nz-borderWidth-bl-mobile,0px); border-radius: var(--yyl3nz-borderRadius-tl-mobile,0px) var(--yyl3nz-borderRadius-tr-mobile,0px) var(--yyl3nz-borderRadius-br-mobile,0px) var(--yyl3nz-borderRadius-bl-mobile,0px); max-width: var(--yyl3nz-max-width-mobile, var(--yyl3nz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--yyl3nz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--yyl3nz-gap,var(--beae-card-gap)); padding-top: var(--yyl3nz-padding-top,var(--beae-card-padding)); padding-right: var(--yyl3nz-padding-right,var(--beae-card-padding)); padding-bottom: var(--yyl3nz-padding-bottom,var(--beae-card-padding)); padding-left: var(--yyl3nz-padding-left,var(--beae-card-padding)); border-width: var(--yyl3nz-borderWidth,var(--beae-card-border-width)); border-width: var(--yyl3nz-borderWidth-tl,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-tr,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-br,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yyl3nz-borderRadius-tl,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-tr,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-br,var(--beae-card-border-radius)) var(--yyl3nz-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(--yyl3nz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--yyl3nz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--yyl3nz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--yyl3nz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--yyl3nz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--yyl3nz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--yyl3nz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--yyl3nz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--yyl3nz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--yyl3nz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--yyl3nz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--yyl3nz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--yyl3nz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yyl3nz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yyl3nz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yyl3nz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--yyl3nz-background-color,var(--beae-card-featured-background)); border-color: var(--yyl3nz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal, var(--beae-card-shadow-x)) var(--yyl3nz-shadowVertical, var(--beae-card-shadow-y)) var(--yyl3nz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yyl3nz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--yyl3nz-background-color,var(--beae-card-prod-background)); border-color: var(--yyl3nz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal, var(--beae-card-shadow-x)) var(--yyl3nz-shadowVertical, var(--beae-card-shadow-y)) var(--yyl3nz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yyl3nz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--yyl3nz-background-color,var(--beae-card-pricing-background)); border-color: var(--yyl3nz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal, var(--beae-card-shadow-x)) var(--yyl3nz-shadowVertical, var(--beae-card-shadow-y)) var(--yyl3nz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yyl3nz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--yyl3nz-background-color,var(--beae-card-cta-background)); border-color: var(--yyl3nz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal, var(--beae-card-shadow-x)) var(--yyl3nz-shadowVertical, var(--beae-card-shadow-y)) var(--yyl3nz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yyl3nz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--yyl3nz-background-color,var(--beae-card-media-background)); border-color: var(--yyl3nz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--yyl3nz-enableShadow: true): var(--yyl3nz-shadowHorizontal, var(--beae-card-shadow-x)) var(--yyl3nz-shadowVertical, var(--beae-card-shadow-y)) var(--yyl3nz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yyl3nz-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-yyl3nz"] {     display: flex;     flex-direction: var(--yyl3nz-direction, column);     flex-wrap: nowrap;     justify-content: var(--yyl3nz-justify-content);     align-items: var(--yyl3nz-align-items);     gap: var(--yyl3nz-gap, var(--yyl3nz-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yyl3nz"] {                            gap: var(--yyl3nz-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(--yyl3nz-padding-right-tablet, 0px) - var(--yyl3nz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-yyl3nz"] {                            gap: var(--yyl3nz-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(--yyl3nz-padding-right-mobile, 0px) - var(--yyl3nz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tx4j32"] { --tx4j32-direction: column; --tx4j32-direction-tablet: column; --tx4j32-direction-mobile: column; --tx4j32-structure: columns; --tx4j32-structure-tablet: columns; --tx4j32-structure-mobile: columns; --tx4j32-gap: 24px; --tx4j32-gap-tablet: 24px; --tx4j32-gap-mobile: 24px; --tx4j32-align-items: flex-start; --tx4j32-align-items-tablet: flex-start; --tx4j32-align-items-mobile: flex-start; --tx4j32-justify-content: flex-start; --tx4j32-justify-content-tablet: flex-start; --tx4j32-justify-content-mobile: flex-start; }[data-bnode="beae-tx4j32"] { padding-top: var(--tx4j32-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tx4j32-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tx4j32-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tx4j32-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tx4j32-padding-top-tablet, var(--tx4j32-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tx4j32-padding-right-tablet, var(--tx4j32-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tx4j32-padding-bottom-tablet, var(--tx4j32-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tx4j32-padding-left-tablet, var(--tx4j32-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tx4j32-padding-top-mobile, var(--tx4j32-padding-top-tablet, var(--tx4j32-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tx4j32-padding-right-mobile, var(--tx4j32-padding-right-tablet, var(--tx4j32-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tx4j32-padding-bottom-mobile, var(--tx4j32-padding-bottom-tablet, var(--tx4j32-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tx4j32-padding-left-mobile, var(--tx4j32-padding-left-tablet, var(--tx4j32-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--tx4j32-padding-left, var(--beae-slot-padding-x, 0px)) - var(--tx4j32-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(--tx4j32-background-imageRatio, auto); background: var(--tx4j32-background-color,transparent); border-style: var(--tx4j32-borderStyle,solid); border-color: var(--tx4j32-borderColor,#000000); border-width: var(--tx4j32-borderWidth-tl,0px) var(--tx4j32-borderWidth-tr,0px) var(--tx4j32-borderWidth-br,0px) var(--tx4j32-borderWidth-bl,0px); border-radius: var(--tx4j32-borderRadius-tl,0px) var(--tx4j32-borderRadius-tr,0px) var(--tx4j32-borderRadius-br,0px) var(--tx4j32-borderRadius-bl,0px); box-shadow: if(style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal,0) var(--tx4j32-shadowVertical,0) var(--tx4j32-shadowBlur,0) 1px var(--tx4j32-shadowColor,#000000); else: none); max-width: var(--tx4j32-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--tx4j32-background-imageRatio-tablet, var(--tx4j32-background-imageRatio, auto)); border-width: var(--tx4j32-borderWidth-tl-tablet,0px) var(--tx4j32-borderWidth-tr-tablet,0px) var(--tx4j32-borderWidth-br-tablet,0px) var(--tx4j32-borderWidth-bl-tablet,0px); border-radius: var(--tx4j32-borderRadius-tl-tablet,0px) var(--tx4j32-borderRadius-tr-tablet,0px) var(--tx4j32-borderRadius-br-tablet,0px) var(--tx4j32-borderRadius-bl-tablet,0px); max-width: var(--tx4j32-max-width-tablet, var(--tx4j32-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--tx4j32-background-imageRatio-mobile, var(--tx4j32-background-imageRatio, auto)); border-width: var(--tx4j32-borderWidth-tl-mobile,0px) var(--tx4j32-borderWidth-tr-mobile,0px) var(--tx4j32-borderWidth-br-mobile,0px) var(--tx4j32-borderWidth-bl-mobile,0px); border-radius: var(--tx4j32-borderRadius-tl-mobile,0px) var(--tx4j32-borderRadius-tr-mobile,0px) var(--tx4j32-borderRadius-br-mobile,0px) var(--tx4j32-borderRadius-bl-mobile,0px); max-width: var(--tx4j32-max-width-mobile, var(--tx4j32-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tx4j32-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--tx4j32-gap,var(--beae-card-gap)); padding-top: var(--tx4j32-padding-top,var(--beae-card-padding)); padding-right: var(--tx4j32-padding-right,var(--beae-card-padding)); padding-bottom: var(--tx4j32-padding-bottom,var(--beae-card-padding)); padding-left: var(--tx4j32-padding-left,var(--beae-card-padding)); border-width: var(--tx4j32-borderWidth,var(--beae-card-border-width)); border-width: var(--tx4j32-borderWidth-tl,var(--beae-card-border-width)) var(--tx4j32-borderWidth-tr,var(--beae-card-border-width)) var(--tx4j32-borderWidth-br,var(--beae-card-border-width)) var(--tx4j32-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tx4j32-borderRadius-tl,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-tr,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-br,var(--beae-card-border-radius)) var(--tx4j32-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(--tx4j32-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tx4j32-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tx4j32-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tx4j32-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tx4j32-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--tx4j32-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tx4j32-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tx4j32-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tx4j32-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tx4j32-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--tx4j32-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tx4j32-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tx4j32-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tx4j32-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tx4j32-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--tx4j32-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tx4j32-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tx4j32-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tx4j32-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tx4j32-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tx4j32-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tx4j32-background-color,var(--beae-card-featured-background)); border-color: var(--tx4j32-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal, var(--beae-card-shadow-x)) var(--tx4j32-shadowVertical, var(--beae-card-shadow-y)) var(--tx4j32-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tx4j32-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--tx4j32-background-color,var(--beae-card-prod-background)); border-color: var(--tx4j32-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal, var(--beae-card-shadow-x)) var(--tx4j32-shadowVertical, var(--beae-card-shadow-y)) var(--tx4j32-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tx4j32-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--tx4j32-background-color,var(--beae-card-pricing-background)); border-color: var(--tx4j32-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal, var(--beae-card-shadow-x)) var(--tx4j32-shadowVertical, var(--beae-card-shadow-y)) var(--tx4j32-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tx4j32-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--tx4j32-background-color,var(--beae-card-cta-background)); border-color: var(--tx4j32-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal, var(--beae-card-shadow-x)) var(--tx4j32-shadowVertical, var(--beae-card-shadow-y)) var(--tx4j32-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tx4j32-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--tx4j32-background-color,var(--beae-card-media-background)); border-color: var(--tx4j32-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--tx4j32-enableShadow: true): var(--tx4j32-shadowHorizontal, var(--beae-card-shadow-x)) var(--tx4j32-shadowVertical, var(--beae-card-shadow-y)) var(--tx4j32-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tx4j32-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-tx4j32"] {     display: flex;     flex-direction: var(--tx4j32-direction, column);     flex-wrap: nowrap;     justify-content: var(--tx4j32-justify-content);     align-items: var(--tx4j32-align-items);     gap: var(--tx4j32-gap, var(--tx4j32-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tx4j32"] {                            gap: var(--tx4j32-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(--tx4j32-padding-right-tablet, 0px) - var(--tx4j32-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tx4j32"] {                            gap: var(--tx4j32-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(--tx4j32-padding-right-mobile, 0px) - var(--tx4j32-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-d0a5fh"] { --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; --d0a5fh-typography: h2; --d0a5fh-typography-tablet: h2; --d0a5fh-typography-mobile: h2; }[data-bnode="beae-d0a5fh"] { margin-top: var(--d0a5fh-margin-top, 0px); margin-right: var(--d0a5fh-margin-right, 0px); margin-bottom: var(--d0a5fh-margin-bottom, 0px); margin-left: var(--d0a5fh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d0a5fh-margin-top-tablet, 0px); margin-right: var(--d0a5fh-margin-right-tablet, 0px); margin-bottom: var(--d0a5fh-margin-bottom-tablet, 0px); margin-left: var(--d0a5fh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d0a5fh-margin-top-mobile, 0px); margin-right: var(--d0a5fh-margin-right-mobile, 0px); margin-bottom: var(--d0a5fh-margin-bottom-mobile, 0px); margin-left: var(--d0a5fh-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--d0a5fh-highlightColor,var(--beae-p-color)); top: var(--d0a5fh-highlightTop, 100%); } }[data-bnode="beae-1yl3vv"] { --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; --1yl3vv-typography: p; --1yl3vv-typography-tablet: p; --1yl3vv-typography-mobile: p; }[data-bnode="beae-1yl3vv"] { margin-top: var(--1yl3vv-margin-top, 0px); margin-right: var(--1yl3vv-margin-right, 0px); margin-bottom: var(--1yl3vv-margin-bottom, 0px); margin-left: var(--1yl3vv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1yl3vv-margin-top-tablet, 0px); margin-right: var(--1yl3vv-margin-right-tablet, 0px); margin-bottom: var(--1yl3vv-margin-bottom-tablet, 0px); margin-left: var(--1yl3vv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1yl3vv-margin-top-mobile, 0px); margin-right: var(--1yl3vv-margin-right-mobile, 0px); margin-bottom: var(--1yl3vv-margin-bottom-mobile, 0px); margin-left: var(--1yl3vv-margin-left-mobile, 0px); } }[data-bnode="beae-f6fgi7"] { --f6fgi7-columns: 2; --f6fgi7-columns-tablet: 1; --f6fgi7-columns-mobile: 1; --f6fgi7-gap: 20px; --f6fgi7-gap-tablet: 16px; --f6fgi7-gap-mobile: 16px; --f6fgi7-navType: true; --f6fgi7-navType-tablet: true; --f6fgi7-navType-mobile: true; --f6fgi7-pagiType: false; --f6fgi7-pagiType-tablet: false; --f6fgi7-pagiType-mobile: false; --f6fgi7-listType: grid; --f6fgi7-listType-tablet: grid; --f6fgi7-listType-mobile: grid; --f6fgi7-stateNavigation: normal; --f6fgi7-stateNavigation-tablet: normal; --f6fgi7-stateNavigation-mobile: normal; --f6fgi7-statePagination: normal; --f6fgi7-statePagination-tablet: normal; --f6fgi7-statePagination-mobile: normal; --f6fgi7-stateNavigtion: normal; --f6fgi7-stateNavigtion-tablet: normal; --f6fgi7-stateNavigtion-mobile: normal; --f6fgi7-columnsMobile-mobile: 1; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-f6fgi7"] [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-f6fgi7"] [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-f6fgi7"] [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-f6fgi7"] [data-bnode="beae-wvwb0w"] { --wvwb0w-direction: row; --wvwb0w-structure: auto; --wvwb0w-align-items: flex-start; --wvwb0w-gap: 16px; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-haojcm"] { --haojcm-structure: auto; --haojcm-max-width: fit-content; --haojcm-direction: row; --haojcm-padding-top: 12px; --haojcm-padding-right: 12px; --haojcm-padding-bottom: 12px; --haojcm-padding-left: 12px; --haojcm-borderRadius-tl: 99px; --haojcm-borderRadius-tr: 99px; --haojcm-borderRadius-bl: 99px; --haojcm-borderRadius-br: 99px; --haojcm-background-type: color; --haojcm-background-color: #E6F0FDCC; --haojcm-padding-top-tablet: 12px; --haojcm-padding-right-tablet: 12px; --haojcm-padding-bottom-tablet: 12px; --haojcm-padding-left-tablet: 12px; --haojcm-borderRadius-tl-tablet: 99px; --haojcm-borderRadius-tr-tablet: 99px; --haojcm-borderRadius-bl-tablet: 99px; --haojcm-borderRadius-br-tablet: 99px; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-s8uzmu"] { --s8uzmu-gap: 12px; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-haojcm"] { --haojcm-direction: row; --haojcm-direction-tablet: row; --haojcm-direction-mobile: row; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-7rrct0"] { --7rrct0-width: 24px; --7rrct0-width-tablet: 24px; --7rrct0-width-mobile: 24px; --7rrct0-imageRatio: 1/1; --7rrct0-imageRatio-tablet: 1/1; --7rrct0-imageRatio-mobile: 1/1; --7rrct0-objFit: cover; --7rrct0-objFit-tablet: cover; --7rrct0-objFit-mobile: cover; --7rrct0-borderColor: #000000; --7rrct0-borderColor-tablet: #000000; --7rrct0-borderColor-mobile: #000000; --7rrct0-shadowColor: #000000; --7rrct0-shadowColor-tablet: #000000; --7rrct0-shadowColor-mobile: #000000; --7rrct0-borderStyle: none; --7rrct0-borderStyle-tablet: none; --7rrct0-borderStyle-mobile: none; --7rrct0-enableShadow: false; --7rrct0-enableShadow-tablet: false; --7rrct0-enableShadow-mobile: false; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-vn4l8x"] { --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; --vn4l8x-typography: h4; --vn4l8x-typography-tablet: h4; --vn4l8x-typography-mobile: h4; } [data-bnode="beae-f6fgi7"] [data-bnode="beae-v262wn"] { --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; --v262wn-typography: p; --v262wn-typography-tablet: p; --v262wn-typography-mobile: p; } [data-bnode="beae-f6fgi7"] [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-f6fgi7"] { margin-top: var(--f6fgi7-margin-top, 0px); margin-right: var(--f6fgi7-margin-right, 0px); margin-bottom: var(--f6fgi7-margin-bottom, 0px); margin-left: var(--f6fgi7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f6fgi7-margin-top-tablet, 0px); margin-right: var(--f6fgi7-margin-right-tablet, 0px); margin-bottom: var(--f6fgi7-margin-bottom-tablet, 0px); margin-left: var(--f6fgi7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f6fgi7-margin-top-mobile, 0px); margin-right: var(--f6fgi7-margin-right-mobile, 0px); margin-bottom: var(--f6fgi7-margin-bottom-mobile, 0px); margin-left: var(--f6fgi7-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--f6fgi7-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--f6fgi7-gap,var(--beae-grid-gap, 20px)) * (var(--f6fgi7-columns, 3) - 1) + 1px) / var(--f6fgi7-columns, 3)); &:last-child{ margin-right: var(--f6fgi7-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(--f6fgi7-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--f6fgi7-columns) - 1) * var(--f6fgi7-gap,var(--beae-grid-gap, 20px))) / var(--f6fgi7-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--f6fgi7-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--f6fgi7-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--f6fgi7-columns-tablet, 3) - 1)) / var(--f6fgi7-columns-tablet, 3)); &:last-child{ margin-right: var(--f6fgi7-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(--f6fgi7-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--f6fgi7-columns-tablet) - 1) * var(--f6fgi7-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--f6fgi7-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--f6fgi7-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--f6fgi7-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--f6fgi7-columnsMobile-mobile, 1) - 1)) / var(--f6fgi7-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--f6fgi7-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(--f6fgi7-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--f6fgi7-columnsMobile-mobile) - 1) * var(--f6fgi7-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--f6fgi7-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--f6fgi7-navPadding,12px); background:var(--f6fgi7-navBg,#F5F5F5); color: var(--f6fgi7-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--f6fgi7-navBgHover,#CCCCCC); color: var(--f6fgi7-navColorHover,var(--beae-text-color)); } svg { width: var(--f6fgi7-navIconSize,20px); height: var(--f6fgi7-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--f6fgi7-pagiBg,#E6E6E6); &.active { background:var(--f6fgi7-pagiBgActive,#181818); } &:not(.active):hover { background:var(--f6fgi7-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--f6fgi7-pagiColor,#e6e6e6); &.active { color:var(--f6fgi7-pagiColorActive,#181818); } &:not(.active):hover { color: var(--f6fgi7-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--f6fgi7-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--f6fgi7-pagiBg,#E6E6E6); &.active { background: var(--f6fgi7-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--f6fgi7-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-f6fgi7"] [data-bnode="beae-wvwb0w"] { padding-top: var(--wvwb0w-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wvwb0w-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wvwb0w-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wvwb0w-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wvwb0w-padding-top-tablet, var(--wvwb0w-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wvwb0w-padding-right-tablet, var(--wvwb0w-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wvwb0w-padding-bottom-tablet, var(--wvwb0w-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wvwb0w-padding-left-tablet, var(--wvwb0w-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wvwb0w-padding-top-mobile, var(--wvwb0w-padding-top-tablet, var(--wvwb0w-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wvwb0w-padding-right-mobile, var(--wvwb0w-padding-right-tablet, var(--wvwb0w-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wvwb0w-padding-bottom-mobile, var(--wvwb0w-padding-bottom-tablet, var(--wvwb0w-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wvwb0w-padding-left-mobile, var(--wvwb0w-padding-left-tablet, var(--wvwb0w-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--wvwb0w-padding-left, var(--beae-slot-padding-x, 0px)) - var(--wvwb0w-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(--wvwb0w-background-imageRatio, auto); background: var(--wvwb0w-background-color,transparent); border-style: var(--wvwb0w-borderStyle,solid); border-color: var(--wvwb0w-borderColor,#000000); border-width: var(--wvwb0w-borderWidth-tl,0px) var(--wvwb0w-borderWidth-tr,0px) var(--wvwb0w-borderWidth-br,0px) var(--wvwb0w-borderWidth-bl,0px); border-radius: var(--wvwb0w-borderRadius-tl,0px) var(--wvwb0w-borderRadius-tr,0px) var(--wvwb0w-borderRadius-br,0px) var(--wvwb0w-borderRadius-bl,0px); box-shadow: if(style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal,0) var(--wvwb0w-shadowVertical,0) var(--wvwb0w-shadowBlur,0) 1px var(--wvwb0w-shadowColor,#000000); else: none); max-width: var(--wvwb0w-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--wvwb0w-background-imageRatio-tablet, var(--wvwb0w-background-imageRatio, auto)); border-width: var(--wvwb0w-borderWidth-tl-tablet,0px) var(--wvwb0w-borderWidth-tr-tablet,0px) var(--wvwb0w-borderWidth-br-tablet,0px) var(--wvwb0w-borderWidth-bl-tablet,0px); border-radius: var(--wvwb0w-borderRadius-tl-tablet,0px) var(--wvwb0w-borderRadius-tr-tablet,0px) var(--wvwb0w-borderRadius-br-tablet,0px) var(--wvwb0w-borderRadius-bl-tablet,0px); max-width: var(--wvwb0w-max-width-tablet, var(--wvwb0w-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--wvwb0w-background-imageRatio-mobile, var(--wvwb0w-background-imageRatio, auto)); border-width: var(--wvwb0w-borderWidth-tl-mobile,0px) var(--wvwb0w-borderWidth-tr-mobile,0px) var(--wvwb0w-borderWidth-br-mobile,0px) var(--wvwb0w-borderWidth-bl-mobile,0px); border-radius: var(--wvwb0w-borderRadius-tl-mobile,0px) var(--wvwb0w-borderRadius-tr-mobile,0px) var(--wvwb0w-borderRadius-br-mobile,0px) var(--wvwb0w-borderRadius-bl-mobile,0px); max-width: var(--wvwb0w-max-width-mobile, var(--wvwb0w-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--wvwb0w-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--wvwb0w-gap,var(--beae-card-gap)); padding-top: var(--wvwb0w-padding-top,var(--beae-card-padding)); padding-right: var(--wvwb0w-padding-right,var(--beae-card-padding)); padding-bottom: var(--wvwb0w-padding-bottom,var(--beae-card-padding)); padding-left: var(--wvwb0w-padding-left,var(--beae-card-padding)); border-width: var(--wvwb0w-borderWidth,var(--beae-card-border-width)); border-width: var(--wvwb0w-borderWidth-tl,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-tr,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-br,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--wvwb0w-borderRadius-tl,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-tr,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-br,var(--beae-card-border-radius)) var(--wvwb0w-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(--wvwb0w-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--wvwb0w-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--wvwb0w-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--wvwb0w-padding-left-tablet,var(--beae-card-padding)); border-width: var(--wvwb0w-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--wvwb0w-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-br-desktop,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--wvwb0w-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--wvwb0w-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--wvwb0w-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--wvwb0w-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--wvwb0w-padding-left-mobile,var(--beae-card-padding)); border-width: var(--wvwb0w-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--wvwb0w-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-br-mobile,var(--beae-card-border-width)) var(--wvwb0w-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--wvwb0w-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--wvwb0w-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--wvwb0w-background-color,var(--beae-card-featured-background)); border-color: var(--wvwb0w-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal, var(--beae-card-shadow-x)) var(--wvwb0w-shadowVertical, var(--beae-card-shadow-y)) var(--wvwb0w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wvwb0w-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--wvwb0w-background-color,var(--beae-card-prod-background)); border-color: var(--wvwb0w-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal, var(--beae-card-shadow-x)) var(--wvwb0w-shadowVertical, var(--beae-card-shadow-y)) var(--wvwb0w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wvwb0w-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--wvwb0w-background-color,var(--beae-card-pricing-background)); border-color: var(--wvwb0w-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal, var(--beae-card-shadow-x)) var(--wvwb0w-shadowVertical, var(--beae-card-shadow-y)) var(--wvwb0w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wvwb0w-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--wvwb0w-background-color,var(--beae-card-cta-background)); border-color: var(--wvwb0w-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal, var(--beae-card-shadow-x)) var(--wvwb0w-shadowVertical, var(--beae-card-shadow-y)) var(--wvwb0w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wvwb0w-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--wvwb0w-background-color,var(--beae-card-media-background)); border-color: var(--wvwb0w-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--wvwb0w-enableShadow: true): var(--wvwb0w-shadowHorizontal, var(--beae-card-shadow-x)) var(--wvwb0w-shadowVertical, var(--beae-card-shadow-y)) var(--wvwb0w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wvwb0w-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-f6fgi7"] [data-bnode="beae-haojcm"] { padding-top: var(--haojcm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--haojcm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--haojcm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--haojcm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--haojcm-padding-top-tablet, var(--haojcm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--haojcm-padding-right-tablet, var(--haojcm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--haojcm-padding-bottom-tablet, var(--haojcm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--haojcm-padding-left-tablet, var(--haojcm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--haojcm-padding-top-mobile, var(--haojcm-padding-top-tablet, var(--haojcm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--haojcm-padding-right-mobile, var(--haojcm-padding-right-tablet, var(--haojcm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--haojcm-padding-bottom-mobile, var(--haojcm-padding-bottom-tablet, var(--haojcm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--haojcm-padding-left-mobile, var(--haojcm-padding-left-tablet, var(--haojcm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--haojcm-padding-left, var(--beae-slot-padding-x, 0px)) - var(--haojcm-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(--haojcm-background-imageRatio, auto); background: var(--haojcm-background-color,transparent); border-style: var(--haojcm-borderStyle,solid); border-color: var(--haojcm-borderColor,#000000); border-width: var(--haojcm-borderWidth-tl,0px) var(--haojcm-borderWidth-tr,0px) var(--haojcm-borderWidth-br,0px) var(--haojcm-borderWidth-bl,0px); border-radius: var(--haojcm-borderRadius-tl,0px) var(--haojcm-borderRadius-tr,0px) var(--haojcm-borderRadius-br,0px) var(--haojcm-borderRadius-bl,0px); box-shadow: if(style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal,0) var(--haojcm-shadowVertical,0) var(--haojcm-shadowBlur,0) 1px var(--haojcm-shadowColor,#000000); else: none); max-width: var(--haojcm-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--haojcm-background-imageRatio-tablet, var(--haojcm-background-imageRatio, auto)); border-width: var(--haojcm-borderWidth-tl-tablet,0px) var(--haojcm-borderWidth-tr-tablet,0px) var(--haojcm-borderWidth-br-tablet,0px) var(--haojcm-borderWidth-bl-tablet,0px); border-radius: var(--haojcm-borderRadius-tl-tablet,0px) var(--haojcm-borderRadius-tr-tablet,0px) var(--haojcm-borderRadius-br-tablet,0px) var(--haojcm-borderRadius-bl-tablet,0px); max-width: var(--haojcm-max-width-tablet, var(--haojcm-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--haojcm-background-imageRatio-mobile, var(--haojcm-background-imageRatio, auto)); border-width: var(--haojcm-borderWidth-tl-mobile,0px) var(--haojcm-borderWidth-tr-mobile,0px) var(--haojcm-borderWidth-br-mobile,0px) var(--haojcm-borderWidth-bl-mobile,0px); border-radius: var(--haojcm-borderRadius-tl-mobile,0px) var(--haojcm-borderRadius-tr-mobile,0px) var(--haojcm-borderRadius-br-mobile,0px) var(--haojcm-borderRadius-bl-mobile,0px); max-width: var(--haojcm-max-width-mobile, var(--haojcm-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--haojcm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--haojcm-gap,var(--beae-card-gap)); padding-top: var(--haojcm-padding-top,var(--beae-card-padding)); padding-right: var(--haojcm-padding-right,var(--beae-card-padding)); padding-bottom: var(--haojcm-padding-bottom,var(--beae-card-padding)); padding-left: var(--haojcm-padding-left,var(--beae-card-padding)); border-width: var(--haojcm-borderWidth,var(--beae-card-border-width)); border-width: var(--haojcm-borderWidth-tl,var(--beae-card-border-width)) var(--haojcm-borderWidth-tr,var(--beae-card-border-width)) var(--haojcm-borderWidth-br,var(--beae-card-border-width)) var(--haojcm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--haojcm-borderRadius-tl,var(--beae-card-border-radius)) var(--haojcm-borderRadius-tr,var(--beae-card-border-radius)) var(--haojcm-borderRadius-br,var(--beae-card-border-radius)) var(--haojcm-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(--haojcm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--haojcm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--haojcm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--haojcm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--haojcm-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--haojcm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--haojcm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--haojcm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--haojcm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--haojcm-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--haojcm-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--haojcm-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--haojcm-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--haojcm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--haojcm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--haojcm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--haojcm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--haojcm-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--haojcm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--haojcm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--haojcm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--haojcm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--haojcm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--haojcm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--haojcm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--haojcm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--haojcm-background-color,var(--beae-card-featured-background)); border-color: var(--haojcm-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--haojcm-shadowVertical, var(--beae-card-shadow-y)) var(--haojcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--haojcm-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--haojcm-background-color,var(--beae-card-prod-background)); border-color: var(--haojcm-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--haojcm-shadowVertical, var(--beae-card-shadow-y)) var(--haojcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--haojcm-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--haojcm-background-color,var(--beae-card-pricing-background)); border-color: var(--haojcm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--haojcm-shadowVertical, var(--beae-card-shadow-y)) var(--haojcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--haojcm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--haojcm-background-color,var(--beae-card-cta-background)); border-color: var(--haojcm-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--haojcm-shadowVertical, var(--beae-card-shadow-y)) var(--haojcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--haojcm-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--haojcm-background-color,var(--beae-card-media-background)); border-color: var(--haojcm-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--haojcm-enableShadow: true): var(--haojcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--haojcm-shadowVertical, var(--beae-card-shadow-y)) var(--haojcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--haojcm-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-f6fgi7"] [data-bnode="beae-7rrct0"] { margin-top: var(--7rrct0-margin-top, 0px); margin-right: var(--7rrct0-margin-right, 0px); margin-bottom: var(--7rrct0-margin-bottom, 0px); margin-left: var(--7rrct0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7rrct0-margin-top-tablet, 0px); margin-right: var(--7rrct0-margin-right-tablet, 0px); margin-bottom: var(--7rrct0-margin-bottom-tablet, 0px); margin-left: var(--7rrct0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7rrct0-margin-top-mobile, 0px); margin-right: var(--7rrct0-margin-right-mobile, 0px); margin-bottom: var(--7rrct0-margin-bottom-mobile, 0px); margin-left: var(--7rrct0-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--7rrct0-width,100%) - var(--7rrct0-margin-left,0px) - var(--7rrct0-margin-right,0px)); min-height: min-content; border-style: var(--7rrct0-borderStyle,solid); border-color: var(--7rrct0-borderColor,#000000); border-width: var(--7rrct0-borderWidth-tl,0px) var(--7rrct0-borderWidth-tr,0px) var(--7rrct0-borderWidth-br,0px) var(--7rrct0-borderWidth-bl,0px); border-radius: var(--7rrct0-borderRadius-tl,0px) var(--7rrct0-borderRadius-tr,0px) var(--7rrct0-borderRadius-br,0px) var(--7rrct0-borderRadius-bl,0px); aspect-ratio: var(--7rrct0-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--7rrct0-borderWidth-tl-tablet, var(--7rrct0-borderWidth-tl,0px)) var(--7rrct0-borderWidth-tr-tablet, var(--7rrct0-borderWidth-tr,0px)) var(--7rrct0-borderWidth-br-tablet, var(--7rrct0-borderWidth-br,0px)) var(--7rrct0-borderWidth-bl-tablet, var(--7rrct0-borderWidth-bl,0px)); border-radius: var(--7rrct0-borderRadius-tl-tablet, var(--7rrct0-borderRadius-tl,0px)) var(--7rrct0-borderRadius-tr-tablet, var(--7rrct0-borderRadius-tr,0px)) var(--7rrct0-borderRadius-br-tablet, var(--7rrct0-borderRadius-br,0px)) var(--7rrct0-borderRadius-bl-tablet, var(--7rrct0-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--7rrct0-borderWidth-tl-mobile, var(--7rrct0-borderWidth-tl,0px)) var(--7rrct0-borderWidth-tr-mobile, var(--7rrct0-borderWidth-tr,0px)) var(--7rrct0-borderWidth-br-mobile, var(--7rrct0-borderWidth-br,0px)) var(--7rrct0-borderWidth-bl-mobile, var(--7rrct0-borderWidth-bl,0px)); border-radius: var(--7rrct0-borderRadius-tl-mobile, var(--7rrct0-borderRadius-tl,0px)) var(--7rrct0-borderRadius-tr-mobile, var(--7rrct0-borderRadius-tr,0px)) var(--7rrct0-borderRadius-br-mobile, var(--7rrct0-borderRadius-br,0px)) var(--7rrct0-borderRadius-bl-mobile, var(--7rrct0-borderRadius-bl,0px)); } box-shadow: if( style(--7rrct0-enableShadow: true): var(--7rrct0-shadowHorizontal, 0) var(--7rrct0-shadowVertical, 0) var(--7rrct0-shadowBlur, 0) 1px var(--7rrct0-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--7rrct0-overlayColor-color, #000); opacity: var(--7rrct0-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--7rrct0-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--7rrct0-width-tablet,var(--7rrct0-width,100%)) - var(--7rrct0-margin-left-tablet,var(--7rrct0-margin-left,0px)) - var(--7rrct0-margin-right-tablet,var(--7rrct0-margin-right,0px))); aspect-ratio: var(--7rrct0-imageRatio-tablet, var(--7rrct0-imageRatio, auto)); img { object-fit: var(--7rrct0-objFit-tablet, var(--7rrct0-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--7rrct0-width-mobile,var(--7rrct0-width,100%)) - var(--7rrct0-margin-left-mobile,var(--7rrct0-margin-left,0px)) - var(--7rrct0-margin-right-mobile,var(--7rrct0-margin-right,0px))); aspect-ratio: var(--7rrct0-imageRatio-mobile, var(--7rrct0-imageRatio, auto)); img { object-fit: var(--7rrct0-objFit-mobile, var(--7rrct0-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-f6fgi7"] [data-bnode="beae-s8uzmu"] { padding-top: var(--s8uzmu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s8uzmu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s8uzmu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s8uzmu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s8uzmu-padding-top-tablet, var(--s8uzmu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s8uzmu-padding-right-tablet, var(--s8uzmu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s8uzmu-padding-bottom-tablet, var(--s8uzmu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s8uzmu-padding-left-tablet, var(--s8uzmu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s8uzmu-padding-top-mobile, var(--s8uzmu-padding-top-tablet, var(--s8uzmu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s8uzmu-padding-right-mobile, var(--s8uzmu-padding-right-tablet, var(--s8uzmu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s8uzmu-padding-bottom-mobile, var(--s8uzmu-padding-bottom-tablet, var(--s8uzmu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s8uzmu-padding-left-mobile, var(--s8uzmu-padding-left-tablet, var(--s8uzmu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s8uzmu-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s8uzmu-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(--s8uzmu-background-imageRatio, auto); background: var(--s8uzmu-background-color,transparent); border-style: var(--s8uzmu-borderStyle,solid); border-color: var(--s8uzmu-borderColor,#000000); border-width: var(--s8uzmu-borderWidth-tl,0px) var(--s8uzmu-borderWidth-tr,0px) var(--s8uzmu-borderWidth-br,0px) var(--s8uzmu-borderWidth-bl,0px); border-radius: var(--s8uzmu-borderRadius-tl,0px) var(--s8uzmu-borderRadius-tr,0px) var(--s8uzmu-borderRadius-br,0px) var(--s8uzmu-borderRadius-bl,0px); box-shadow: if(style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal,0) var(--s8uzmu-shadowVertical,0) var(--s8uzmu-shadowBlur,0) 1px var(--s8uzmu-shadowColor,#000000); else: none); max-width: var(--s8uzmu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s8uzmu-background-imageRatio-tablet, var(--s8uzmu-background-imageRatio, auto)); border-width: var(--s8uzmu-borderWidth-tl-tablet,0px) var(--s8uzmu-borderWidth-tr-tablet,0px) var(--s8uzmu-borderWidth-br-tablet,0px) var(--s8uzmu-borderWidth-bl-tablet,0px); border-radius: var(--s8uzmu-borderRadius-tl-tablet,0px) var(--s8uzmu-borderRadius-tr-tablet,0px) var(--s8uzmu-borderRadius-br-tablet,0px) var(--s8uzmu-borderRadius-bl-tablet,0px); max-width: var(--s8uzmu-max-width-tablet, var(--s8uzmu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s8uzmu-background-imageRatio-mobile, var(--s8uzmu-background-imageRatio, auto)); border-width: var(--s8uzmu-borderWidth-tl-mobile,0px) var(--s8uzmu-borderWidth-tr-mobile,0px) var(--s8uzmu-borderWidth-br-mobile,0px) var(--s8uzmu-borderWidth-bl-mobile,0px); border-radius: var(--s8uzmu-borderRadius-tl-mobile,0px) var(--s8uzmu-borderRadius-tr-mobile,0px) var(--s8uzmu-borderRadius-br-mobile,0px) var(--s8uzmu-borderRadius-bl-mobile,0px); max-width: var(--s8uzmu-max-width-mobile, var(--s8uzmu-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s8uzmu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s8uzmu-gap,var(--beae-card-gap)); padding-top: var(--s8uzmu-padding-top,var(--beae-card-padding)); padding-right: var(--s8uzmu-padding-right,var(--beae-card-padding)); padding-bottom: var(--s8uzmu-padding-bottom,var(--beae-card-padding)); padding-left: var(--s8uzmu-padding-left,var(--beae-card-padding)); border-width: var(--s8uzmu-borderWidth,var(--beae-card-border-width)); border-width: var(--s8uzmu-borderWidth-tl,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-tr,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-br,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s8uzmu-borderRadius-tl,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-tr,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-br,var(--beae-card-border-radius)) var(--s8uzmu-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(--s8uzmu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s8uzmu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s8uzmu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s8uzmu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s8uzmu-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s8uzmu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s8uzmu-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s8uzmu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s8uzmu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s8uzmu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s8uzmu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s8uzmu-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s8uzmu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s8uzmu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s8uzmu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s8uzmu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s8uzmu-background-color,var(--beae-card-featured-background)); border-color: var(--s8uzmu-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal, var(--beae-card-shadow-x)) var(--s8uzmu-shadowVertical, var(--beae-card-shadow-y)) var(--s8uzmu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s8uzmu-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s8uzmu-background-color,var(--beae-card-prod-background)); border-color: var(--s8uzmu-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal, var(--beae-card-shadow-x)) var(--s8uzmu-shadowVertical, var(--beae-card-shadow-y)) var(--s8uzmu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s8uzmu-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s8uzmu-background-color,var(--beae-card-pricing-background)); border-color: var(--s8uzmu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal, var(--beae-card-shadow-x)) var(--s8uzmu-shadowVertical, var(--beae-card-shadow-y)) var(--s8uzmu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s8uzmu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s8uzmu-background-color,var(--beae-card-cta-background)); border-color: var(--s8uzmu-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal, var(--beae-card-shadow-x)) var(--s8uzmu-shadowVertical, var(--beae-card-shadow-y)) var(--s8uzmu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s8uzmu-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s8uzmu-background-color,var(--beae-card-media-background)); border-color: var(--s8uzmu-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s8uzmu-enableShadow: true): var(--s8uzmu-shadowHorizontal, var(--beae-card-shadow-x)) var(--s8uzmu-shadowVertical, var(--beae-card-shadow-y)) var(--s8uzmu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s8uzmu-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-f6fgi7"] [data-bnode="beae-vn4l8x"] { margin-top: var(--vn4l8x-margin-top, 0px); margin-right: var(--vn4l8x-margin-right, 0px); margin-bottom: var(--vn4l8x-margin-bottom, 0px); margin-left: var(--vn4l8x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vn4l8x-margin-top-tablet, 0px); margin-right: var(--vn4l8x-margin-right-tablet, 0px); margin-bottom: var(--vn4l8x-margin-bottom-tablet, 0px); margin-left: var(--vn4l8x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vn4l8x-margin-top-mobile, 0px); margin-right: var(--vn4l8x-margin-right-mobile, 0px); margin-bottom: var(--vn4l8x-margin-bottom-mobile, 0px); margin-left: var(--vn4l8x-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vn4l8x-highlightColor,var(--beae-p-color)); top: var(--vn4l8x-highlightTop, 100%); } } [data-bnode="beae-f6fgi7"] [data-bnode="beae-v262wn"] { margin-top: var(--v262wn-margin-top, 0px); margin-right: var(--v262wn-margin-right, 0px); margin-bottom: var(--v262wn-margin-bottom, 0px); margin-left: var(--v262wn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--v262wn-margin-top-tablet, 0px); margin-right: var(--v262wn-margin-right-tablet, 0px); margin-bottom: var(--v262wn-margin-bottom-tablet, 0px); margin-left: var(--v262wn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--v262wn-margin-top-mobile, 0px); margin-right: var(--v262wn-margin-right-mobile, 0px); margin-bottom: var(--v262wn-margin-bottom-mobile, 0px); margin-left: var(--v262wn-margin-left-mobile, 0px); } } [data-bnode="beae-f6fgi7"] [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-f6fgi7"] [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-f6fgi7"] [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-f6fgi7"] [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-wvwb0w"] {     display: flex;     flex-direction: var(--wvwb0w-direction, column);     flex-wrap: nowrap;     justify-content: var(--wvwb0w-justify-content);     align-items: var(--wvwb0w-align-items);     gap: var(--wvwb0w-gap, var(--wvwb0w-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wvwb0w"] {                            gap: var(--wvwb0w-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(--wvwb0w-padding-right-tablet, 0px) - var(--wvwb0w-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wvwb0w"] {                            gap: var(--wvwb0w-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(--wvwb0w-padding-right-mobile, 0px) - var(--wvwb0w-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-haojcm"] {     display: flex;     flex-direction: var(--haojcm-direction, column);     flex-wrap: nowrap;     justify-content: var(--haojcm-justify-content);     align-items: var(--haojcm-align-items);     gap: var(--haojcm-gap, var(--haojcm-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-haojcm"] {                            gap: var(--haojcm-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(--haojcm-padding-right-tablet, 0px) - var(--haojcm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-haojcm"] {                            gap: var(--haojcm-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(--haojcm-padding-right-mobile, 0px) - var(--haojcm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s8uzmu"] {     display: flex;     flex-direction: var(--s8uzmu-direction, column);     flex-wrap: nowrap;     justify-content: var(--s8uzmu-justify-content);     align-items: var(--s8uzmu-align-items);     gap: var(--s8uzmu-gap, var(--s8uzmu-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s8uzmu"] {                            gap: var(--s8uzmu-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(--s8uzmu-padding-right-tablet, 0px) - var(--s8uzmu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-s8uzmu"] {                            gap: var(--s8uzmu-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(--s8uzmu-padding-right-mobile, 0px) - var(--s8uzmu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5sxcp7"] { --5sxcp7-width: 1600px; --5sxcp7-width-tablet: 1600px; --5sxcp7-width-mobile: 1600px; --5sxcp7-height: fit-content; --5sxcp7-height-tablet: fit-content; --5sxcp7-height-mobile: fit-content; --5sxcp7-padding-top: 80px; --5sxcp7-padding-top-tablet: 80px; --5sxcp7-padding-top-mobile: 80px; --5sxcp7-padding-right: 30px; --5sxcp7-padding-right-tablet: 28px; --5sxcp7-padding-right-mobile: 16px; --5sxcp7-padding-bottom: 80px; --5sxcp7-padding-bottom-tablet: 80px; --5sxcp7-padding-bottom-mobile: 80px; --5sxcp7-padding-left: 30px; --5sxcp7-padding-left-tablet: 28px; --5sxcp7-padding-left-mobile: 16px; --5sxcp7-gap: 28px; --5sxcp7-gap-tablet: 28px; --5sxcp7-gap-mobile: 28px; }[data-bnode="beae-5sxcp7"] { padding-top: var(--5sxcp7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5sxcp7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5sxcp7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5sxcp7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5sxcp7-padding-top-tablet, var(--5sxcp7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5sxcp7-padding-right-tablet, var(--5sxcp7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5sxcp7-padding-bottom-tablet, var(--5sxcp7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5sxcp7-padding-left-tablet, var(--5sxcp7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5sxcp7-padding-top-mobile, var(--5sxcp7-padding-top-tablet, var(--5sxcp7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5sxcp7-padding-right-mobile, var(--5sxcp7-padding-right-tablet, var(--5sxcp7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5sxcp7-padding-bottom-mobile, var(--5sxcp7-padding-bottom-tablet, var(--5sxcp7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5sxcp7-padding-left-mobile, var(--5sxcp7-padding-left-tablet, var(--5sxcp7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--5sxcp7-padding-left, var(--beae-section-padding-x, 0px)) - var(--5sxcp7-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--5sxcp7-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--5sxcp7-height); width: 100%; max-width: var(--5sxcp7-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(--5sxcp7-height-tablet, auto); width: 100%; max-width: var(--5sxcp7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--5sxcp7-height-mobile, auto); width: 100%; max-width: var(--5sxcp7-width-mobile, 100%); } } } }[data-bnode="beae-5sxcp7"] > .beae-section-container{     display: flex;     flex-direction: var(--5sxcp7-direction, column);     flex-wrap: nowrap;     justify-content: var(--5sxcp7-justify-content);     align-items: var(--5sxcp7-align-items);     gap: var(--5sxcp7-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-5sxcp7"] > .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(--5sxcp7-padding-right-tablet, 0px) - var(--5sxcp7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5sxcp7"] > .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(--5sxcp7-padding-right-mobile, 0px) - var(--5sxcp7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-sij58y"] { --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; --sij58y-typography: h2; --sij58y-typography-tablet: h2; --sij58y-typography-mobile: h2; }[data-bnode="beae-sij58y"] { margin-top: var(--sij58y-margin-top, 0px); margin-right: var(--sij58y-margin-right, 0px); margin-bottom: var(--sij58y-margin-bottom, 0px); margin-left: var(--sij58y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sij58y-margin-top-tablet, 0px); margin-right: var(--sij58y-margin-right-tablet, 0px); margin-bottom: var(--sij58y-margin-bottom-tablet, 0px); margin-left: var(--sij58y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sij58y-margin-top-mobile, 0px); margin-right: var(--sij58y-margin-right-mobile, 0px); margin-bottom: var(--sij58y-margin-bottom-mobile, 0px); margin-left: var(--sij58y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--sij58y-highlightColor,var(--beae-p-color)); top: var(--sij58y-highlightTop, 100%); } }[data-bnode="beae-bq81pe"] { --bq81pe-direction: column; --bq81pe-direction-tablet: column; --bq81pe-direction-mobile: column; --bq81pe-structure: columns; --bq81pe-structure-tablet: columns; --bq81pe-structure-mobile: columns; --bq81pe-gap: 48px; --bq81pe-gap-tablet: 20px; --bq81pe-gap-mobile: 20px; --bq81pe-padding-top-tablet: 0px; --bq81pe-padding-top-mobile: 0px; --bq81pe-padding-right-tablet: 0px; --bq81pe-padding-right-mobile: 0px; --bq81pe-padding-bottom-tablet: 0px; --bq81pe-padding-bottom-mobile: 0px; --bq81pe-padding-left-tablet: 0px; --bq81pe-padding-left-mobile: 0px; }[data-bnode="beae-bq81pe"] { padding-top: var(--bq81pe-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bq81pe-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bq81pe-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bq81pe-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bq81pe-padding-top-tablet, var(--bq81pe-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bq81pe-padding-right-tablet, var(--bq81pe-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bq81pe-padding-bottom-tablet, var(--bq81pe-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bq81pe-padding-left-tablet, var(--bq81pe-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bq81pe-padding-top-mobile, var(--bq81pe-padding-top-tablet, var(--bq81pe-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bq81pe-padding-right-mobile, var(--bq81pe-padding-right-tablet, var(--bq81pe-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bq81pe-padding-bottom-mobile, var(--bq81pe-padding-bottom-tablet, var(--bq81pe-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bq81pe-padding-left-mobile, var(--bq81pe-padding-left-tablet, var(--bq81pe-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bq81pe-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bq81pe-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(--bq81pe-background-imageRatio, auto); background: var(--bq81pe-background-color,transparent); border-style: var(--bq81pe-borderStyle,solid); border-color: var(--bq81pe-borderColor,#000000); border-width: var(--bq81pe-borderWidth-tl,0px) var(--bq81pe-borderWidth-tr,0px) var(--bq81pe-borderWidth-br,0px) var(--bq81pe-borderWidth-bl,0px); border-radius: var(--bq81pe-borderRadius-tl,0px) var(--bq81pe-borderRadius-tr,0px) var(--bq81pe-borderRadius-br,0px) var(--bq81pe-borderRadius-bl,0px); box-shadow: if(style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal,0) var(--bq81pe-shadowVertical,0) var(--bq81pe-shadowBlur,0) 1px var(--bq81pe-shadowColor,#000000); else: none); max-width: var(--bq81pe-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bq81pe-background-imageRatio-tablet, var(--bq81pe-background-imageRatio, auto)); border-width: var(--bq81pe-borderWidth-tl-tablet,0px) var(--bq81pe-borderWidth-tr-tablet,0px) var(--bq81pe-borderWidth-br-tablet,0px) var(--bq81pe-borderWidth-bl-tablet,0px); border-radius: var(--bq81pe-borderRadius-tl-tablet,0px) var(--bq81pe-borderRadius-tr-tablet,0px) var(--bq81pe-borderRadius-br-tablet,0px) var(--bq81pe-borderRadius-bl-tablet,0px); max-width: var(--bq81pe-max-width-tablet, var(--bq81pe-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bq81pe-background-imageRatio-mobile, var(--bq81pe-background-imageRatio, auto)); border-width: var(--bq81pe-borderWidth-tl-mobile,0px) var(--bq81pe-borderWidth-tr-mobile,0px) var(--bq81pe-borderWidth-br-mobile,0px) var(--bq81pe-borderWidth-bl-mobile,0px); border-radius: var(--bq81pe-borderRadius-tl-mobile,0px) var(--bq81pe-borderRadius-tr-mobile,0px) var(--bq81pe-borderRadius-br-mobile,0px) var(--bq81pe-borderRadius-bl-mobile,0px); max-width: var(--bq81pe-max-width-mobile, var(--bq81pe-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bq81pe-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bq81pe-gap,var(--beae-card-gap)); padding-top: var(--bq81pe-padding-top,var(--beae-card-padding)); padding-right: var(--bq81pe-padding-right,var(--beae-card-padding)); padding-bottom: var(--bq81pe-padding-bottom,var(--beae-card-padding)); padding-left: var(--bq81pe-padding-left,var(--beae-card-padding)); border-width: var(--bq81pe-borderWidth,var(--beae-card-border-width)); border-width: var(--bq81pe-borderWidth-tl,var(--beae-card-border-width)) var(--bq81pe-borderWidth-tr,var(--beae-card-border-width)) var(--bq81pe-borderWidth-br,var(--beae-card-border-width)) var(--bq81pe-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bq81pe-borderRadius-tl,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-tr,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-br,var(--beae-card-border-radius)) var(--bq81pe-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(--bq81pe-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bq81pe-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bq81pe-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bq81pe-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bq81pe-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bq81pe-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bq81pe-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bq81pe-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bq81pe-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bq81pe-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bq81pe-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bq81pe-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bq81pe-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bq81pe-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bq81pe-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bq81pe-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bq81pe-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bq81pe-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bq81pe-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bq81pe-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bq81pe-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bq81pe-background-color,var(--beae-card-featured-background)); border-color: var(--bq81pe-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal, var(--beae-card-shadow-x)) var(--bq81pe-shadowVertical, var(--beae-card-shadow-y)) var(--bq81pe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bq81pe-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bq81pe-background-color,var(--beae-card-prod-background)); border-color: var(--bq81pe-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal, var(--beae-card-shadow-x)) var(--bq81pe-shadowVertical, var(--beae-card-shadow-y)) var(--bq81pe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bq81pe-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bq81pe-background-color,var(--beae-card-pricing-background)); border-color: var(--bq81pe-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal, var(--beae-card-shadow-x)) var(--bq81pe-shadowVertical, var(--beae-card-shadow-y)) var(--bq81pe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bq81pe-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bq81pe-background-color,var(--beae-card-cta-background)); border-color: var(--bq81pe-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal, var(--beae-card-shadow-x)) var(--bq81pe-shadowVertical, var(--beae-card-shadow-y)) var(--bq81pe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bq81pe-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bq81pe-background-color,var(--beae-card-media-background)); border-color: var(--bq81pe-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bq81pe-enableShadow: true): var(--bq81pe-shadowHorizontal, var(--beae-card-shadow-x)) var(--bq81pe-shadowVertical, var(--beae-card-shadow-y)) var(--bq81pe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bq81pe-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-bq81pe"] {     display: flex;     flex-direction: var(--bq81pe-direction, column);     flex-wrap: nowrap;     justify-content: var(--bq81pe-justify-content);     align-items: var(--bq81pe-align-items);     gap: var(--bq81pe-gap, var(--bq81pe-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bq81pe"] {                            gap: var(--bq81pe-gap-tablet, var(--bq81pe-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(--bq81pe-padding-right-tablet, 0px) - var(--bq81pe-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bq81pe"] {                            gap: var(--bq81pe-gap-mobile, var(--bq81pe-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(--bq81pe-padding-right-mobile, 0px) - var(--bq81pe-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s83kie"] { --s83kie-direction: row; --s83kie-direction-tablet: column; --s83kie-direction-mobile: column; --s83kie-structure: columns; --s83kie-structure-tablet: columns; --s83kie-structure-mobile: columns; --s83kie-columns: 33.33,66.66; --s83kie-columns-tablet: 33.33,66.66; --s83kie-columns-mobile: 33.33,66.66; --s83kie-columnsPresetId: 33.33,66.66; --s83kie-columnsPresetId-tablet: 33.33,66.66; --s83kie-columnsPresetId-mobile: 33.33,66.66; --s83kie-gap: 28px; --s83kie-gap-tablet: 20px; --s83kie-gap-mobile: 20px; --s83kie-align-items: stretch; --s83kie-align-items-tablet: stretch; --s83kie-align-items-mobile: stretch; }[data-bnode="beae-s83kie"] { padding-top: var(--s83kie-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s83kie-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s83kie-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s83kie-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s83kie-padding-top-tablet, var(--s83kie-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s83kie-padding-right-tablet, var(--s83kie-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s83kie-padding-bottom-tablet, var(--s83kie-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s83kie-padding-left-tablet, var(--s83kie-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s83kie-padding-top-mobile, var(--s83kie-padding-top-tablet, var(--s83kie-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s83kie-padding-right-mobile, var(--s83kie-padding-right-tablet, var(--s83kie-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s83kie-padding-bottom-mobile, var(--s83kie-padding-bottom-tablet, var(--s83kie-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s83kie-padding-left-mobile, var(--s83kie-padding-left-tablet, var(--s83kie-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s83kie-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s83kie-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(--s83kie-background-imageRatio, auto); background: var(--s83kie-background-color,transparent); border-style: var(--s83kie-borderStyle,solid); border-color: var(--s83kie-borderColor,#000000); border-width: var(--s83kie-borderWidth-tl,0px) var(--s83kie-borderWidth-tr,0px) var(--s83kie-borderWidth-br,0px) var(--s83kie-borderWidth-bl,0px); border-radius: var(--s83kie-borderRadius-tl,0px) var(--s83kie-borderRadius-tr,0px) var(--s83kie-borderRadius-br,0px) var(--s83kie-borderRadius-bl,0px); box-shadow: if(style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal,0) var(--s83kie-shadowVertical,0) var(--s83kie-shadowBlur,0) 1px var(--s83kie-shadowColor,#000000); else: none); max-width: var(--s83kie-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s83kie-background-imageRatio-tablet, var(--s83kie-background-imageRatio, auto)); border-width: var(--s83kie-borderWidth-tl-tablet,0px) var(--s83kie-borderWidth-tr-tablet,0px) var(--s83kie-borderWidth-br-tablet,0px) var(--s83kie-borderWidth-bl-tablet,0px); border-radius: var(--s83kie-borderRadius-tl-tablet,0px) var(--s83kie-borderRadius-tr-tablet,0px) var(--s83kie-borderRadius-br-tablet,0px) var(--s83kie-borderRadius-bl-tablet,0px); max-width: var(--s83kie-max-width-tablet, var(--s83kie-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s83kie-background-imageRatio-mobile, var(--s83kie-background-imageRatio, auto)); border-width: var(--s83kie-borderWidth-tl-mobile,0px) var(--s83kie-borderWidth-tr-mobile,0px) var(--s83kie-borderWidth-br-mobile,0px) var(--s83kie-borderWidth-bl-mobile,0px); border-radius: var(--s83kie-borderRadius-tl-mobile,0px) var(--s83kie-borderRadius-tr-mobile,0px) var(--s83kie-borderRadius-br-mobile,0px) var(--s83kie-borderRadius-bl-mobile,0px); max-width: var(--s83kie-max-width-mobile, var(--s83kie-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s83kie-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s83kie-gap,var(--beae-card-gap)); padding-top: var(--s83kie-padding-top,var(--beae-card-padding)); padding-right: var(--s83kie-padding-right,var(--beae-card-padding)); padding-bottom: var(--s83kie-padding-bottom,var(--beae-card-padding)); padding-left: var(--s83kie-padding-left,var(--beae-card-padding)); border-width: var(--s83kie-borderWidth,var(--beae-card-border-width)); border-width: var(--s83kie-borderWidth-tl,var(--beae-card-border-width)) var(--s83kie-borderWidth-tr,var(--beae-card-border-width)) var(--s83kie-borderWidth-br,var(--beae-card-border-width)) var(--s83kie-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s83kie-borderRadius-tl,var(--beae-card-border-radius)) var(--s83kie-borderRadius-tr,var(--beae-card-border-radius)) var(--s83kie-borderRadius-br,var(--beae-card-border-radius)) var(--s83kie-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(--s83kie-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s83kie-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s83kie-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s83kie-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s83kie-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s83kie-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s83kie-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s83kie-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s83kie-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s83kie-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s83kie-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s83kie-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s83kie-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s83kie-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s83kie-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s83kie-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s83kie-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s83kie-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s83kie-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s83kie-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s83kie-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s83kie-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s83kie-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s83kie-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s83kie-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s83kie-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s83kie-background-color,var(--beae-card-featured-background)); border-color: var(--s83kie-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal, var(--beae-card-shadow-x)) var(--s83kie-shadowVertical, var(--beae-card-shadow-y)) var(--s83kie-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s83kie-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s83kie-background-color,var(--beae-card-prod-background)); border-color: var(--s83kie-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal, var(--beae-card-shadow-x)) var(--s83kie-shadowVertical, var(--beae-card-shadow-y)) var(--s83kie-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s83kie-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s83kie-background-color,var(--beae-card-pricing-background)); border-color: var(--s83kie-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal, var(--beae-card-shadow-x)) var(--s83kie-shadowVertical, var(--beae-card-shadow-y)) var(--s83kie-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s83kie-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s83kie-background-color,var(--beae-card-cta-background)); border-color: var(--s83kie-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal, var(--beae-card-shadow-x)) var(--s83kie-shadowVertical, var(--beae-card-shadow-y)) var(--s83kie-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s83kie-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s83kie-background-color,var(--beae-card-media-background)); border-color: var(--s83kie-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s83kie-enableShadow: true): var(--s83kie-shadowHorizontal, var(--beae-card-shadow-x)) var(--s83kie-shadowVertical, var(--beae-card-shadow-y)) var(--s83kie-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s83kie-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-s83kie"] {     display: flex;     flex-direction: var(--s83kie-direction, column);     flex-wrap: nowrap;     justify-content: var(--s83kie-justify-content);     align-items: var(--s83kie-align-items);     gap: var(--s83kie-gap, var(--s83kie-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(--s83kie-padding-right, 0px) - var(--s83kie-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(66.66% - var(--s83kie-padding-right, 0px) - var(--s83kie-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--s83kie-padding-right, 0px) - var(--s83kie-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s83kie"] {      flex-direction: var(--s83kie-direction-tablet, column);                      gap: var(--s83kie-gap-tablet, var(--s83kie-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-s83kie"] {      flex-direction: var(--s83kie-direction-mobile, column);                      gap: var(--s83kie-gap-mobile, var(--s83kie-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-dfjpy1"] { --dfjpy1-background-type: image; --dfjpy1-background-type-tablet: image; --dfjpy1-background-type-mobile: image; --dfjpy1-background-image: [object Object]; --dfjpy1-background-image-tablet: [object Object]; --dfjpy1-background-image-mobile: [object Object]; --dfjpy1-background-imageRatio: 3/2; --dfjpy1-background-imageRatio-tablet: 3/2; --dfjpy1-background-imageRatio-mobile: 3/2; --dfjpy1-background-imageRatio-tablet: 2/1; --dfjpy1-background-imageRatio-tablet-tablet: 2/1; --dfjpy1-background-imageRatio-tablet-mobile: 2/1; --dfjpy1-background-imageRatio-mobile: 5/3; --dfjpy1-background-imageRatio-mobile-tablet: 5/3; --dfjpy1-background-imageRatio-mobile-mobile: 5/3; --dfjpy1-borderRadius-tl: 24px; --dfjpy1-borderRadius-tl-tablet: 24px; --dfjpy1-borderRadius-tl-mobile: 24px; --dfjpy1-borderRadius-tr: 24px; --dfjpy1-borderRadius-tr-tablet: 24px; --dfjpy1-borderRadius-tr-mobile: 24px; --dfjpy1-borderRadius-bl: 24px; --dfjpy1-borderRadius-bl-tablet: 24px; --dfjpy1-borderRadius-bl-mobile: 24px; --dfjpy1-borderRadius-br: 24px; --dfjpy1-borderRadius-br-tablet: 24px; --dfjpy1-borderRadius-br-mobile: 24px; --dfjpy1-direction: row; --dfjpy1-direction-tablet: row; --dfjpy1-direction-mobile: row; --dfjpy1-align-items: flex-end; --dfjpy1-align-items-tablet: flex-end; --dfjpy1-align-items-mobile: flex-end; --dfjpy1-structure-tablet: auto; --dfjpy1-structure-mobile: auto; }[data-bnode="beae-dfjpy1"] { padding-top: var(--dfjpy1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dfjpy1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dfjpy1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dfjpy1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dfjpy1-padding-top-tablet, var(--dfjpy1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dfjpy1-padding-right-tablet, var(--dfjpy1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dfjpy1-padding-bottom-tablet, var(--dfjpy1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dfjpy1-padding-left-tablet, var(--dfjpy1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dfjpy1-padding-top-mobile, var(--dfjpy1-padding-top-tablet, var(--dfjpy1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dfjpy1-padding-right-mobile, var(--dfjpy1-padding-right-tablet, var(--dfjpy1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dfjpy1-padding-bottom-mobile, var(--dfjpy1-padding-bottom-tablet, var(--dfjpy1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dfjpy1-padding-left-mobile, var(--dfjpy1-padding-left-tablet, var(--dfjpy1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dfjpy1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dfjpy1-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(--dfjpy1-background-imageRatio, auto); background: var(--dfjpy1-background-color,transparent); border-style: var(--dfjpy1-borderStyle,solid); border-color: var(--dfjpy1-borderColor,#000000); border-width: var(--dfjpy1-borderWidth-tl,0px) var(--dfjpy1-borderWidth-tr,0px) var(--dfjpy1-borderWidth-br,0px) var(--dfjpy1-borderWidth-bl,0px); border-radius: var(--dfjpy1-borderRadius-tl,0px) var(--dfjpy1-borderRadius-tr,0px) var(--dfjpy1-borderRadius-br,0px) var(--dfjpy1-borderRadius-bl,0px); box-shadow: if(style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal,0) var(--dfjpy1-shadowVertical,0) var(--dfjpy1-shadowBlur,0) 1px var(--dfjpy1-shadowColor,#000000); else: none); max-width: var(--dfjpy1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dfjpy1-background-imageRatio-tablet, var(--dfjpy1-background-imageRatio, auto)); border-width: var(--dfjpy1-borderWidth-tl-tablet,0px) var(--dfjpy1-borderWidth-tr-tablet,0px) var(--dfjpy1-borderWidth-br-tablet,0px) var(--dfjpy1-borderWidth-bl-tablet,0px); border-radius: var(--dfjpy1-borderRadius-tl-tablet,0px) var(--dfjpy1-borderRadius-tr-tablet,0px) var(--dfjpy1-borderRadius-br-tablet,0px) var(--dfjpy1-borderRadius-bl-tablet,0px); max-width: var(--dfjpy1-max-width-tablet, var(--dfjpy1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dfjpy1-background-imageRatio-mobile, var(--dfjpy1-background-imageRatio, auto)); border-width: var(--dfjpy1-borderWidth-tl-mobile,0px) var(--dfjpy1-borderWidth-tr-mobile,0px) var(--dfjpy1-borderWidth-br-mobile,0px) var(--dfjpy1-borderWidth-bl-mobile,0px); border-radius: var(--dfjpy1-borderRadius-tl-mobile,0px) var(--dfjpy1-borderRadius-tr-mobile,0px) var(--dfjpy1-borderRadius-br-mobile,0px) var(--dfjpy1-borderRadius-bl-mobile,0px); max-width: var(--dfjpy1-max-width-mobile, var(--dfjpy1-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dfjpy1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dfjpy1-gap,var(--beae-card-gap)); padding-top: var(--dfjpy1-padding-top,var(--beae-card-padding)); padding-right: var(--dfjpy1-padding-right,var(--beae-card-padding)); padding-bottom: var(--dfjpy1-padding-bottom,var(--beae-card-padding)); padding-left: var(--dfjpy1-padding-left,var(--beae-card-padding)); border-width: var(--dfjpy1-borderWidth,var(--beae-card-border-width)); border-width: var(--dfjpy1-borderWidth-tl,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-tr,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-br,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dfjpy1-borderRadius-tl,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-tr,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-br,var(--beae-card-border-radius)) var(--dfjpy1-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(--dfjpy1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dfjpy1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dfjpy1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dfjpy1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dfjpy1-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dfjpy1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dfjpy1-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dfjpy1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dfjpy1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dfjpy1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dfjpy1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dfjpy1-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dfjpy1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dfjpy1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dfjpy1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dfjpy1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dfjpy1-background-color,var(--beae-card-featured-background)); border-color: var(--dfjpy1-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dfjpy1-shadowVertical, var(--beae-card-shadow-y)) var(--dfjpy1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dfjpy1-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dfjpy1-background-color,var(--beae-card-prod-background)); border-color: var(--dfjpy1-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dfjpy1-shadowVertical, var(--beae-card-shadow-y)) var(--dfjpy1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dfjpy1-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dfjpy1-background-color,var(--beae-card-pricing-background)); border-color: var(--dfjpy1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dfjpy1-shadowVertical, var(--beae-card-shadow-y)) var(--dfjpy1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dfjpy1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dfjpy1-background-color,var(--beae-card-cta-background)); border-color: var(--dfjpy1-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dfjpy1-shadowVertical, var(--beae-card-shadow-y)) var(--dfjpy1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dfjpy1-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dfjpy1-background-color,var(--beae-card-media-background)); border-color: var(--dfjpy1-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dfjpy1-enableShadow: true): var(--dfjpy1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dfjpy1-shadowVertical, var(--beae-card-shadow-y)) var(--dfjpy1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dfjpy1-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-dfjpy1"] {     display: flex;     flex-direction: var(--dfjpy1-direction, column);     flex-wrap: nowrap;     justify-content: var(--dfjpy1-justify-content);     align-items: var(--dfjpy1-align-items);     gap: var(--dfjpy1-gap, var(--dfjpy1-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dfjpy1"] {      flex-direction: var(--dfjpy1-direction-tablet, column);                 align-items: var(--dfjpy1-align-items-tablet, inherit);      gap: var(--dfjpy1-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-dfjpy1"] {                            gap: var(--dfjpy1-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-zq17nv"] { --zq17nv-direction: column; --zq17nv-direction-tablet: column; --zq17nv-direction-mobile: column; --zq17nv-structure: auto; --zq17nv-structure-tablet: auto; --zq17nv-structure-mobile: auto; --zq17nv-padding-top: 36px; --zq17nv-padding-top-tablet: 36px; --zq17nv-padding-top-mobile: 28px; --zq17nv-padding-right: 36px; --zq17nv-padding-right-tablet: 36px; --zq17nv-padding-right-mobile: 28px; --zq17nv-padding-bottom: 36px; --zq17nv-padding-bottom-tablet: 36px; --zq17nv-padding-bottom-mobile: 28px; --zq17nv-padding-left: 36px; --zq17nv-padding-left-tablet: 36px; --zq17nv-padding-left-mobile: 28px; --zq17nv-align-items: flex-start; --zq17nv-align-items-tablet: flex-start; --zq17nv-align-items-mobile: flex-start; --zq17nv-justify-content: flex-end; --zq17nv-justify-content-tablet: flex-end; --zq17nv-justify-content-mobile: flex-end; }[data-bnode="beae-zq17nv"] { padding-top: var(--zq17nv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zq17nv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zq17nv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zq17nv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zq17nv-padding-top-tablet, var(--zq17nv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zq17nv-padding-right-tablet, var(--zq17nv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zq17nv-padding-bottom-tablet, var(--zq17nv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zq17nv-padding-left-tablet, var(--zq17nv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zq17nv-padding-top-mobile, var(--zq17nv-padding-top-tablet, var(--zq17nv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zq17nv-padding-right-mobile, var(--zq17nv-padding-right-tablet, var(--zq17nv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zq17nv-padding-bottom-mobile, var(--zq17nv-padding-bottom-tablet, var(--zq17nv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zq17nv-padding-left-mobile, var(--zq17nv-padding-left-tablet, var(--zq17nv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zq17nv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zq17nv-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(--zq17nv-background-imageRatio, auto); background: var(--zq17nv-background-color,transparent); border-style: var(--zq17nv-borderStyle,solid); border-color: var(--zq17nv-borderColor,#000000); border-width: var(--zq17nv-borderWidth-tl,0px) var(--zq17nv-borderWidth-tr,0px) var(--zq17nv-borderWidth-br,0px) var(--zq17nv-borderWidth-bl,0px); border-radius: var(--zq17nv-borderRadius-tl,0px) var(--zq17nv-borderRadius-tr,0px) var(--zq17nv-borderRadius-br,0px) var(--zq17nv-borderRadius-bl,0px); box-shadow: if(style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal,0) var(--zq17nv-shadowVertical,0) var(--zq17nv-shadowBlur,0) 1px var(--zq17nv-shadowColor,#000000); else: none); max-width: var(--zq17nv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zq17nv-background-imageRatio-tablet, var(--zq17nv-background-imageRatio, auto)); border-width: var(--zq17nv-borderWidth-tl-tablet,0px) var(--zq17nv-borderWidth-tr-tablet,0px) var(--zq17nv-borderWidth-br-tablet,0px) var(--zq17nv-borderWidth-bl-tablet,0px); border-radius: var(--zq17nv-borderRadius-tl-tablet,0px) var(--zq17nv-borderRadius-tr-tablet,0px) var(--zq17nv-borderRadius-br-tablet,0px) var(--zq17nv-borderRadius-bl-tablet,0px); max-width: var(--zq17nv-max-width-tablet, var(--zq17nv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zq17nv-background-imageRatio-mobile, var(--zq17nv-background-imageRatio, auto)); border-width: var(--zq17nv-borderWidth-tl-mobile,0px) var(--zq17nv-borderWidth-tr-mobile,0px) var(--zq17nv-borderWidth-br-mobile,0px) var(--zq17nv-borderWidth-bl-mobile,0px); border-radius: var(--zq17nv-borderRadius-tl-mobile,0px) var(--zq17nv-borderRadius-tr-mobile,0px) var(--zq17nv-borderRadius-br-mobile,0px) var(--zq17nv-borderRadius-bl-mobile,0px); max-width: var(--zq17nv-max-width-mobile, var(--zq17nv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zq17nv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zq17nv-gap,var(--beae-card-gap)); padding-top: var(--zq17nv-padding-top,var(--beae-card-padding)); padding-right: var(--zq17nv-padding-right,var(--beae-card-padding)); padding-bottom: var(--zq17nv-padding-bottom,var(--beae-card-padding)); padding-left: var(--zq17nv-padding-left,var(--beae-card-padding)); border-width: var(--zq17nv-borderWidth,var(--beae-card-border-width)); border-width: var(--zq17nv-borderWidth-tl,var(--beae-card-border-width)) var(--zq17nv-borderWidth-tr,var(--beae-card-border-width)) var(--zq17nv-borderWidth-br,var(--beae-card-border-width)) var(--zq17nv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zq17nv-borderRadius-tl,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-tr,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-br,var(--beae-card-border-radius)) var(--zq17nv-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(--zq17nv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zq17nv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zq17nv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zq17nv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zq17nv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zq17nv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zq17nv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zq17nv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zq17nv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zq17nv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zq17nv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zq17nv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zq17nv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zq17nv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zq17nv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zq17nv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zq17nv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zq17nv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zq17nv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zq17nv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zq17nv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zq17nv-background-color,var(--beae-card-featured-background)); border-color: var(--zq17nv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zq17nv-shadowVertical, var(--beae-card-shadow-y)) var(--zq17nv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zq17nv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zq17nv-background-color,var(--beae-card-prod-background)); border-color: var(--zq17nv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zq17nv-shadowVertical, var(--beae-card-shadow-y)) var(--zq17nv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zq17nv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zq17nv-background-color,var(--beae-card-pricing-background)); border-color: var(--zq17nv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zq17nv-shadowVertical, var(--beae-card-shadow-y)) var(--zq17nv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zq17nv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zq17nv-background-color,var(--beae-card-cta-background)); border-color: var(--zq17nv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zq17nv-shadowVertical, var(--beae-card-shadow-y)) var(--zq17nv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zq17nv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zq17nv-background-color,var(--beae-card-media-background)); border-color: var(--zq17nv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zq17nv-enableShadow: true): var(--zq17nv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zq17nv-shadowVertical, var(--beae-card-shadow-y)) var(--zq17nv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zq17nv-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-zq17nv"] {     display: flex;     flex-direction: var(--zq17nv-direction, column);     flex-wrap: nowrap;     justify-content: var(--zq17nv-justify-content);     align-items: var(--zq17nv-align-items);     gap: var(--zq17nv-gap, var(--zq17nv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zq17nv"] {                            gap: var(--zq17nv-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(--zq17nv-padding-right-tablet, 0px) - var(--zq17nv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zq17nv"] {                            gap: var(--zq17nv-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(--zq17nv-padding-right-mobile, 0px) - var(--zq17nv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-vg8gva"] { --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; --vg8gva-typography: h3; --vg8gva-typography-tablet: h3; --vg8gva-typography-mobile: h3; }[data-bnode="beae-vg8gva"] { margin-top: var(--vg8gva-margin-top, 0px); margin-right: var(--vg8gva-margin-right, 0px); margin-bottom: var(--vg8gva-margin-bottom, 0px); margin-left: var(--vg8gva-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vg8gva-margin-top-tablet, 0px); margin-right: var(--vg8gva-margin-right-tablet, 0px); margin-bottom: var(--vg8gva-margin-bottom-tablet, 0px); margin-left: var(--vg8gva-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vg8gva-margin-top-mobile, 0px); margin-right: var(--vg8gva-margin-right-mobile, 0px); margin-bottom: var(--vg8gva-margin-bottom-mobile, 0px); margin-left: var(--vg8gva-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vg8gva-highlightColor,var(--beae-p-color)); top: var(--vg8gva-highlightTop, 100%); } }[data-bnode="beae-y6jubh"] { --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; --y6jubh-typography: p; --y6jubh-typography-tablet: p; --y6jubh-typography-mobile: p; }[data-bnode="beae-y6jubh"] { margin-top: var(--y6jubh-margin-top, 0px); margin-right: var(--y6jubh-margin-right, 0px); margin-bottom: var(--y6jubh-margin-bottom, 0px); margin-left: var(--y6jubh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--y6jubh-margin-top-tablet, 0px); margin-right: var(--y6jubh-margin-right-tablet, 0px); margin-bottom: var(--y6jubh-margin-bottom-tablet, 0px); margin-left: var(--y6jubh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--y6jubh-margin-top-mobile, 0px); margin-right: var(--y6jubh-margin-right-mobile, 0px); margin-bottom: var(--y6jubh-margin-bottom-mobile, 0px); margin-left: var(--y6jubh-margin-left-mobile, 0px); } }[data-bnode="beae-s5gp2p"] { --s5gp2p-background-type: image; --s5gp2p-background-type-tablet: image; --s5gp2p-background-type-mobile: image; --s5gp2p-background-image: [object Object]; --s5gp2p-background-image-tablet: [object Object]; --s5gp2p-background-image-mobile: [object Object]; --s5gp2p-background-imageRatio-tablet: 2/1; --s5gp2p-background-imageRatio-tablet-tablet: 2/1; --s5gp2p-background-imageRatio-tablet-mobile: 2/1; --s5gp2p-background-imageRatio-mobile: 5/3; --s5gp2p-background-imageRatio-mobile-tablet: 5/3; --s5gp2p-background-imageRatio-mobile-mobile: 5/3; --s5gp2p-borderRadius-tl: 24px; --s5gp2p-borderRadius-tl-tablet: 24px; --s5gp2p-borderRadius-tl-mobile: 24px; --s5gp2p-borderRadius-tr: 24px; --s5gp2p-borderRadius-tr-tablet: 24px; --s5gp2p-borderRadius-tr-mobile: 24px; --s5gp2p-borderRadius-bl: 24px; --s5gp2p-borderRadius-bl-tablet: 24px; --s5gp2p-borderRadius-bl-mobile: 24px; --s5gp2p-borderRadius-br: 24px; --s5gp2p-borderRadius-br-tablet: 24px; --s5gp2p-borderRadius-br-mobile: 24px; --s5gp2p-direction: row; --s5gp2p-direction-tablet: row; --s5gp2p-direction-mobile: row; --s5gp2p-align-items: flex-end; --s5gp2p-align-items-tablet: flex-end; --s5gp2p-align-items-mobile: flex-end; --s5gp2p-structure-tablet: auto; --s5gp2p-structure-mobile: auto; }[data-bnode="beae-s5gp2p"] { padding-top: var(--s5gp2p-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s5gp2p-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s5gp2p-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s5gp2p-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s5gp2p-padding-top-tablet, var(--s5gp2p-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s5gp2p-padding-right-tablet, var(--s5gp2p-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s5gp2p-padding-bottom-tablet, var(--s5gp2p-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s5gp2p-padding-left-tablet, var(--s5gp2p-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s5gp2p-padding-top-mobile, var(--s5gp2p-padding-top-tablet, var(--s5gp2p-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s5gp2p-padding-right-mobile, var(--s5gp2p-padding-right-tablet, var(--s5gp2p-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s5gp2p-padding-bottom-mobile, var(--s5gp2p-padding-bottom-tablet, var(--s5gp2p-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s5gp2p-padding-left-mobile, var(--s5gp2p-padding-left-tablet, var(--s5gp2p-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s5gp2p-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s5gp2p-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(--s5gp2p-background-imageRatio, auto); background: var(--s5gp2p-background-color,transparent); border-style: var(--s5gp2p-borderStyle,solid); border-color: var(--s5gp2p-borderColor,#000000); border-width: var(--s5gp2p-borderWidth-tl,0px) var(--s5gp2p-borderWidth-tr,0px) var(--s5gp2p-borderWidth-br,0px) var(--s5gp2p-borderWidth-bl,0px); border-radius: var(--s5gp2p-borderRadius-tl,0px) var(--s5gp2p-borderRadius-tr,0px) var(--s5gp2p-borderRadius-br,0px) var(--s5gp2p-borderRadius-bl,0px); box-shadow: if(style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal,0) var(--s5gp2p-shadowVertical,0) var(--s5gp2p-shadowBlur,0) 1px var(--s5gp2p-shadowColor,#000000); else: none); max-width: var(--s5gp2p-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s5gp2p-background-imageRatio-tablet, var(--s5gp2p-background-imageRatio, auto)); border-width: var(--s5gp2p-borderWidth-tl-tablet,0px) var(--s5gp2p-borderWidth-tr-tablet,0px) var(--s5gp2p-borderWidth-br-tablet,0px) var(--s5gp2p-borderWidth-bl-tablet,0px); border-radius: var(--s5gp2p-borderRadius-tl-tablet,0px) var(--s5gp2p-borderRadius-tr-tablet,0px) var(--s5gp2p-borderRadius-br-tablet,0px) var(--s5gp2p-borderRadius-bl-tablet,0px); max-width: var(--s5gp2p-max-width-tablet, var(--s5gp2p-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s5gp2p-background-imageRatio-mobile, var(--s5gp2p-background-imageRatio, auto)); border-width: var(--s5gp2p-borderWidth-tl-mobile,0px) var(--s5gp2p-borderWidth-tr-mobile,0px) var(--s5gp2p-borderWidth-br-mobile,0px) var(--s5gp2p-borderWidth-bl-mobile,0px); border-radius: var(--s5gp2p-borderRadius-tl-mobile,0px) var(--s5gp2p-borderRadius-tr-mobile,0px) var(--s5gp2p-borderRadius-br-mobile,0px) var(--s5gp2p-borderRadius-bl-mobile,0px); max-width: var(--s5gp2p-max-width-mobile, var(--s5gp2p-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s5gp2p-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s5gp2p-gap,var(--beae-card-gap)); padding-top: var(--s5gp2p-padding-top,var(--beae-card-padding)); padding-right: var(--s5gp2p-padding-right,var(--beae-card-padding)); padding-bottom: var(--s5gp2p-padding-bottom,var(--beae-card-padding)); padding-left: var(--s5gp2p-padding-left,var(--beae-card-padding)); border-width: var(--s5gp2p-borderWidth,var(--beae-card-border-width)); border-width: var(--s5gp2p-borderWidth-tl,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-tr,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-br,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s5gp2p-borderRadius-tl,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-tr,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-br,var(--beae-card-border-radius)) var(--s5gp2p-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(--s5gp2p-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s5gp2p-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s5gp2p-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s5gp2p-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s5gp2p-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s5gp2p-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s5gp2p-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s5gp2p-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s5gp2p-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s5gp2p-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s5gp2p-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s5gp2p-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s5gp2p-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s5gp2p-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s5gp2p-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s5gp2p-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s5gp2p-background-color,var(--beae-card-featured-background)); border-color: var(--s5gp2p-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--s5gp2p-shadowVertical, var(--beae-card-shadow-y)) var(--s5gp2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s5gp2p-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s5gp2p-background-color,var(--beae-card-prod-background)); border-color: var(--s5gp2p-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--s5gp2p-shadowVertical, var(--beae-card-shadow-y)) var(--s5gp2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s5gp2p-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s5gp2p-background-color,var(--beae-card-pricing-background)); border-color: var(--s5gp2p-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--s5gp2p-shadowVertical, var(--beae-card-shadow-y)) var(--s5gp2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s5gp2p-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s5gp2p-background-color,var(--beae-card-cta-background)); border-color: var(--s5gp2p-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--s5gp2p-shadowVertical, var(--beae-card-shadow-y)) var(--s5gp2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s5gp2p-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s5gp2p-background-color,var(--beae-card-media-background)); border-color: var(--s5gp2p-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s5gp2p-enableShadow: true): var(--s5gp2p-shadowHorizontal, var(--beae-card-shadow-x)) var(--s5gp2p-shadowVertical, var(--beae-card-shadow-y)) var(--s5gp2p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s5gp2p-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-s5gp2p"] {     display: flex;     flex-direction: var(--s5gp2p-direction, column);     flex-wrap: nowrap;     justify-content: var(--s5gp2p-justify-content);     align-items: var(--s5gp2p-align-items);     gap: var(--s5gp2p-gap, var(--s5gp2p-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s5gp2p"] {      flex-direction: var(--s5gp2p-direction-tablet, column);                 align-items: var(--s5gp2p-align-items-tablet, inherit);      gap: var(--s5gp2p-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-s5gp2p"] {      flex-direction: var(--s5gp2p-direction-mobile, column);                      gap: var(--s5gp2p-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-hziimq"] { --hziimq-direction: column; --hziimq-direction-tablet: column; --hziimq-direction-mobile: column; --hziimq-structure: auto; --hziimq-structure-tablet: auto; --hziimq-structure-mobile: auto; --hziimq-padding-top: 36px; --hziimq-padding-top-tablet: 36px; --hziimq-padding-top-mobile: 24px; --hziimq-padding-right: 36px; --hziimq-padding-right-tablet: 36px; --hziimq-padding-right-mobile: 28px; --hziimq-padding-bottom: 36px; --hziimq-padding-bottom-tablet: 36px; --hziimq-padding-bottom-mobile: 24px; --hziimq-padding-left: 36px; --hziimq-padding-left-tablet: 36px; --hziimq-padding-left-mobile: 28px; --hziimq-align-items: flex-start; --hziimq-align-items-tablet: flex-start; --hziimq-align-items-mobile: flex-start; --hziimq-justify-content: flex-end; --hziimq-justify-content-tablet: flex-end; --hziimq-justify-content-mobile: flex-end; }[data-bnode="beae-hziimq"] { padding-top: var(--hziimq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hziimq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hziimq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hziimq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hziimq-padding-top-tablet, var(--hziimq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hziimq-padding-right-tablet, var(--hziimq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hziimq-padding-bottom-tablet, var(--hziimq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hziimq-padding-left-tablet, var(--hziimq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hziimq-padding-top-mobile, var(--hziimq-padding-top-tablet, var(--hziimq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hziimq-padding-right-mobile, var(--hziimq-padding-right-tablet, var(--hziimq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hziimq-padding-bottom-mobile, var(--hziimq-padding-bottom-tablet, var(--hziimq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hziimq-padding-left-mobile, var(--hziimq-padding-left-tablet, var(--hziimq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hziimq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hziimq-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(--hziimq-background-imageRatio, auto); background: var(--hziimq-background-color,transparent); border-style: var(--hziimq-borderStyle,solid); border-color: var(--hziimq-borderColor,#000000); border-width: var(--hziimq-borderWidth-tl,0px) var(--hziimq-borderWidth-tr,0px) var(--hziimq-borderWidth-br,0px) var(--hziimq-borderWidth-bl,0px); border-radius: var(--hziimq-borderRadius-tl,0px) var(--hziimq-borderRadius-tr,0px) var(--hziimq-borderRadius-br,0px) var(--hziimq-borderRadius-bl,0px); box-shadow: if(style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal,0) var(--hziimq-shadowVertical,0) var(--hziimq-shadowBlur,0) 1px var(--hziimq-shadowColor,#000000); else: none); max-width: var(--hziimq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hziimq-background-imageRatio-tablet, var(--hziimq-background-imageRatio, auto)); border-width: var(--hziimq-borderWidth-tl-tablet,0px) var(--hziimq-borderWidth-tr-tablet,0px) var(--hziimq-borderWidth-br-tablet,0px) var(--hziimq-borderWidth-bl-tablet,0px); border-radius: var(--hziimq-borderRadius-tl-tablet,0px) var(--hziimq-borderRadius-tr-tablet,0px) var(--hziimq-borderRadius-br-tablet,0px) var(--hziimq-borderRadius-bl-tablet,0px); max-width: var(--hziimq-max-width-tablet, var(--hziimq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hziimq-background-imageRatio-mobile, var(--hziimq-background-imageRatio, auto)); border-width: var(--hziimq-borderWidth-tl-mobile,0px) var(--hziimq-borderWidth-tr-mobile,0px) var(--hziimq-borderWidth-br-mobile,0px) var(--hziimq-borderWidth-bl-mobile,0px); border-radius: var(--hziimq-borderRadius-tl-mobile,0px) var(--hziimq-borderRadius-tr-mobile,0px) var(--hziimq-borderRadius-br-mobile,0px) var(--hziimq-borderRadius-bl-mobile,0px); max-width: var(--hziimq-max-width-mobile, var(--hziimq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hziimq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hziimq-gap,var(--beae-card-gap)); padding-top: var(--hziimq-padding-top,var(--beae-card-padding)); padding-right: var(--hziimq-padding-right,var(--beae-card-padding)); padding-bottom: var(--hziimq-padding-bottom,var(--beae-card-padding)); padding-left: var(--hziimq-padding-left,var(--beae-card-padding)); border-width: var(--hziimq-borderWidth,var(--beae-card-border-width)); border-width: var(--hziimq-borderWidth-tl,var(--beae-card-border-width)) var(--hziimq-borderWidth-tr,var(--beae-card-border-width)) var(--hziimq-borderWidth-br,var(--beae-card-border-width)) var(--hziimq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hziimq-borderRadius-tl,var(--beae-card-border-radius)) var(--hziimq-borderRadius-tr,var(--beae-card-border-radius)) var(--hziimq-borderRadius-br,var(--beae-card-border-radius)) var(--hziimq-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(--hziimq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hziimq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hziimq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hziimq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hziimq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hziimq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hziimq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hziimq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hziimq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hziimq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hziimq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hziimq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hziimq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hziimq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hziimq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hziimq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hziimq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hziimq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hziimq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hziimq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hziimq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hziimq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hziimq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hziimq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hziimq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hziimq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hziimq-background-color,var(--beae-card-featured-background)); border-color: var(--hziimq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal, var(--beae-card-shadow-x)) var(--hziimq-shadowVertical, var(--beae-card-shadow-y)) var(--hziimq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hziimq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hziimq-background-color,var(--beae-card-prod-background)); border-color: var(--hziimq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal, var(--beae-card-shadow-x)) var(--hziimq-shadowVertical, var(--beae-card-shadow-y)) var(--hziimq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hziimq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hziimq-background-color,var(--beae-card-pricing-background)); border-color: var(--hziimq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal, var(--beae-card-shadow-x)) var(--hziimq-shadowVertical, var(--beae-card-shadow-y)) var(--hziimq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hziimq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hziimq-background-color,var(--beae-card-cta-background)); border-color: var(--hziimq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal, var(--beae-card-shadow-x)) var(--hziimq-shadowVertical, var(--beae-card-shadow-y)) var(--hziimq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hziimq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hziimq-background-color,var(--beae-card-media-background)); border-color: var(--hziimq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hziimq-enableShadow: true): var(--hziimq-shadowHorizontal, var(--beae-card-shadow-x)) var(--hziimq-shadowVertical, var(--beae-card-shadow-y)) var(--hziimq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hziimq-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-hziimq"] {     display: flex;     flex-direction: var(--hziimq-direction, column);     flex-wrap: nowrap;     justify-content: var(--hziimq-justify-content);     align-items: var(--hziimq-align-items);     gap: var(--hziimq-gap, var(--hziimq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hziimq"] {      flex-direction: var(--hziimq-direction-tablet, column);                 align-items: var(--hziimq-align-items-tablet, inherit);      gap: var(--hziimq-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-hziimq"] {                            gap: var(--hziimq-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(--hziimq-padding-right-mobile, 0px) - var(--hziimq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-h51g6y"] { --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; --h51g6y-typography: h3; --h51g6y-typography-tablet: h3; --h51g6y-typography-mobile: h3; }[data-bnode="beae-h51g6y"] { margin-top: var(--h51g6y-margin-top, 0px); margin-right: var(--h51g6y-margin-right, 0px); margin-bottom: var(--h51g6y-margin-bottom, 0px); margin-left: var(--h51g6y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h51g6y-margin-top-tablet, 0px); margin-right: var(--h51g6y-margin-right-tablet, 0px); margin-bottom: var(--h51g6y-margin-bottom-tablet, 0px); margin-left: var(--h51g6y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h51g6y-margin-top-mobile, 0px); margin-right: var(--h51g6y-margin-right-mobile, 0px); margin-bottom: var(--h51g6y-margin-bottom-mobile, 0px); margin-left: var(--h51g6y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--h51g6y-highlightColor,var(--beae-p-color)); top: var(--h51g6y-highlightTop, 100%); } }[data-bnode="beae-4ju1gl"] { --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; --4ju1gl-typography: p; --4ju1gl-typography-tablet: p; --4ju1gl-typography-mobile: p; }[data-bnode="beae-4ju1gl"] { margin-top: var(--4ju1gl-margin-top, 0px); margin-right: var(--4ju1gl-margin-right, 0px); margin-bottom: var(--4ju1gl-margin-bottom, 0px); margin-left: var(--4ju1gl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4ju1gl-margin-top-tablet, 0px); margin-right: var(--4ju1gl-margin-right-tablet, 0px); margin-bottom: var(--4ju1gl-margin-bottom-tablet, 0px); margin-left: var(--4ju1gl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4ju1gl-margin-top-mobile, 0px); margin-right: var(--4ju1gl-margin-right-mobile, 0px); margin-bottom: var(--4ju1gl-margin-bottom-mobile, 0px); margin-left: var(--4ju1gl-margin-left-mobile, 0px); } }[data-bnode="beae-30kft5"] { --30kft5-direction: row; --30kft5-direction-tablet: column; --30kft5-direction-mobile: column; --30kft5-structure: columns; --30kft5-structure-tablet: columns; --30kft5-structure-mobile: columns; --30kft5-columns: 66.66,33.33; --30kft5-columns-tablet: 66.66,33.33; --30kft5-columns-mobile: 66.66,33.33; --30kft5-columnsPresetId: 66.66,33.33; --30kft5-columnsPresetId-tablet: 66.66,33.33; --30kft5-columnsPresetId-mobile: 66.66,33.33; --30kft5-gap: 28px; --30kft5-gap-tablet: 20px; --30kft5-gap-mobile: 20px; }[data-bnode="beae-30kft5"] { padding-top: var(--30kft5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--30kft5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--30kft5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--30kft5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--30kft5-padding-top-tablet, var(--30kft5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--30kft5-padding-right-tablet, var(--30kft5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--30kft5-padding-bottom-tablet, var(--30kft5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--30kft5-padding-left-tablet, var(--30kft5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--30kft5-padding-top-mobile, var(--30kft5-padding-top-tablet, var(--30kft5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--30kft5-padding-right-mobile, var(--30kft5-padding-right-tablet, var(--30kft5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--30kft5-padding-bottom-mobile, var(--30kft5-padding-bottom-tablet, var(--30kft5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--30kft5-padding-left-mobile, var(--30kft5-padding-left-tablet, var(--30kft5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--30kft5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--30kft5-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(--30kft5-background-imageRatio, auto); background: var(--30kft5-background-color,transparent); border-style: var(--30kft5-borderStyle,solid); border-color: var(--30kft5-borderColor,#000000); border-width: var(--30kft5-borderWidth-tl,0px) var(--30kft5-borderWidth-tr,0px) var(--30kft5-borderWidth-br,0px) var(--30kft5-borderWidth-bl,0px); border-radius: var(--30kft5-borderRadius-tl,0px) var(--30kft5-borderRadius-tr,0px) var(--30kft5-borderRadius-br,0px) var(--30kft5-borderRadius-bl,0px); box-shadow: if(style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal,0) var(--30kft5-shadowVertical,0) var(--30kft5-shadowBlur,0) 1px var(--30kft5-shadowColor,#000000); else: none); max-width: var(--30kft5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--30kft5-background-imageRatio-tablet, var(--30kft5-background-imageRatio, auto)); border-width: var(--30kft5-borderWidth-tl-tablet,0px) var(--30kft5-borderWidth-tr-tablet,0px) var(--30kft5-borderWidth-br-tablet,0px) var(--30kft5-borderWidth-bl-tablet,0px); border-radius: var(--30kft5-borderRadius-tl-tablet,0px) var(--30kft5-borderRadius-tr-tablet,0px) var(--30kft5-borderRadius-br-tablet,0px) var(--30kft5-borderRadius-bl-tablet,0px); max-width: var(--30kft5-max-width-tablet, var(--30kft5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--30kft5-background-imageRatio-mobile, var(--30kft5-background-imageRatio, auto)); border-width: var(--30kft5-borderWidth-tl-mobile,0px) var(--30kft5-borderWidth-tr-mobile,0px) var(--30kft5-borderWidth-br-mobile,0px) var(--30kft5-borderWidth-bl-mobile,0px); border-radius: var(--30kft5-borderRadius-tl-mobile,0px) var(--30kft5-borderRadius-tr-mobile,0px) var(--30kft5-borderRadius-br-mobile,0px) var(--30kft5-borderRadius-bl-mobile,0px); max-width: var(--30kft5-max-width-mobile, var(--30kft5-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--30kft5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--30kft5-gap,var(--beae-card-gap)); padding-top: var(--30kft5-padding-top,var(--beae-card-padding)); padding-right: var(--30kft5-padding-right,var(--beae-card-padding)); padding-bottom: var(--30kft5-padding-bottom,var(--beae-card-padding)); padding-left: var(--30kft5-padding-left,var(--beae-card-padding)); border-width: var(--30kft5-borderWidth,var(--beae-card-border-width)); border-width: var(--30kft5-borderWidth-tl,var(--beae-card-border-width)) var(--30kft5-borderWidth-tr,var(--beae-card-border-width)) var(--30kft5-borderWidth-br,var(--beae-card-border-width)) var(--30kft5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--30kft5-borderRadius-tl,var(--beae-card-border-radius)) var(--30kft5-borderRadius-tr,var(--beae-card-border-radius)) var(--30kft5-borderRadius-br,var(--beae-card-border-radius)) var(--30kft5-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(--30kft5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--30kft5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--30kft5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--30kft5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--30kft5-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--30kft5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--30kft5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--30kft5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--30kft5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--30kft5-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--30kft5-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--30kft5-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--30kft5-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--30kft5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--30kft5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--30kft5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--30kft5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--30kft5-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--30kft5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--30kft5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--30kft5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--30kft5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--30kft5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--30kft5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--30kft5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--30kft5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--30kft5-background-color,var(--beae-card-featured-background)); border-color: var(--30kft5-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal, var(--beae-card-shadow-x)) var(--30kft5-shadowVertical, var(--beae-card-shadow-y)) var(--30kft5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--30kft5-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--30kft5-background-color,var(--beae-card-prod-background)); border-color: var(--30kft5-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal, var(--beae-card-shadow-x)) var(--30kft5-shadowVertical, var(--beae-card-shadow-y)) var(--30kft5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--30kft5-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--30kft5-background-color,var(--beae-card-pricing-background)); border-color: var(--30kft5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal, var(--beae-card-shadow-x)) var(--30kft5-shadowVertical, var(--beae-card-shadow-y)) var(--30kft5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--30kft5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--30kft5-background-color,var(--beae-card-cta-background)); border-color: var(--30kft5-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal, var(--beae-card-shadow-x)) var(--30kft5-shadowVertical, var(--beae-card-shadow-y)) var(--30kft5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--30kft5-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--30kft5-background-color,var(--beae-card-media-background)); border-color: var(--30kft5-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--30kft5-enableShadow: true): var(--30kft5-shadowHorizontal, var(--beae-card-shadow-x)) var(--30kft5-shadowVertical, var(--beae-card-shadow-y)) var(--30kft5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--30kft5-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-30kft5"] {     display: flex;     flex-direction: var(--30kft5-direction, column);     flex-wrap: nowrap;     justify-content: var(--30kft5-justify-content);     align-items: var(--30kft5-align-items);     gap: var(--30kft5-gap, var(--30kft5-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(--30kft5-padding-right, 0px) - var(--30kft5-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(33.33% - var(--30kft5-padding-right, 0px) - var(--30kft5-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--30kft5-padding-right, 0px) - var(--30kft5-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-30kft5"] {      flex-direction: var(--30kft5-direction-tablet, column);                      gap: var(--30kft5-gap-tablet, var(--30kft5-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-30kft5"] {      flex-direction: var(--30kft5-direction-mobile, column);                      gap: var(--30kft5-gap-mobile, var(--30kft5-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-jq1at7"] { --jq1at7-background-type: image; --jq1at7-background-type-tablet: image; --jq1at7-background-type-mobile: image; --jq1at7-background-image: [object Object]; --jq1at7-background-image-tablet: [object Object]; --jq1at7-background-image-mobile: [object Object]; --jq1at7-background-imageRatio-tablet: 2/1; --jq1at7-background-imageRatio-tablet-tablet: 2/1; --jq1at7-background-imageRatio-tablet-mobile: 2/1; --jq1at7-background-imageRatio-mobile: 5/3; --jq1at7-background-imageRatio-mobile-tablet: 5/3; --jq1at7-background-imageRatio-mobile-mobile: 5/3; --jq1at7-borderRadius-tl: 24px; --jq1at7-borderRadius-tl-tablet: 24px; --jq1at7-borderRadius-tl-mobile: 24px; --jq1at7-borderRadius-tr: 24px; --jq1at7-borderRadius-tr-tablet: 24px; --jq1at7-borderRadius-tr-mobile: 24px; --jq1at7-borderRadius-bl: 24px; --jq1at7-borderRadius-bl-tablet: 24px; --jq1at7-borderRadius-bl-mobile: 24px; --jq1at7-borderRadius-br: 24px; --jq1at7-borderRadius-br-tablet: 24px; --jq1at7-borderRadius-br-mobile: 24px; --jq1at7-direction: row; --jq1at7-direction-tablet: row; --jq1at7-direction-mobile: row; --jq1at7-align-items: flex-end; --jq1at7-align-items-tablet: flex-end; --jq1at7-align-items-mobile: flex-end; --jq1at7-structure-tablet: auto; --jq1at7-structure-mobile: auto; }[data-bnode="beae-jq1at7"] { padding-top: var(--jq1at7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jq1at7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jq1at7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jq1at7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jq1at7-padding-top-tablet, var(--jq1at7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jq1at7-padding-right-tablet, var(--jq1at7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jq1at7-padding-bottom-tablet, var(--jq1at7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jq1at7-padding-left-tablet, var(--jq1at7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jq1at7-padding-top-mobile, var(--jq1at7-padding-top-tablet, var(--jq1at7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jq1at7-padding-right-mobile, var(--jq1at7-padding-right-tablet, var(--jq1at7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jq1at7-padding-bottom-mobile, var(--jq1at7-padding-bottom-tablet, var(--jq1at7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jq1at7-padding-left-mobile, var(--jq1at7-padding-left-tablet, var(--jq1at7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jq1at7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jq1at7-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(--jq1at7-background-imageRatio, auto); background: var(--jq1at7-background-color,transparent); border-style: var(--jq1at7-borderStyle,solid); border-color: var(--jq1at7-borderColor,#000000); border-width: var(--jq1at7-borderWidth-tl,0px) var(--jq1at7-borderWidth-tr,0px) var(--jq1at7-borderWidth-br,0px) var(--jq1at7-borderWidth-bl,0px); border-radius: var(--jq1at7-borderRadius-tl,0px) var(--jq1at7-borderRadius-tr,0px) var(--jq1at7-borderRadius-br,0px) var(--jq1at7-borderRadius-bl,0px); box-shadow: if(style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal,0) var(--jq1at7-shadowVertical,0) var(--jq1at7-shadowBlur,0) 1px var(--jq1at7-shadowColor,#000000); else: none); max-width: var(--jq1at7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jq1at7-background-imageRatio-tablet, var(--jq1at7-background-imageRatio, auto)); border-width: var(--jq1at7-borderWidth-tl-tablet,0px) var(--jq1at7-borderWidth-tr-tablet,0px) var(--jq1at7-borderWidth-br-tablet,0px) var(--jq1at7-borderWidth-bl-tablet,0px); border-radius: var(--jq1at7-borderRadius-tl-tablet,0px) var(--jq1at7-borderRadius-tr-tablet,0px) var(--jq1at7-borderRadius-br-tablet,0px) var(--jq1at7-borderRadius-bl-tablet,0px); max-width: var(--jq1at7-max-width-tablet, var(--jq1at7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jq1at7-background-imageRatio-mobile, var(--jq1at7-background-imageRatio, auto)); border-width: var(--jq1at7-borderWidth-tl-mobile,0px) var(--jq1at7-borderWidth-tr-mobile,0px) var(--jq1at7-borderWidth-br-mobile,0px) var(--jq1at7-borderWidth-bl-mobile,0px); border-radius: var(--jq1at7-borderRadius-tl-mobile,0px) var(--jq1at7-borderRadius-tr-mobile,0px) var(--jq1at7-borderRadius-br-mobile,0px) var(--jq1at7-borderRadius-bl-mobile,0px); max-width: var(--jq1at7-max-width-mobile, var(--jq1at7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jq1at7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jq1at7-gap,var(--beae-card-gap)); padding-top: var(--jq1at7-padding-top,var(--beae-card-padding)); padding-right: var(--jq1at7-padding-right,var(--beae-card-padding)); padding-bottom: var(--jq1at7-padding-bottom,var(--beae-card-padding)); padding-left: var(--jq1at7-padding-left,var(--beae-card-padding)); border-width: var(--jq1at7-borderWidth,var(--beae-card-border-width)); border-width: var(--jq1at7-borderWidth-tl,var(--beae-card-border-width)) var(--jq1at7-borderWidth-tr,var(--beae-card-border-width)) var(--jq1at7-borderWidth-br,var(--beae-card-border-width)) var(--jq1at7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jq1at7-borderRadius-tl,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-tr,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-br,var(--beae-card-border-radius)) var(--jq1at7-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(--jq1at7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jq1at7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jq1at7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jq1at7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jq1at7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jq1at7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jq1at7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jq1at7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jq1at7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jq1at7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jq1at7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jq1at7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jq1at7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jq1at7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jq1at7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jq1at7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jq1at7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jq1at7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jq1at7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jq1at7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jq1at7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jq1at7-background-color,var(--beae-card-featured-background)); border-color: var(--jq1at7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq1at7-shadowVertical, var(--beae-card-shadow-y)) var(--jq1at7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq1at7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jq1at7-background-color,var(--beae-card-prod-background)); border-color: var(--jq1at7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq1at7-shadowVertical, var(--beae-card-shadow-y)) var(--jq1at7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq1at7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jq1at7-background-color,var(--beae-card-pricing-background)); border-color: var(--jq1at7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq1at7-shadowVertical, var(--beae-card-shadow-y)) var(--jq1at7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq1at7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jq1at7-background-color,var(--beae-card-cta-background)); border-color: var(--jq1at7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq1at7-shadowVertical, var(--beae-card-shadow-y)) var(--jq1at7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq1at7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jq1at7-background-color,var(--beae-card-media-background)); border-color: var(--jq1at7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jq1at7-enableShadow: true): var(--jq1at7-shadowHorizontal, var(--beae-card-shadow-x)) var(--jq1at7-shadowVertical, var(--beae-card-shadow-y)) var(--jq1at7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jq1at7-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-jq1at7"] {     display: flex;     flex-direction: var(--jq1at7-direction, column);     flex-wrap: nowrap;     justify-content: var(--jq1at7-justify-content);     align-items: var(--jq1at7-align-items);     gap: var(--jq1at7-gap, var(--jq1at7-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jq1at7"] {      flex-direction: var(--jq1at7-direction-tablet, column);                 align-items: var(--jq1at7-align-items-tablet, inherit);      gap: var(--jq1at7-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-jq1at7"] {                            gap: var(--jq1at7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-pofymo"] { --pofymo-direction: column; --pofymo-direction-tablet: column; --pofymo-direction-mobile: column; --pofymo-structure: auto; --pofymo-structure-tablet: auto; --pofymo-structure-mobile: auto; --pofymo-padding-top: 36px; --pofymo-padding-top-tablet: 36px; --pofymo-padding-top-mobile: 28px; --pofymo-padding-right: 36px; --pofymo-padding-right-tablet: 36px; --pofymo-padding-right-mobile: 28px; --pofymo-padding-bottom: 36px; --pofymo-padding-bottom-tablet: 36px; --pofymo-padding-bottom-mobile: 28px; --pofymo-padding-left: 36px; --pofymo-padding-left-tablet: 36px; --pofymo-padding-left-mobile: 28px; --pofymo-align-items: flex-start; --pofymo-align-items-tablet: flex-start; --pofymo-align-items-mobile: flex-start; --pofymo-justify-content: flex-end; --pofymo-justify-content-tablet: flex-end; --pofymo-justify-content-mobile: flex-end; --pofymo-background-type: color; --pofymo-background-type-tablet: color; --pofymo-background-type-mobile: color; --pofymo-background-color: #0D0C0C00; --pofymo-background-color-tablet: #0D0C0C00; --pofymo-background-color-mobile: #0D0C0C00; }[data-bnode="beae-pofymo"] { padding-top: var(--pofymo-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pofymo-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pofymo-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pofymo-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pofymo-padding-top-tablet, var(--pofymo-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pofymo-padding-right-tablet, var(--pofymo-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pofymo-padding-bottom-tablet, var(--pofymo-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pofymo-padding-left-tablet, var(--pofymo-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pofymo-padding-top-mobile, var(--pofymo-padding-top-tablet, var(--pofymo-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pofymo-padding-right-mobile, var(--pofymo-padding-right-tablet, var(--pofymo-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pofymo-padding-bottom-mobile, var(--pofymo-padding-bottom-tablet, var(--pofymo-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pofymo-padding-left-mobile, var(--pofymo-padding-left-tablet, var(--pofymo-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pofymo-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pofymo-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(--pofymo-background-imageRatio, auto); background: var(--pofymo-background-color,transparent); border-style: var(--pofymo-borderStyle,solid); border-color: var(--pofymo-borderColor,#000000); border-width: var(--pofymo-borderWidth-tl,0px) var(--pofymo-borderWidth-tr,0px) var(--pofymo-borderWidth-br,0px) var(--pofymo-borderWidth-bl,0px); border-radius: var(--pofymo-borderRadius-tl,0px) var(--pofymo-borderRadius-tr,0px) var(--pofymo-borderRadius-br,0px) var(--pofymo-borderRadius-bl,0px); box-shadow: if(style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal,0) var(--pofymo-shadowVertical,0) var(--pofymo-shadowBlur,0) 1px var(--pofymo-shadowColor,#000000); else: none); max-width: var(--pofymo-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pofymo-background-imageRatio-tablet, var(--pofymo-background-imageRatio, auto)); border-width: var(--pofymo-borderWidth-tl-tablet,0px) var(--pofymo-borderWidth-tr-tablet,0px) var(--pofymo-borderWidth-br-tablet,0px) var(--pofymo-borderWidth-bl-tablet,0px); border-radius: var(--pofymo-borderRadius-tl-tablet,0px) var(--pofymo-borderRadius-tr-tablet,0px) var(--pofymo-borderRadius-br-tablet,0px) var(--pofymo-borderRadius-bl-tablet,0px); max-width: var(--pofymo-max-width-tablet, var(--pofymo-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pofymo-background-imageRatio-mobile, var(--pofymo-background-imageRatio, auto)); border-width: var(--pofymo-borderWidth-tl-mobile,0px) var(--pofymo-borderWidth-tr-mobile,0px) var(--pofymo-borderWidth-br-mobile,0px) var(--pofymo-borderWidth-bl-mobile,0px); border-radius: var(--pofymo-borderRadius-tl-mobile,0px) var(--pofymo-borderRadius-tr-mobile,0px) var(--pofymo-borderRadius-br-mobile,0px) var(--pofymo-borderRadius-bl-mobile,0px); max-width: var(--pofymo-max-width-mobile, var(--pofymo-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pofymo-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pofymo-gap,var(--beae-card-gap)); padding-top: var(--pofymo-padding-top,var(--beae-card-padding)); padding-right: var(--pofymo-padding-right,var(--beae-card-padding)); padding-bottom: var(--pofymo-padding-bottom,var(--beae-card-padding)); padding-left: var(--pofymo-padding-left,var(--beae-card-padding)); border-width: var(--pofymo-borderWidth,var(--beae-card-border-width)); border-width: var(--pofymo-borderWidth-tl,var(--beae-card-border-width)) var(--pofymo-borderWidth-tr,var(--beae-card-border-width)) var(--pofymo-borderWidth-br,var(--beae-card-border-width)) var(--pofymo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pofymo-borderRadius-tl,var(--beae-card-border-radius)) var(--pofymo-borderRadius-tr,var(--beae-card-border-radius)) var(--pofymo-borderRadius-br,var(--beae-card-border-radius)) var(--pofymo-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(--pofymo-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pofymo-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pofymo-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pofymo-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pofymo-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pofymo-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pofymo-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pofymo-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pofymo-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pofymo-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pofymo-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pofymo-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pofymo-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pofymo-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pofymo-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pofymo-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pofymo-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pofymo-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pofymo-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pofymo-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pofymo-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pofymo-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pofymo-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pofymo-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pofymo-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pofymo-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pofymo-background-color,var(--beae-card-featured-background)); border-color: var(--pofymo-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal, var(--beae-card-shadow-x)) var(--pofymo-shadowVertical, var(--beae-card-shadow-y)) var(--pofymo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pofymo-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pofymo-background-color,var(--beae-card-prod-background)); border-color: var(--pofymo-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal, var(--beae-card-shadow-x)) var(--pofymo-shadowVertical, var(--beae-card-shadow-y)) var(--pofymo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pofymo-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pofymo-background-color,var(--beae-card-pricing-background)); border-color: var(--pofymo-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal, var(--beae-card-shadow-x)) var(--pofymo-shadowVertical, var(--beae-card-shadow-y)) var(--pofymo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pofymo-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pofymo-background-color,var(--beae-card-cta-background)); border-color: var(--pofymo-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal, var(--beae-card-shadow-x)) var(--pofymo-shadowVertical, var(--beae-card-shadow-y)) var(--pofymo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pofymo-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pofymo-background-color,var(--beae-card-media-background)); border-color: var(--pofymo-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pofymo-enableShadow: true): var(--pofymo-shadowHorizontal, var(--beae-card-shadow-x)) var(--pofymo-shadowVertical, var(--beae-card-shadow-y)) var(--pofymo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pofymo-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-pofymo"] {     display: flex;     flex-direction: var(--pofymo-direction, column);     flex-wrap: nowrap;     justify-content: var(--pofymo-justify-content);     align-items: var(--pofymo-align-items);     gap: var(--pofymo-gap, var(--pofymo-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pofymo"] {                            gap: var(--pofymo-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(--pofymo-padding-right-tablet, 0px) - var(--pofymo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pofymo"] {                            gap: var(--pofymo-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(--pofymo-padding-right-mobile, 0px) - var(--pofymo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-abqecg"] { --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; --abqecg-typography: h3; --abqecg-typography-tablet: h3; --abqecg-typography-mobile: h3; }[data-bnode="beae-abqecg"] { margin-top: var(--abqecg-margin-top, 0px); margin-right: var(--abqecg-margin-right, 0px); margin-bottom: var(--abqecg-margin-bottom, 0px); margin-left: var(--abqecg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--abqecg-margin-top-tablet, 0px); margin-right: var(--abqecg-margin-right-tablet, 0px); margin-bottom: var(--abqecg-margin-bottom-tablet, 0px); margin-left: var(--abqecg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--abqecg-margin-top-mobile, 0px); margin-right: var(--abqecg-margin-right-mobile, 0px); margin-bottom: var(--abqecg-margin-bottom-mobile, 0px); margin-left: var(--abqecg-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--abqecg-highlightColor,var(--beae-p-color)); top: var(--abqecg-highlightTop, 100%); } }[data-bnode="beae-605jts"] { --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; --605jts-typography: p; --605jts-typography-tablet: p; --605jts-typography-mobile: p; }[data-bnode="beae-605jts"] { margin-top: var(--605jts-margin-top, 0px); margin-right: var(--605jts-margin-right, 0px); margin-bottom: var(--605jts-margin-bottom, 0px); margin-left: var(--605jts-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--605jts-margin-top-tablet, 0px); margin-right: var(--605jts-margin-right-tablet, 0px); margin-bottom: var(--605jts-margin-bottom-tablet, 0px); margin-left: var(--605jts-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--605jts-margin-top-mobile, 0px); margin-right: var(--605jts-margin-right-mobile, 0px); margin-bottom: var(--605jts-margin-bottom-mobile, 0px); margin-left: var(--605jts-margin-left-mobile, 0px); } }[data-bnode="beae-zujgbv"] { --zujgbv-background-type: image; --zujgbv-background-type-tablet: image; --zujgbv-background-type-mobile: image; --zujgbv-background-image: [object Object]; --zujgbv-background-image-tablet: [object Object]; --zujgbv-background-image-mobile: [object Object]; --zujgbv-background-imageRatio: 3/2; --zujgbv-background-imageRatio-tablet: 3/2; --zujgbv-background-imageRatio-mobile: 3/2; --zujgbv-background-imageRatio-tablet: 2/1; --zujgbv-background-imageRatio-tablet-tablet: 2/1; --zujgbv-background-imageRatio-tablet-mobile: 2/1; --zujgbv-background-imageRatio-mobile: 5/3; --zujgbv-background-imageRatio-mobile-tablet: 5/3; --zujgbv-background-imageRatio-mobile-mobile: 5/3; --zujgbv-borderRadius-tl: 24px; --zujgbv-borderRadius-tl-tablet: 24px; --zujgbv-borderRadius-tl-mobile: 24px; --zujgbv-borderRadius-tr: 24px; --zujgbv-borderRadius-tr-tablet: 24px; --zujgbv-borderRadius-tr-mobile: 24px; --zujgbv-borderRadius-bl: 24px; --zujgbv-borderRadius-bl-tablet: 24px; --zujgbv-borderRadius-bl-mobile: 24px; --zujgbv-borderRadius-br: 24px; --zujgbv-borderRadius-br-tablet: 24px; --zujgbv-borderRadius-br-mobile: 24px; --zujgbv-direction: row; --zujgbv-direction-tablet: row; --zujgbv-direction-mobile: row; --zujgbv-align-items: flex-end; --zujgbv-align-items-tablet: flex-end; --zujgbv-align-items-mobile: flex-end; --zujgbv-structure-tablet: auto; --zujgbv-structure-mobile: auto; }[data-bnode="beae-zujgbv"] { padding-top: var(--zujgbv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zujgbv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zujgbv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zujgbv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zujgbv-padding-top-tablet, var(--zujgbv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zujgbv-padding-right-tablet, var(--zujgbv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zujgbv-padding-bottom-tablet, var(--zujgbv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zujgbv-padding-left-tablet, var(--zujgbv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zujgbv-padding-top-mobile, var(--zujgbv-padding-top-tablet, var(--zujgbv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zujgbv-padding-right-mobile, var(--zujgbv-padding-right-tablet, var(--zujgbv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zujgbv-padding-bottom-mobile, var(--zujgbv-padding-bottom-tablet, var(--zujgbv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zujgbv-padding-left-mobile, var(--zujgbv-padding-left-tablet, var(--zujgbv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zujgbv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zujgbv-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(--zujgbv-background-imageRatio, auto); background: var(--zujgbv-background-color,transparent); border-style: var(--zujgbv-borderStyle,solid); border-color: var(--zujgbv-borderColor,#000000); border-width: var(--zujgbv-borderWidth-tl,0px) var(--zujgbv-borderWidth-tr,0px) var(--zujgbv-borderWidth-br,0px) var(--zujgbv-borderWidth-bl,0px); border-radius: var(--zujgbv-borderRadius-tl,0px) var(--zujgbv-borderRadius-tr,0px) var(--zujgbv-borderRadius-br,0px) var(--zujgbv-borderRadius-bl,0px); box-shadow: if(style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal,0) var(--zujgbv-shadowVertical,0) var(--zujgbv-shadowBlur,0) 1px var(--zujgbv-shadowColor,#000000); else: none); max-width: var(--zujgbv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zujgbv-background-imageRatio-tablet, var(--zujgbv-background-imageRatio, auto)); border-width: var(--zujgbv-borderWidth-tl-tablet,0px) var(--zujgbv-borderWidth-tr-tablet,0px) var(--zujgbv-borderWidth-br-tablet,0px) var(--zujgbv-borderWidth-bl-tablet,0px); border-radius: var(--zujgbv-borderRadius-tl-tablet,0px) var(--zujgbv-borderRadius-tr-tablet,0px) var(--zujgbv-borderRadius-br-tablet,0px) var(--zujgbv-borderRadius-bl-tablet,0px); max-width: var(--zujgbv-max-width-tablet, var(--zujgbv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zujgbv-background-imageRatio-mobile, var(--zujgbv-background-imageRatio, auto)); border-width: var(--zujgbv-borderWidth-tl-mobile,0px) var(--zujgbv-borderWidth-tr-mobile,0px) var(--zujgbv-borderWidth-br-mobile,0px) var(--zujgbv-borderWidth-bl-mobile,0px); border-radius: var(--zujgbv-borderRadius-tl-mobile,0px) var(--zujgbv-borderRadius-tr-mobile,0px) var(--zujgbv-borderRadius-br-mobile,0px) var(--zujgbv-borderRadius-bl-mobile,0px); max-width: var(--zujgbv-max-width-mobile, var(--zujgbv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zujgbv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zujgbv-gap,var(--beae-card-gap)); padding-top: var(--zujgbv-padding-top,var(--beae-card-padding)); padding-right: var(--zujgbv-padding-right,var(--beae-card-padding)); padding-bottom: var(--zujgbv-padding-bottom,var(--beae-card-padding)); padding-left: var(--zujgbv-padding-left,var(--beae-card-padding)); border-width: var(--zujgbv-borderWidth,var(--beae-card-border-width)); border-width: var(--zujgbv-borderWidth-tl,var(--beae-card-border-width)) var(--zujgbv-borderWidth-tr,var(--beae-card-border-width)) var(--zujgbv-borderWidth-br,var(--beae-card-border-width)) var(--zujgbv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zujgbv-borderRadius-tl,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-tr,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-br,var(--beae-card-border-radius)) var(--zujgbv-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(--zujgbv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zujgbv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zujgbv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zujgbv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zujgbv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zujgbv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zujgbv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zujgbv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zujgbv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zujgbv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zujgbv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zujgbv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zujgbv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zujgbv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zujgbv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zujgbv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zujgbv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zujgbv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zujgbv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zujgbv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zujgbv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zujgbv-background-color,var(--beae-card-featured-background)); border-color: var(--zujgbv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zujgbv-shadowVertical, var(--beae-card-shadow-y)) var(--zujgbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zujgbv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zujgbv-background-color,var(--beae-card-prod-background)); border-color: var(--zujgbv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zujgbv-shadowVertical, var(--beae-card-shadow-y)) var(--zujgbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zujgbv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zujgbv-background-color,var(--beae-card-pricing-background)); border-color: var(--zujgbv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zujgbv-shadowVertical, var(--beae-card-shadow-y)) var(--zujgbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zujgbv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zujgbv-background-color,var(--beae-card-cta-background)); border-color: var(--zujgbv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zujgbv-shadowVertical, var(--beae-card-shadow-y)) var(--zujgbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zujgbv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zujgbv-background-color,var(--beae-card-media-background)); border-color: var(--zujgbv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zujgbv-enableShadow: true): var(--zujgbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zujgbv-shadowVertical, var(--beae-card-shadow-y)) var(--zujgbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zujgbv-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-zujgbv"] {     display: flex;     flex-direction: var(--zujgbv-direction, column);     flex-wrap: nowrap;     justify-content: var(--zujgbv-justify-content);     align-items: var(--zujgbv-align-items);     gap: var(--zujgbv-gap, var(--zujgbv-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zujgbv"] {      flex-direction: var(--zujgbv-direction-tablet, column);                 align-items: var(--zujgbv-align-items-tablet, inherit);      gap: var(--zujgbv-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-zujgbv"] {                            gap: var(--zujgbv-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-859nay"] { --859nay-direction: column; --859nay-direction-tablet: column; --859nay-direction-mobile: column; --859nay-structure: auto; --859nay-structure-tablet: auto; --859nay-structure-mobile: auto; --859nay-padding-top: 36px; --859nay-padding-top-tablet: 36px; --859nay-padding-top-mobile: 28px; --859nay-padding-right: 36px; --859nay-padding-right-tablet: 36px; --859nay-padding-right-mobile: 28px; --859nay-padding-bottom: 36px; --859nay-padding-bottom-tablet: 36px; --859nay-padding-bottom-mobile: 28px; --859nay-padding-left: 36px; --859nay-padding-left-tablet: 36px; --859nay-padding-left-mobile: 28px; --859nay-align-items: flex-start; --859nay-align-items-tablet: flex-start; --859nay-align-items-mobile: flex-start; --859nay-justify-content: flex-end; --859nay-justify-content-tablet: flex-end; --859nay-justify-content-mobile: flex-end; }[data-bnode="beae-859nay"] { padding-top: var(--859nay-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--859nay-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--859nay-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--859nay-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--859nay-padding-top-tablet, var(--859nay-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--859nay-padding-right-tablet, var(--859nay-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--859nay-padding-bottom-tablet, var(--859nay-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--859nay-padding-left-tablet, var(--859nay-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--859nay-padding-top-mobile, var(--859nay-padding-top-tablet, var(--859nay-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--859nay-padding-right-mobile, var(--859nay-padding-right-tablet, var(--859nay-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--859nay-padding-bottom-mobile, var(--859nay-padding-bottom-tablet, var(--859nay-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--859nay-padding-left-mobile, var(--859nay-padding-left-tablet, var(--859nay-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--859nay-padding-left, var(--beae-slot-padding-x, 0px)) - var(--859nay-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(--859nay-background-imageRatio, auto); background: var(--859nay-background-color,transparent); border-style: var(--859nay-borderStyle,solid); border-color: var(--859nay-borderColor,#000000); border-width: var(--859nay-borderWidth-tl,0px) var(--859nay-borderWidth-tr,0px) var(--859nay-borderWidth-br,0px) var(--859nay-borderWidth-bl,0px); border-radius: var(--859nay-borderRadius-tl,0px) var(--859nay-borderRadius-tr,0px) var(--859nay-borderRadius-br,0px) var(--859nay-borderRadius-bl,0px); box-shadow: if(style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal,0) var(--859nay-shadowVertical,0) var(--859nay-shadowBlur,0) 1px var(--859nay-shadowColor,#000000); else: none); max-width: var(--859nay-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--859nay-background-imageRatio-tablet, var(--859nay-background-imageRatio, auto)); border-width: var(--859nay-borderWidth-tl-tablet,0px) var(--859nay-borderWidth-tr-tablet,0px) var(--859nay-borderWidth-br-tablet,0px) var(--859nay-borderWidth-bl-tablet,0px); border-radius: var(--859nay-borderRadius-tl-tablet,0px) var(--859nay-borderRadius-tr-tablet,0px) var(--859nay-borderRadius-br-tablet,0px) var(--859nay-borderRadius-bl-tablet,0px); max-width: var(--859nay-max-width-tablet, var(--859nay-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--859nay-background-imageRatio-mobile, var(--859nay-background-imageRatio, auto)); border-width: var(--859nay-borderWidth-tl-mobile,0px) var(--859nay-borderWidth-tr-mobile,0px) var(--859nay-borderWidth-br-mobile,0px) var(--859nay-borderWidth-bl-mobile,0px); border-radius: var(--859nay-borderRadius-tl-mobile,0px) var(--859nay-borderRadius-tr-mobile,0px) var(--859nay-borderRadius-br-mobile,0px) var(--859nay-borderRadius-bl-mobile,0px); max-width: var(--859nay-max-width-mobile, var(--859nay-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--859nay-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--859nay-gap,var(--beae-card-gap)); padding-top: var(--859nay-padding-top,var(--beae-card-padding)); padding-right: var(--859nay-padding-right,var(--beae-card-padding)); padding-bottom: var(--859nay-padding-bottom,var(--beae-card-padding)); padding-left: var(--859nay-padding-left,var(--beae-card-padding)); border-width: var(--859nay-borderWidth,var(--beae-card-border-width)); border-width: var(--859nay-borderWidth-tl,var(--beae-card-border-width)) var(--859nay-borderWidth-tr,var(--beae-card-border-width)) var(--859nay-borderWidth-br,var(--beae-card-border-width)) var(--859nay-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--859nay-borderRadius-tl,var(--beae-card-border-radius)) var(--859nay-borderRadius-tr,var(--beae-card-border-radius)) var(--859nay-borderRadius-br,var(--beae-card-border-radius)) var(--859nay-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(--859nay-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--859nay-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--859nay-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--859nay-padding-left-tablet,var(--beae-card-padding)); border-width: var(--859nay-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--859nay-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--859nay-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--859nay-borderWidth-br-desktop,var(--beae-card-border-width)) var(--859nay-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--859nay-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--859nay-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--859nay-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--859nay-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--859nay-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--859nay-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--859nay-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--859nay-padding-left-mobile,var(--beae-card-padding)); border-width: var(--859nay-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--859nay-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--859nay-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--859nay-borderWidth-br-mobile,var(--beae-card-border-width)) var(--859nay-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--859nay-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--859nay-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--859nay-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--859nay-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--859nay-background-color,var(--beae-card-featured-background)); border-color: var(--859nay-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal, var(--beae-card-shadow-x)) var(--859nay-shadowVertical, var(--beae-card-shadow-y)) var(--859nay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--859nay-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--859nay-background-color,var(--beae-card-prod-background)); border-color: var(--859nay-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal, var(--beae-card-shadow-x)) var(--859nay-shadowVertical, var(--beae-card-shadow-y)) var(--859nay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--859nay-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--859nay-background-color,var(--beae-card-pricing-background)); border-color: var(--859nay-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal, var(--beae-card-shadow-x)) var(--859nay-shadowVertical, var(--beae-card-shadow-y)) var(--859nay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--859nay-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--859nay-background-color,var(--beae-card-cta-background)); border-color: var(--859nay-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal, var(--beae-card-shadow-x)) var(--859nay-shadowVertical, var(--beae-card-shadow-y)) var(--859nay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--859nay-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--859nay-background-color,var(--beae-card-media-background)); border-color: var(--859nay-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--859nay-enableShadow: true): var(--859nay-shadowHorizontal, var(--beae-card-shadow-x)) var(--859nay-shadowVertical, var(--beae-card-shadow-y)) var(--859nay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--859nay-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-859nay"] {     display: flex;     flex-direction: var(--859nay-direction, column);     flex-wrap: nowrap;     justify-content: var(--859nay-justify-content);     align-items: var(--859nay-align-items);     gap: var(--859nay-gap, var(--859nay-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-859nay"] {                            gap: var(--859nay-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(--859nay-padding-right-tablet, 0px) - var(--859nay-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-859nay"] {                            gap: var(--859nay-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(--859nay-padding-right-mobile, 0px) - var(--859nay-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1h9sp4"] { --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; --1h9sp4-typography: h3; --1h9sp4-typography-tablet: h3; --1h9sp4-typography-mobile: h3; }[data-bnode="beae-1h9sp4"] { margin-top: var(--1h9sp4-margin-top, 0px); margin-right: var(--1h9sp4-margin-right, 0px); margin-bottom: var(--1h9sp4-margin-bottom, 0px); margin-left: var(--1h9sp4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1h9sp4-margin-top-tablet, 0px); margin-right: var(--1h9sp4-margin-right-tablet, 0px); margin-bottom: var(--1h9sp4-margin-bottom-tablet, 0px); margin-left: var(--1h9sp4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1h9sp4-margin-top-mobile, 0px); margin-right: var(--1h9sp4-margin-right-mobile, 0px); margin-bottom: var(--1h9sp4-margin-bottom-mobile, 0px); margin-left: var(--1h9sp4-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--1h9sp4-highlightColor,var(--beae-p-color)); top: var(--1h9sp4-highlightTop, 100%); } }[data-bnode="beae-vry1kb"] { --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; --vry1kb-typography: p; --vry1kb-typography-tablet: p; --vry1kb-typography-mobile: p; }[data-bnode="beae-vry1kb"] { margin-top: var(--vry1kb-margin-top, 0px); margin-right: var(--vry1kb-margin-right, 0px); margin-bottom: var(--vry1kb-margin-bottom, 0px); margin-left: var(--vry1kb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vry1kb-margin-top-tablet, 0px); margin-right: var(--vry1kb-margin-right-tablet, 0px); margin-bottom: var(--vry1kb-margin-bottom-tablet, 0px); margin-left: var(--vry1kb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vry1kb-margin-top-mobile, 0px); margin-right: var(--vry1kb-margin-right-mobile, 0px); margin-bottom: var(--vry1kb-margin-bottom-mobile, 0px); margin-left: var(--vry1kb-margin-left-mobile, 0px); } }[data-bnode="beae-e9j3aw"] { --e9j3aw-width: 1600px; --e9j3aw-width-tablet: 1600px; --e9j3aw-width-mobile: 1600px; --e9j3aw-height: fit-content; --e9j3aw-height-tablet: fit-content; --e9j3aw-height-mobile: fit-content; --e9j3aw-padding-top: 40px; --e9j3aw-padding-top-tablet: 40px; --e9j3aw-padding-top-mobile: 40px; --e9j3aw-padding-right: 30px; --e9j3aw-padding-right-tablet: 28px; --e9j3aw-padding-right-mobile: 16px; --e9j3aw-padding-bottom: 40px; --e9j3aw-padding-bottom-tablet: 40px; --e9j3aw-padding-bottom-mobile: 40px; --e9j3aw-padding-left: 30px; --e9j3aw-padding-left-tablet: 28px; --e9j3aw-padding-left-mobile: 16px; --e9j3aw-background-type: color; --e9j3aw-background-type-tablet: color; --e9j3aw-background-type-mobile: color; --e9j3aw-background-color: #F2F4F9; --e9j3aw-background-color-tablet: #F2F4F9; --e9j3aw-background-color-mobile: #F2F4F9; --e9j3aw-direction: row; --e9j3aw-direction-tablet: row; --e9j3aw-direction-mobile: column; --e9j3aw-gap: 0px; --e9j3aw-gap-tablet: 0px; --e9j3aw-gap-mobile: 32px; --e9j3aw-structure-tablet: auto; --e9j3aw-structure-mobile: auto; }[data-bnode="beae-e9j3aw"] { padding-top: var(--e9j3aw-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--e9j3aw-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--e9j3aw-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--e9j3aw-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--e9j3aw-padding-top-tablet, var(--e9j3aw-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--e9j3aw-padding-right-tablet, var(--e9j3aw-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--e9j3aw-padding-bottom-tablet, var(--e9j3aw-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--e9j3aw-padding-left-tablet, var(--e9j3aw-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--e9j3aw-padding-top-mobile, var(--e9j3aw-padding-top-tablet, var(--e9j3aw-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--e9j3aw-padding-right-mobile, var(--e9j3aw-padding-right-tablet, var(--e9j3aw-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--e9j3aw-padding-bottom-mobile, var(--e9j3aw-padding-bottom-tablet, var(--e9j3aw-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--e9j3aw-padding-left-mobile, var(--e9j3aw-padding-left-tablet, var(--e9j3aw-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--e9j3aw-padding-left, var(--beae-section-padding-x, 0px)) - var(--e9j3aw-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--e9j3aw-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--e9j3aw-height); width: 100%; max-width: var(--e9j3aw-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(--e9j3aw-height-tablet, auto); width: 100%; max-width: var(--e9j3aw-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--e9j3aw-height-mobile, auto); width: 100%; max-width: var(--e9j3aw-width-mobile, 100%); } } } }[data-bnode="beae-e9j3aw"] > .beae-section-container{     display: flex;     flex-direction: var(--e9j3aw-direction, column);     flex-wrap: nowrap;     justify-content: var(--e9j3aw-justify-content);     align-items: var(--e9j3aw-align-items);     gap: var(--e9j3aw-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-e9j3aw"] > .beae-section-container{      flex-direction: var(--e9j3aw-direction-tablet, column);                      gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-e9j3aw"] > .beae-section-container{      flex-direction: var(--e9j3aw-direction-mobile, column);                      gap: var(--e9j3aw-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-hah4ok"] { --hah4ok-direction: column; --hah4ok-direction-tablet: column; --hah4ok-direction-mobile: column; --hah4ok-align-items: center; --hah4ok-align-items-tablet: center; --hah4ok-align-items-mobile: center; --hah4ok-gap: 36px; --hah4ok-gap-tablet: 36px; --hah4ok-gap-mobile: 36px; --hah4ok-padding-top: 0px; --hah4ok-padding-top-tablet: 0px; --hah4ok-padding-top-mobile: 0px; --hah4ok-padding-right: 0px; --hah4ok-padding-right-tablet: 0px; --hah4ok-padding-right-mobile: 0px; --hah4ok-padding-bottom: 0px; --hah4ok-padding-bottom-tablet: 0px; --hah4ok-padding-bottom-mobile: 0px; --hah4ok-padding-left: 0px; --hah4ok-padding-left-tablet: 0px; --hah4ok-padding-left-mobile: 0px; --hah4ok-structure: columns; --hah4ok-structure-tablet: columns; --hah4ok-structure-mobile: columns; --hah4ok-background-type: color; --hah4ok-background-type-tablet: color; --hah4ok-background-type-mobile: color; --hah4ok-background-color: #FFFFFF00; --hah4ok-background-color-tablet: #FFFFFF00; --hah4ok-background-color-mobile: #FFFFFF00; }[data-bnode="beae-hah4ok"] { padding-top: var(--hah4ok-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hah4ok-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hah4ok-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hah4ok-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hah4ok-padding-top-tablet, var(--hah4ok-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hah4ok-padding-right-tablet, var(--hah4ok-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hah4ok-padding-bottom-tablet, var(--hah4ok-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hah4ok-padding-left-tablet, var(--hah4ok-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hah4ok-padding-top-mobile, var(--hah4ok-padding-top-tablet, var(--hah4ok-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hah4ok-padding-right-mobile, var(--hah4ok-padding-right-tablet, var(--hah4ok-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hah4ok-padding-bottom-mobile, var(--hah4ok-padding-bottom-tablet, var(--hah4ok-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hah4ok-padding-left-mobile, var(--hah4ok-padding-left-tablet, var(--hah4ok-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hah4ok-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hah4ok-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(--hah4ok-background-imageRatio, auto); background: var(--hah4ok-background-color,transparent); border-style: var(--hah4ok-borderStyle,solid); border-color: var(--hah4ok-borderColor,#000000); border-width: var(--hah4ok-borderWidth-tl,0px) var(--hah4ok-borderWidth-tr,0px) var(--hah4ok-borderWidth-br,0px) var(--hah4ok-borderWidth-bl,0px); border-radius: var(--hah4ok-borderRadius-tl,0px) var(--hah4ok-borderRadius-tr,0px) var(--hah4ok-borderRadius-br,0px) var(--hah4ok-borderRadius-bl,0px); box-shadow: if(style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal,0) var(--hah4ok-shadowVertical,0) var(--hah4ok-shadowBlur,0) 1px var(--hah4ok-shadowColor,#000000); else: none); max-width: var(--hah4ok-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hah4ok-background-imageRatio-tablet, var(--hah4ok-background-imageRatio, auto)); border-width: var(--hah4ok-borderWidth-tl-tablet,0px) var(--hah4ok-borderWidth-tr-tablet,0px) var(--hah4ok-borderWidth-br-tablet,0px) var(--hah4ok-borderWidth-bl-tablet,0px); border-radius: var(--hah4ok-borderRadius-tl-tablet,0px) var(--hah4ok-borderRadius-tr-tablet,0px) var(--hah4ok-borderRadius-br-tablet,0px) var(--hah4ok-borderRadius-bl-tablet,0px); max-width: var(--hah4ok-max-width-tablet, var(--hah4ok-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hah4ok-background-imageRatio-mobile, var(--hah4ok-background-imageRatio, auto)); border-width: var(--hah4ok-borderWidth-tl-mobile,0px) var(--hah4ok-borderWidth-tr-mobile,0px) var(--hah4ok-borderWidth-br-mobile,0px) var(--hah4ok-borderWidth-bl-mobile,0px); border-radius: var(--hah4ok-borderRadius-tl-mobile,0px) var(--hah4ok-borderRadius-tr-mobile,0px) var(--hah4ok-borderRadius-br-mobile,0px) var(--hah4ok-borderRadius-bl-mobile,0px); max-width: var(--hah4ok-max-width-mobile, var(--hah4ok-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hah4ok-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hah4ok-gap,var(--beae-card-gap)); padding-top: var(--hah4ok-padding-top,var(--beae-card-padding)); padding-right: var(--hah4ok-padding-right,var(--beae-card-padding)); padding-bottom: var(--hah4ok-padding-bottom,var(--beae-card-padding)); padding-left: var(--hah4ok-padding-left,var(--beae-card-padding)); border-width: var(--hah4ok-borderWidth,var(--beae-card-border-width)); border-width: var(--hah4ok-borderWidth-tl,var(--beae-card-border-width)) var(--hah4ok-borderWidth-tr,var(--beae-card-border-width)) var(--hah4ok-borderWidth-br,var(--beae-card-border-width)) var(--hah4ok-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hah4ok-borderRadius-tl,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-tr,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-br,var(--beae-card-border-radius)) var(--hah4ok-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(--hah4ok-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hah4ok-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hah4ok-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hah4ok-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hah4ok-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hah4ok-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hah4ok-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hah4ok-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hah4ok-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hah4ok-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hah4ok-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hah4ok-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hah4ok-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hah4ok-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hah4ok-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hah4ok-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hah4ok-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hah4ok-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hah4ok-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hah4ok-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hah4ok-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hah4ok-background-color,var(--beae-card-featured-background)); border-color: var(--hah4ok-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal, var(--beae-card-shadow-x)) var(--hah4ok-shadowVertical, var(--beae-card-shadow-y)) var(--hah4ok-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hah4ok-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hah4ok-background-color,var(--beae-card-prod-background)); border-color: var(--hah4ok-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal, var(--beae-card-shadow-x)) var(--hah4ok-shadowVertical, var(--beae-card-shadow-y)) var(--hah4ok-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hah4ok-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hah4ok-background-color,var(--beae-card-pricing-background)); border-color: var(--hah4ok-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal, var(--beae-card-shadow-x)) var(--hah4ok-shadowVertical, var(--beae-card-shadow-y)) var(--hah4ok-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hah4ok-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hah4ok-background-color,var(--beae-card-cta-background)); border-color: var(--hah4ok-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal, var(--beae-card-shadow-x)) var(--hah4ok-shadowVertical, var(--beae-card-shadow-y)) var(--hah4ok-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hah4ok-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hah4ok-background-color,var(--beae-card-media-background)); border-color: var(--hah4ok-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hah4ok-enableShadow: true): var(--hah4ok-shadowHorizontal, var(--beae-card-shadow-x)) var(--hah4ok-shadowVertical, var(--beae-card-shadow-y)) var(--hah4ok-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hah4ok-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-hah4ok"] {     display: flex;     flex-direction: var(--hah4ok-direction, column);     flex-wrap: nowrap;     justify-content: var(--hah4ok-justify-content);     align-items: var(--hah4ok-align-items);     gap: var(--hah4ok-gap, var(--hah4ok-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hah4ok"] {      flex-direction: var(--hah4ok-direction-tablet, column);                      gap: var(--hah4ok-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-hah4ok"] {                            gap: var(--hah4ok-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(--hah4ok-padding-right-mobile, 0px) - var(--hah4ok-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-v0shoe"] { --v0shoe-direction: column; --v0shoe-direction-tablet: column; --v0shoe-direction-mobile: column; --v0shoe-structure: columns; --v0shoe-structure-tablet: columns; --v0shoe-structure-mobile: columns; --v0shoe-max-width: 80%; --v0shoe-max-width-tablet: 100%; --v0shoe-max-width-mobile: 100%; --v0shoe-align-items: center; --v0shoe-align-items-tablet: center; --v0shoe-align-items-mobile: center; --v0shoe-gap: 36px; --v0shoe-gap-tablet: 36px; --v0shoe-gap-mobile: 36px; }[data-bnode="beae-v0shoe"] { padding-top: var(--v0shoe-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--v0shoe-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--v0shoe-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--v0shoe-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v0shoe-padding-top-tablet, var(--v0shoe-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--v0shoe-padding-right-tablet, var(--v0shoe-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--v0shoe-padding-bottom-tablet, var(--v0shoe-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--v0shoe-padding-left-tablet, var(--v0shoe-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v0shoe-padding-top-mobile, var(--v0shoe-padding-top-tablet, var(--v0shoe-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--v0shoe-padding-right-mobile, var(--v0shoe-padding-right-tablet, var(--v0shoe-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--v0shoe-padding-bottom-mobile, var(--v0shoe-padding-bottom-tablet, var(--v0shoe-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--v0shoe-padding-left-mobile, var(--v0shoe-padding-left-tablet, var(--v0shoe-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--v0shoe-padding-left, var(--beae-slot-padding-x, 0px)) - var(--v0shoe-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(--v0shoe-background-imageRatio, auto); background: var(--v0shoe-background-color,transparent); border-style: var(--v0shoe-borderStyle,solid); border-color: var(--v0shoe-borderColor,#000000); border-width: var(--v0shoe-borderWidth-tl,0px) var(--v0shoe-borderWidth-tr,0px) var(--v0shoe-borderWidth-br,0px) var(--v0shoe-borderWidth-bl,0px); border-radius: var(--v0shoe-borderRadius-tl,0px) var(--v0shoe-borderRadius-tr,0px) var(--v0shoe-borderRadius-br,0px) var(--v0shoe-borderRadius-bl,0px); box-shadow: if(style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal,0) var(--v0shoe-shadowVertical,0) var(--v0shoe-shadowBlur,0) 1px var(--v0shoe-shadowColor,#000000); else: none); max-width: var(--v0shoe-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--v0shoe-background-imageRatio-tablet, var(--v0shoe-background-imageRatio, auto)); border-width: var(--v0shoe-borderWidth-tl-tablet,0px) var(--v0shoe-borderWidth-tr-tablet,0px) var(--v0shoe-borderWidth-br-tablet,0px) var(--v0shoe-borderWidth-bl-tablet,0px); border-radius: var(--v0shoe-borderRadius-tl-tablet,0px) var(--v0shoe-borderRadius-tr-tablet,0px) var(--v0shoe-borderRadius-br-tablet,0px) var(--v0shoe-borderRadius-bl-tablet,0px); max-width: var(--v0shoe-max-width-tablet, var(--v0shoe-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--v0shoe-background-imageRatio-mobile, var(--v0shoe-background-imageRatio, auto)); border-width: var(--v0shoe-borderWidth-tl-mobile,0px) var(--v0shoe-borderWidth-tr-mobile,0px) var(--v0shoe-borderWidth-br-mobile,0px) var(--v0shoe-borderWidth-bl-mobile,0px); border-radius: var(--v0shoe-borderRadius-tl-mobile,0px) var(--v0shoe-borderRadius-tr-mobile,0px) var(--v0shoe-borderRadius-br-mobile,0px) var(--v0shoe-borderRadius-bl-mobile,0px); max-width: var(--v0shoe-max-width-mobile, var(--v0shoe-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--v0shoe-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--v0shoe-gap,var(--beae-card-gap)); padding-top: var(--v0shoe-padding-top,var(--beae-card-padding)); padding-right: var(--v0shoe-padding-right,var(--beae-card-padding)); padding-bottom: var(--v0shoe-padding-bottom,var(--beae-card-padding)); padding-left: var(--v0shoe-padding-left,var(--beae-card-padding)); border-width: var(--v0shoe-borderWidth,var(--beae-card-border-width)); border-width: var(--v0shoe-borderWidth-tl,var(--beae-card-border-width)) var(--v0shoe-borderWidth-tr,var(--beae-card-border-width)) var(--v0shoe-borderWidth-br,var(--beae-card-border-width)) var(--v0shoe-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--v0shoe-borderRadius-tl,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-tr,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-br,var(--beae-card-border-radius)) var(--v0shoe-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(--v0shoe-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--v0shoe-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--v0shoe-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--v0shoe-padding-left-tablet,var(--beae-card-padding)); border-width: var(--v0shoe-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--v0shoe-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--v0shoe-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--v0shoe-borderWidth-br-desktop,var(--beae-card-border-width)) var(--v0shoe-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--v0shoe-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--v0shoe-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--v0shoe-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--v0shoe-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--v0shoe-padding-left-mobile,var(--beae-card-padding)); border-width: var(--v0shoe-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--v0shoe-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--v0shoe-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--v0shoe-borderWidth-br-mobile,var(--beae-card-border-width)) var(--v0shoe-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--v0shoe-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--v0shoe-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--v0shoe-background-color,var(--beae-card-featured-background)); border-color: var(--v0shoe-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0shoe-shadowVertical, var(--beae-card-shadow-y)) var(--v0shoe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0shoe-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--v0shoe-background-color,var(--beae-card-prod-background)); border-color: var(--v0shoe-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0shoe-shadowVertical, var(--beae-card-shadow-y)) var(--v0shoe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0shoe-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--v0shoe-background-color,var(--beae-card-pricing-background)); border-color: var(--v0shoe-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0shoe-shadowVertical, var(--beae-card-shadow-y)) var(--v0shoe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0shoe-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--v0shoe-background-color,var(--beae-card-cta-background)); border-color: var(--v0shoe-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0shoe-shadowVertical, var(--beae-card-shadow-y)) var(--v0shoe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0shoe-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--v0shoe-background-color,var(--beae-card-media-background)); border-color: var(--v0shoe-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--v0shoe-enableShadow: true): var(--v0shoe-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0shoe-shadowVertical, var(--beae-card-shadow-y)) var(--v0shoe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0shoe-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-v0shoe"] {     display: flex;     flex-direction: var(--v0shoe-direction, column);     flex-wrap: nowrap;     justify-content: var(--v0shoe-justify-content);     align-items: var(--v0shoe-align-items);     gap: var(--v0shoe-gap, var(--v0shoe-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-v0shoe"] {      flex-direction: var(--v0shoe-direction-tablet, column);                      gap: var(--v0shoe-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-v0shoe"] {                            gap: var(--v0shoe-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(--v0shoe-padding-right-mobile, 0px) - var(--v0shoe-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-73nc2s"] { --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; --73nc2s-typography: h2; --73nc2s-typography-tablet: h2; --73nc2s-typography-mobile: h2; }[data-bnode="beae-73nc2s"] { margin-top: var(--73nc2s-margin-top, 0px); margin-right: var(--73nc2s-margin-right, 0px); margin-bottom: var(--73nc2s-margin-bottom, 0px); margin-left: var(--73nc2s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--73nc2s-margin-top-tablet, 0px); margin-right: var(--73nc2s-margin-right-tablet, 0px); margin-bottom: var(--73nc2s-margin-bottom-tablet, 0px); margin-left: var(--73nc2s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--73nc2s-margin-top-mobile, 0px); margin-right: var(--73nc2s-margin-right-mobile, 0px); margin-bottom: var(--73nc2s-margin-bottom-mobile, 0px); margin-left: var(--73nc2s-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--73nc2s-highlightColor,var(--beae-p-color)); top: var(--73nc2s-highlightTop, 100%); } }[data-bnode="beae-migt5a"] { --migt5a-direction: column; --migt5a-direction-tablet: column; --migt5a-direction-mobile: column; --migt5a-structure: columns; --migt5a-structure-tablet: columns; --migt5a-structure-mobile: columns; --migt5a-gap: 24px; --migt5a-gap-tablet: 24px; --migt5a-gap-mobile: 24px; --migt5a-padding-top-tablet: 0px; --migt5a-padding-top-mobile: 0px; --migt5a-padding-right-tablet: 50px; --migt5a-padding-right-mobile: 0px; --migt5a-padding-bottom-tablet: 0px; --migt5a-padding-bottom-mobile: 0px; --migt5a-padding-left-tablet: 0px; --migt5a-padding-left-mobile: 0px; }[data-bnode="beae-migt5a"] { padding-top: var(--migt5a-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--migt5a-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--migt5a-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--migt5a-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--migt5a-padding-top-tablet, var(--migt5a-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--migt5a-padding-right-tablet, var(--migt5a-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--migt5a-padding-bottom-tablet, var(--migt5a-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--migt5a-padding-left-tablet, var(--migt5a-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--migt5a-padding-top-mobile, var(--migt5a-padding-top-tablet, var(--migt5a-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--migt5a-padding-right-mobile, var(--migt5a-padding-right-tablet, var(--migt5a-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--migt5a-padding-bottom-mobile, var(--migt5a-padding-bottom-tablet, var(--migt5a-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--migt5a-padding-left-mobile, var(--migt5a-padding-left-tablet, var(--migt5a-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--migt5a-padding-left, var(--beae-slot-padding-x, 0px)) - var(--migt5a-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(--migt5a-background-imageRatio, auto); background: var(--migt5a-background-color,transparent); border-style: var(--migt5a-borderStyle,solid); border-color: var(--migt5a-borderColor,#000000); border-width: var(--migt5a-borderWidth-tl,0px) var(--migt5a-borderWidth-tr,0px) var(--migt5a-borderWidth-br,0px) var(--migt5a-borderWidth-bl,0px); border-radius: var(--migt5a-borderRadius-tl,0px) var(--migt5a-borderRadius-tr,0px) var(--migt5a-borderRadius-br,0px) var(--migt5a-borderRadius-bl,0px); box-shadow: if(style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal,0) var(--migt5a-shadowVertical,0) var(--migt5a-shadowBlur,0) 1px var(--migt5a-shadowColor,#000000); else: none); max-width: var(--migt5a-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--migt5a-background-imageRatio-tablet, var(--migt5a-background-imageRatio, auto)); border-width: var(--migt5a-borderWidth-tl-tablet,0px) var(--migt5a-borderWidth-tr-tablet,0px) var(--migt5a-borderWidth-br-tablet,0px) var(--migt5a-borderWidth-bl-tablet,0px); border-radius: var(--migt5a-borderRadius-tl-tablet,0px) var(--migt5a-borderRadius-tr-tablet,0px) var(--migt5a-borderRadius-br-tablet,0px) var(--migt5a-borderRadius-bl-tablet,0px); max-width: var(--migt5a-max-width-tablet, var(--migt5a-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--migt5a-background-imageRatio-mobile, var(--migt5a-background-imageRatio, auto)); border-width: var(--migt5a-borderWidth-tl-mobile,0px) var(--migt5a-borderWidth-tr-mobile,0px) var(--migt5a-borderWidth-br-mobile,0px) var(--migt5a-borderWidth-bl-mobile,0px); border-radius: var(--migt5a-borderRadius-tl-mobile,0px) var(--migt5a-borderRadius-tr-mobile,0px) var(--migt5a-borderRadius-br-mobile,0px) var(--migt5a-borderRadius-bl-mobile,0px); max-width: var(--migt5a-max-width-mobile, var(--migt5a-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--migt5a-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--migt5a-gap,var(--beae-card-gap)); padding-top: var(--migt5a-padding-top,var(--beae-card-padding)); padding-right: var(--migt5a-padding-right,var(--beae-card-padding)); padding-bottom: var(--migt5a-padding-bottom,var(--beae-card-padding)); padding-left: var(--migt5a-padding-left,var(--beae-card-padding)); border-width: var(--migt5a-borderWidth,var(--beae-card-border-width)); border-width: var(--migt5a-borderWidth-tl,var(--beae-card-border-width)) var(--migt5a-borderWidth-tr,var(--beae-card-border-width)) var(--migt5a-borderWidth-br,var(--beae-card-border-width)) var(--migt5a-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--migt5a-borderRadius-tl,var(--beae-card-border-radius)) var(--migt5a-borderRadius-tr,var(--beae-card-border-radius)) var(--migt5a-borderRadius-br,var(--beae-card-border-radius)) var(--migt5a-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(--migt5a-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--migt5a-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--migt5a-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--migt5a-padding-left-tablet,var(--beae-card-padding)); border-width: var(--migt5a-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--migt5a-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--migt5a-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--migt5a-borderWidth-br-desktop,var(--beae-card-border-width)) var(--migt5a-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--migt5a-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--migt5a-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--migt5a-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--migt5a-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--migt5a-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--migt5a-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--migt5a-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--migt5a-padding-left-mobile,var(--beae-card-padding)); border-width: var(--migt5a-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--migt5a-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--migt5a-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--migt5a-borderWidth-br-mobile,var(--beae-card-border-width)) var(--migt5a-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--migt5a-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--migt5a-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--migt5a-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--migt5a-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--migt5a-background-color,var(--beae-card-featured-background)); border-color: var(--migt5a-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--migt5a-shadowVertical, var(--beae-card-shadow-y)) var(--migt5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--migt5a-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--migt5a-background-color,var(--beae-card-prod-background)); border-color: var(--migt5a-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--migt5a-shadowVertical, var(--beae-card-shadow-y)) var(--migt5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--migt5a-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--migt5a-background-color,var(--beae-card-pricing-background)); border-color: var(--migt5a-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--migt5a-shadowVertical, var(--beae-card-shadow-y)) var(--migt5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--migt5a-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--migt5a-background-color,var(--beae-card-cta-background)); border-color: var(--migt5a-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--migt5a-shadowVertical, var(--beae-card-shadow-y)) var(--migt5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--migt5a-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--migt5a-background-color,var(--beae-card-media-background)); border-color: var(--migt5a-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--migt5a-enableShadow: true): var(--migt5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--migt5a-shadowVertical, var(--beae-card-shadow-y)) var(--migt5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--migt5a-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-migt5a"] {     display: flex;     flex-direction: var(--migt5a-direction, column);     flex-wrap: nowrap;     justify-content: var(--migt5a-justify-content);     align-items: var(--migt5a-align-items);     gap: var(--migt5a-gap, var(--migt5a-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-migt5a"] {                            gap: var(--migt5a-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(--migt5a-padding-right-tablet, 0px) - var(--migt5a-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-migt5a"] {                            gap: var(--migt5a-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(--migt5a-padding-right-mobile, 0px) - var(--migt5a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-urarvv"] { --urarvv-width: 100%; --urarvv-width-tablet: 100%; --urarvv-width-mobile: 100%; --urarvv-imageRatio: 7/5; --urarvv-imageRatio-tablet: 7/5; --urarvv-imageRatio-mobile: 7/5; --urarvv-objFit: cover; --urarvv-objFit-tablet: cover; --urarvv-objFit-mobile: cover; --urarvv-borderColor: #000000; --urarvv-borderColor-tablet: #000000; --urarvv-borderColor-mobile: #000000; --urarvv-shadowColor: #000000; --urarvv-shadowColor-tablet: #000000; --urarvv-shadowColor-mobile: #000000; --urarvv-borderStyle: none; --urarvv-borderStyle-tablet: none; --urarvv-borderStyle-mobile: none; --urarvv-enableShadow: false; --urarvv-enableShadow-tablet: false; --urarvv-enableShadow-mobile: false; --urarvv-borderRadius-tl: 24px; --urarvv-borderRadius-tl-tablet: 24px; --urarvv-borderRadius-tl-mobile: 24px; --urarvv-borderRadius-tr: 120px; --urarvv-borderRadius-tr-tablet: 60px; --urarvv-borderRadius-tr-mobile: 60px; --urarvv-borderRadius-bl: 120px; --urarvv-borderRadius-bl-tablet: 60px; --urarvv-borderRadius-bl-mobile: 60px; --urarvv-borderRadius-br: 24px; --urarvv-borderRadius-br-tablet: 24px; --urarvv-borderRadius-br-mobile: 24px; }[data-bnode="beae-urarvv"] { margin-top: var(--urarvv-margin-top, 0px); margin-right: var(--urarvv-margin-right, 0px); margin-bottom: var(--urarvv-margin-bottom, 0px); margin-left: var(--urarvv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--urarvv-margin-top-tablet, 0px); margin-right: var(--urarvv-margin-right-tablet, 0px); margin-bottom: var(--urarvv-margin-bottom-tablet, 0px); margin-left: var(--urarvv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--urarvv-margin-top-mobile, 0px); margin-right: var(--urarvv-margin-right-mobile, 0px); margin-bottom: var(--urarvv-margin-bottom-mobile, 0px); margin-left: var(--urarvv-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--urarvv-width,100%) - var(--urarvv-margin-left,0px) - var(--urarvv-margin-right,0px)); min-height: min-content; border-style: var(--urarvv-borderStyle,solid); border-color: var(--urarvv-borderColor,#000000); border-width: var(--urarvv-borderWidth-tl,0px) var(--urarvv-borderWidth-tr,0px) var(--urarvv-borderWidth-br,0px) var(--urarvv-borderWidth-bl,0px); border-radius: var(--urarvv-borderRadius-tl,0px) var(--urarvv-borderRadius-tr,0px) var(--urarvv-borderRadius-br,0px) var(--urarvv-borderRadius-bl,0px); aspect-ratio: var(--urarvv-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--urarvv-borderWidth-tl-tablet, var(--urarvv-borderWidth-tl,0px)) var(--urarvv-borderWidth-tr-tablet, var(--urarvv-borderWidth-tr,0px)) var(--urarvv-borderWidth-br-tablet, var(--urarvv-borderWidth-br,0px)) var(--urarvv-borderWidth-bl-tablet, var(--urarvv-borderWidth-bl,0px)); border-radius: var(--urarvv-borderRadius-tl-tablet, var(--urarvv-borderRadius-tl,0px)) var(--urarvv-borderRadius-tr-tablet, var(--urarvv-borderRadius-tr,0px)) var(--urarvv-borderRadius-br-tablet, var(--urarvv-borderRadius-br,0px)) var(--urarvv-borderRadius-bl-tablet, var(--urarvv-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--urarvv-borderWidth-tl-mobile, var(--urarvv-borderWidth-tl,0px)) var(--urarvv-borderWidth-tr-mobile, var(--urarvv-borderWidth-tr,0px)) var(--urarvv-borderWidth-br-mobile, var(--urarvv-borderWidth-br,0px)) var(--urarvv-borderWidth-bl-mobile, var(--urarvv-borderWidth-bl,0px)); border-radius: var(--urarvv-borderRadius-tl-mobile, var(--urarvv-borderRadius-tl,0px)) var(--urarvv-borderRadius-tr-mobile, var(--urarvv-borderRadius-tr,0px)) var(--urarvv-borderRadius-br-mobile, var(--urarvv-borderRadius-br,0px)) var(--urarvv-borderRadius-bl-mobile, var(--urarvv-borderRadius-bl,0px)); } box-shadow: if( style(--urarvv-enableShadow: true): var(--urarvv-shadowHorizontal, 0) var(--urarvv-shadowVertical, 0) var(--urarvv-shadowBlur, 0) 1px var(--urarvv-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--urarvv-overlayColor-color, #000); opacity: var(--urarvv-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--urarvv-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--urarvv-width-tablet,var(--urarvv-width,100%)) - var(--urarvv-margin-left-tablet,var(--urarvv-margin-left,0px)) - var(--urarvv-margin-right-tablet,var(--urarvv-margin-right,0px))); aspect-ratio: var(--urarvv-imageRatio-tablet, var(--urarvv-imageRatio, auto)); img { object-fit: var(--urarvv-objFit-tablet, var(--urarvv-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--urarvv-width-mobile,var(--urarvv-width,100%)) - var(--urarvv-margin-left-mobile,var(--urarvv-margin-left,0px)) - var(--urarvv-margin-right-mobile,var(--urarvv-margin-right,0px))); aspect-ratio: var(--urarvv-imageRatio-mobile, var(--urarvv-imageRatio, auto)); img { object-fit: var(--urarvv-objFit-mobile, var(--urarvv-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-hocdb6"] { --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; --hocdb6-typography: p; --hocdb6-typography-tablet: p; --hocdb6-typography-mobile: p; }[data-bnode="beae-hocdb6"] { margin-top: var(--hocdb6-margin-top, 0px); margin-right: var(--hocdb6-margin-right, 0px); margin-bottom: var(--hocdb6-margin-bottom, 0px); margin-left: var(--hocdb6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hocdb6-margin-top-tablet, 0px); margin-right: var(--hocdb6-margin-right-tablet, 0px); margin-bottom: var(--hocdb6-margin-bottom-tablet, 0px); margin-left: var(--hocdb6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hocdb6-margin-top-mobile, 0px); margin-right: var(--hocdb6-margin-right-mobile, 0px); margin-bottom: var(--hocdb6-margin-bottom-mobile, 0px); margin-left: var(--hocdb6-margin-left-mobile, 0px); } }[data-bnode="beae-hsbjea"] { --hsbjea-direction: row; --hsbjea-direction-tablet: row; --hsbjea-direction-mobile: row; --hsbjea-align-items: center; --hsbjea-align-items-tablet: center; --hsbjea-align-items-mobile: center; }[data-bnode="beae-hsbjea"] { padding-top: var(--hsbjea-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hsbjea-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hsbjea-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hsbjea-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hsbjea-padding-top-tablet, var(--hsbjea-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hsbjea-padding-right-tablet, var(--hsbjea-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hsbjea-padding-bottom-tablet, var(--hsbjea-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hsbjea-padding-left-tablet, var(--hsbjea-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hsbjea-padding-top-mobile, var(--hsbjea-padding-top-tablet, var(--hsbjea-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hsbjea-padding-right-mobile, var(--hsbjea-padding-right-tablet, var(--hsbjea-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hsbjea-padding-bottom-mobile, var(--hsbjea-padding-bottom-tablet, var(--hsbjea-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hsbjea-padding-left-mobile, var(--hsbjea-padding-left-tablet, var(--hsbjea-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--hsbjea-padding-left, var(--beae-slot-padding-x, 0px)) - var(--hsbjea-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(--hsbjea-background-imageRatio, auto); background: var(--hsbjea-background-color,transparent); border-style: var(--hsbjea-borderStyle,solid); border-color: var(--hsbjea-borderColor,#000000); border-width: var(--hsbjea-borderWidth-tl,0px) var(--hsbjea-borderWidth-tr,0px) var(--hsbjea-borderWidth-br,0px) var(--hsbjea-borderWidth-bl,0px); border-radius: var(--hsbjea-borderRadius-tl,0px) var(--hsbjea-borderRadius-tr,0px) var(--hsbjea-borderRadius-br,0px) var(--hsbjea-borderRadius-bl,0px); box-shadow: if(style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal,0) var(--hsbjea-shadowVertical,0) var(--hsbjea-shadowBlur,0) 1px var(--hsbjea-shadowColor,#000000); else: none); max-width: var(--hsbjea-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--hsbjea-background-imageRatio-tablet, var(--hsbjea-background-imageRatio, auto)); border-width: var(--hsbjea-borderWidth-tl-tablet,0px) var(--hsbjea-borderWidth-tr-tablet,0px) var(--hsbjea-borderWidth-br-tablet,0px) var(--hsbjea-borderWidth-bl-tablet,0px); border-radius: var(--hsbjea-borderRadius-tl-tablet,0px) var(--hsbjea-borderRadius-tr-tablet,0px) var(--hsbjea-borderRadius-br-tablet,0px) var(--hsbjea-borderRadius-bl-tablet,0px); max-width: var(--hsbjea-max-width-tablet, var(--hsbjea-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--hsbjea-background-imageRatio-mobile, var(--hsbjea-background-imageRatio, auto)); border-width: var(--hsbjea-borderWidth-tl-mobile,0px) var(--hsbjea-borderWidth-tr-mobile,0px) var(--hsbjea-borderWidth-br-mobile,0px) var(--hsbjea-borderWidth-bl-mobile,0px); border-radius: var(--hsbjea-borderRadius-tl-mobile,0px) var(--hsbjea-borderRadius-tr-mobile,0px) var(--hsbjea-borderRadius-br-mobile,0px) var(--hsbjea-borderRadius-bl-mobile,0px); max-width: var(--hsbjea-max-width-mobile, var(--hsbjea-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hsbjea-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--hsbjea-gap,var(--beae-card-gap)); padding-top: var(--hsbjea-padding-top,var(--beae-card-padding)); padding-right: var(--hsbjea-padding-right,var(--beae-card-padding)); padding-bottom: var(--hsbjea-padding-bottom,var(--beae-card-padding)); padding-left: var(--hsbjea-padding-left,var(--beae-card-padding)); border-width: var(--hsbjea-borderWidth,var(--beae-card-border-width)); border-width: var(--hsbjea-borderWidth-tl,var(--beae-card-border-width)) var(--hsbjea-borderWidth-tr,var(--beae-card-border-width)) var(--hsbjea-borderWidth-br,var(--beae-card-border-width)) var(--hsbjea-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hsbjea-borderRadius-tl,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-tr,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-br,var(--beae-card-border-radius)) var(--hsbjea-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(--hsbjea-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hsbjea-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hsbjea-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hsbjea-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hsbjea-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--hsbjea-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hsbjea-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hsbjea-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hsbjea-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hsbjea-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--hsbjea-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hsbjea-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hsbjea-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hsbjea-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hsbjea-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--hsbjea-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hsbjea-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hsbjea-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hsbjea-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hsbjea-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hsbjea-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hsbjea-background-color,var(--beae-card-featured-background)); border-color: var(--hsbjea-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal, var(--beae-card-shadow-x)) var(--hsbjea-shadowVertical, var(--beae-card-shadow-y)) var(--hsbjea-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hsbjea-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--hsbjea-background-color,var(--beae-card-prod-background)); border-color: var(--hsbjea-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal, var(--beae-card-shadow-x)) var(--hsbjea-shadowVertical, var(--beae-card-shadow-y)) var(--hsbjea-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hsbjea-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--hsbjea-background-color,var(--beae-card-pricing-background)); border-color: var(--hsbjea-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal, var(--beae-card-shadow-x)) var(--hsbjea-shadowVertical, var(--beae-card-shadow-y)) var(--hsbjea-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hsbjea-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--hsbjea-background-color,var(--beae-card-cta-background)); border-color: var(--hsbjea-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal, var(--beae-card-shadow-x)) var(--hsbjea-shadowVertical, var(--beae-card-shadow-y)) var(--hsbjea-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hsbjea-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--hsbjea-background-color,var(--beae-card-media-background)); border-color: var(--hsbjea-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--hsbjea-enableShadow: true): var(--hsbjea-shadowHorizontal, var(--beae-card-shadow-x)) var(--hsbjea-shadowVertical, var(--beae-card-shadow-y)) var(--hsbjea-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hsbjea-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-hsbjea"] {     display: flex;     flex-direction: var(--hsbjea-direction, column);     flex-wrap: nowrap;     justify-content: var(--hsbjea-justify-content);     align-items: var(--hsbjea-align-items);     gap: var(--hsbjea-gap, var(--hsbjea-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hsbjea"] {                            gap: var(--hsbjea-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(--hsbjea-padding-right-tablet, 0px) - var(--hsbjea-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-hsbjea"] {                            gap: var(--hsbjea-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(--hsbjea-padding-right-mobile, 0px) - var(--hsbjea-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-agwwa0"] { --agwwa0-width: 100%; --agwwa0-width-tablet: 100%; --agwwa0-width-mobile: 100%; --agwwa0-imageRatio: 7/5; --agwwa0-imageRatio-tablet: 7/5; --agwwa0-imageRatio-mobile: 7/6; --agwwa0-objFit: cover; --agwwa0-objFit-tablet: cover; --agwwa0-objFit-mobile: cover; --agwwa0-borderColor: #000000; --agwwa0-borderColor-tablet: #000000; --agwwa0-borderColor-mobile: #000000; --agwwa0-shadowColor: #000000; --agwwa0-shadowColor-tablet: #000000; --agwwa0-shadowColor-mobile: #000000; --agwwa0-borderStyle: none; --agwwa0-borderStyle-tablet: none; --agwwa0-borderStyle-mobile: none; --agwwa0-enableShadow: false; --agwwa0-enableShadow-tablet: false; --agwwa0-enableShadow-mobile: false; --agwwa0-borderRadius-tl: 24px; --agwwa0-borderRadius-tl-tablet: 24px; --agwwa0-borderRadius-tl-mobile: 24px; --agwwa0-borderRadius-tr: 160px; --agwwa0-borderRadius-tr-tablet: 80px; --agwwa0-borderRadius-tr-mobile: 80px; --agwwa0-borderRadius-bl: 160px; --agwwa0-borderRadius-bl-tablet: 80px; --agwwa0-borderRadius-bl-mobile: 80px; --agwwa0-borderRadius-br: 24px; --agwwa0-borderRadius-br-tablet: 24px; --agwwa0-borderRadius-br-mobile: 24px; }[data-bnode="beae-agwwa0"] { margin-top: var(--agwwa0-margin-top, 0px); margin-right: var(--agwwa0-margin-right, 0px); margin-bottom: var(--agwwa0-margin-bottom, 0px); margin-left: var(--agwwa0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--agwwa0-margin-top-tablet, 0px); margin-right: var(--agwwa0-margin-right-tablet, 0px); margin-bottom: var(--agwwa0-margin-bottom-tablet, 0px); margin-left: var(--agwwa0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--agwwa0-margin-top-mobile, 0px); margin-right: var(--agwwa0-margin-right-mobile, 0px); margin-bottom: var(--agwwa0-margin-bottom-mobile, 0px); margin-left: var(--agwwa0-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--agwwa0-width,100%) - var(--agwwa0-margin-left,0px) - var(--agwwa0-margin-right,0px)); min-height: min-content; border-style: var(--agwwa0-borderStyle,solid); border-color: var(--agwwa0-borderColor,#000000); border-width: var(--agwwa0-borderWidth-tl,0px) var(--agwwa0-borderWidth-tr,0px) var(--agwwa0-borderWidth-br,0px) var(--agwwa0-borderWidth-bl,0px); border-radius: var(--agwwa0-borderRadius-tl,0px) var(--agwwa0-borderRadius-tr,0px) var(--agwwa0-borderRadius-br,0px) var(--agwwa0-borderRadius-bl,0px); aspect-ratio: var(--agwwa0-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--agwwa0-borderWidth-tl-tablet, var(--agwwa0-borderWidth-tl,0px)) var(--agwwa0-borderWidth-tr-tablet, var(--agwwa0-borderWidth-tr,0px)) var(--agwwa0-borderWidth-br-tablet, var(--agwwa0-borderWidth-br,0px)) var(--agwwa0-borderWidth-bl-tablet, var(--agwwa0-borderWidth-bl,0px)); border-radius: var(--agwwa0-borderRadius-tl-tablet, var(--agwwa0-borderRadius-tl,0px)) var(--agwwa0-borderRadius-tr-tablet, var(--agwwa0-borderRadius-tr,0px)) var(--agwwa0-borderRadius-br-tablet, var(--agwwa0-borderRadius-br,0px)) var(--agwwa0-borderRadius-bl-tablet, var(--agwwa0-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--agwwa0-borderWidth-tl-mobile, var(--agwwa0-borderWidth-tl,0px)) var(--agwwa0-borderWidth-tr-mobile, var(--agwwa0-borderWidth-tr,0px)) var(--agwwa0-borderWidth-br-mobile, var(--agwwa0-borderWidth-br,0px)) var(--agwwa0-borderWidth-bl-mobile, var(--agwwa0-borderWidth-bl,0px)); border-radius: var(--agwwa0-borderRadius-tl-mobile, var(--agwwa0-borderRadius-tl,0px)) var(--agwwa0-borderRadius-tr-mobile, var(--agwwa0-borderRadius-tr,0px)) var(--agwwa0-borderRadius-br-mobile, var(--agwwa0-borderRadius-br,0px)) var(--agwwa0-borderRadius-bl-mobile, var(--agwwa0-borderRadius-bl,0px)); } box-shadow: if( style(--agwwa0-enableShadow: true): var(--agwwa0-shadowHorizontal, 0) var(--agwwa0-shadowVertical, 0) var(--agwwa0-shadowBlur, 0) 1px var(--agwwa0-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--agwwa0-overlayColor-color, #000); opacity: var(--agwwa0-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--agwwa0-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--agwwa0-width-tablet,var(--agwwa0-width,100%)) - var(--agwwa0-margin-left-tablet,var(--agwwa0-margin-left,0px)) - var(--agwwa0-margin-right-tablet,var(--agwwa0-margin-right,0px))); aspect-ratio: var(--agwwa0-imageRatio-tablet, var(--agwwa0-imageRatio, auto)); img { object-fit: var(--agwwa0-objFit-tablet, var(--agwwa0-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--agwwa0-width-mobile,var(--agwwa0-width,100%)) - var(--agwwa0-margin-left-mobile,var(--agwwa0-margin-left,0px)) - var(--agwwa0-margin-right-mobile,var(--agwwa0-margin-right,0px))); aspect-ratio: var(--agwwa0-imageRatio-mobile, var(--agwwa0-imageRatio, auto)); img { object-fit: var(--agwwa0-objFit-mobile, var(--agwwa0-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-p37wj9"] { --p37wj9-width: 1600px; --p37wj9-width-tablet: 1600px; --p37wj9-width-mobile: 1600px; --p37wj9-height: fit-content; --p37wj9-height-tablet: fit-content; --p37wj9-height-mobile: fit-content; --p37wj9-padding-top: 32px; --p37wj9-padding-top-tablet: 32px; --p37wj9-padding-top-mobile: 32px; --p37wj9-padding-right: 31px; --p37wj9-padding-right-tablet: 28px; --p37wj9-padding-right-mobile: 16px; --p37wj9-padding-bottom: 64px; --p37wj9-padding-bottom-tablet: 64px; --p37wj9-padding-bottom-mobile: 64px; --p37wj9-padding-left: 30px; --p37wj9-padding-left-tablet: 28px; --p37wj9-padding-left-mobile: 16px; --p37wj9-direction: column; --p37wj9-direction-tablet: column; --p37wj9-direction-mobile: column; --p37wj9-align-items: center; --p37wj9-align-items-tablet: center; --p37wj9-align-items-mobile: center; --p37wj9-gap: 56px; --p37wj9-gap-tablet: 56px; --p37wj9-gap-mobile: 56px; }[data-bnode="beae-p37wj9"] { padding-top: var(--p37wj9-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--p37wj9-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--p37wj9-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--p37wj9-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p37wj9-padding-top-tablet, var(--p37wj9-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--p37wj9-padding-right-tablet, var(--p37wj9-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--p37wj9-padding-bottom-tablet, var(--p37wj9-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--p37wj9-padding-left-tablet, var(--p37wj9-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p37wj9-padding-top-mobile, var(--p37wj9-padding-top-tablet, var(--p37wj9-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--p37wj9-padding-right-mobile, var(--p37wj9-padding-right-tablet, var(--p37wj9-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--p37wj9-padding-bottom-mobile, var(--p37wj9-padding-bottom-tablet, var(--p37wj9-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--p37wj9-padding-left-mobile, var(--p37wj9-padding-left-tablet, var(--p37wj9-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--p37wj9-padding-left, var(--beae-section-padding-x, 0px)) - var(--p37wj9-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--p37wj9-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--p37wj9-height); width: 100%; max-width: var(--p37wj9-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(--p37wj9-height-tablet, auto); width: 100%; max-width: var(--p37wj9-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--p37wj9-height-mobile, auto); width: 100%; max-width: var(--p37wj9-width-mobile, 100%); } } } }[data-bnode="beae-p37wj9"] > .beae-section-container{     display: flex;     flex-direction: var(--p37wj9-direction, column);     flex-wrap: nowrap;     justify-content: var(--p37wj9-justify-content);     align-items: var(--p37wj9-align-items);     gap: var(--p37wj9-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p37wj9"] > .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(--p37wj9-padding-right-tablet, 0px) - var(--p37wj9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p37wj9"] > .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(--p37wj9-padding-right-mobile, 0px) - var(--p37wj9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3nrpvs"] { --3nrpvs-direction: column; --3nrpvs-direction-tablet: column; --3nrpvs-direction-mobile: column; --3nrpvs-structure: columns; --3nrpvs-structure-tablet: columns; --3nrpvs-structure-mobile: columns; --3nrpvs-align-items: center; --3nrpvs-align-items-tablet: center; --3nrpvs-align-items-mobile: center; --3nrpvs-gap: 12px; --3nrpvs-gap-tablet: 12px; --3nrpvs-gap-mobile: 12px; }[data-bnode="beae-3nrpvs"] { padding-top: var(--3nrpvs-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--3nrpvs-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--3nrpvs-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--3nrpvs-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--3nrpvs-padding-top-tablet, var(--3nrpvs-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--3nrpvs-padding-right-tablet, var(--3nrpvs-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--3nrpvs-padding-bottom-tablet, var(--3nrpvs-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--3nrpvs-padding-left-tablet, var(--3nrpvs-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--3nrpvs-padding-top-mobile, var(--3nrpvs-padding-top-tablet, var(--3nrpvs-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--3nrpvs-padding-right-mobile, var(--3nrpvs-padding-right-tablet, var(--3nrpvs-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--3nrpvs-padding-bottom-mobile, var(--3nrpvs-padding-bottom-tablet, var(--3nrpvs-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--3nrpvs-padding-left-mobile, var(--3nrpvs-padding-left-tablet, var(--3nrpvs-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--3nrpvs-padding-left, var(--beae-slot-padding-x, 0px)) - var(--3nrpvs-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(--3nrpvs-background-imageRatio, auto); background: var(--3nrpvs-background-color,transparent); border-style: var(--3nrpvs-borderStyle,solid); border-color: var(--3nrpvs-borderColor,#000000); border-width: var(--3nrpvs-borderWidth-tl,0px) var(--3nrpvs-borderWidth-tr,0px) var(--3nrpvs-borderWidth-br,0px) var(--3nrpvs-borderWidth-bl,0px); border-radius: var(--3nrpvs-borderRadius-tl,0px) var(--3nrpvs-borderRadius-tr,0px) var(--3nrpvs-borderRadius-br,0px) var(--3nrpvs-borderRadius-bl,0px); box-shadow: if(style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal,0) var(--3nrpvs-shadowVertical,0) var(--3nrpvs-shadowBlur,0) 1px var(--3nrpvs-shadowColor,#000000); else: none); max-width: var(--3nrpvs-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--3nrpvs-background-imageRatio-tablet, var(--3nrpvs-background-imageRatio, auto)); border-width: var(--3nrpvs-borderWidth-tl-tablet,0px) var(--3nrpvs-borderWidth-tr-tablet,0px) var(--3nrpvs-borderWidth-br-tablet,0px) var(--3nrpvs-borderWidth-bl-tablet,0px); border-radius: var(--3nrpvs-borderRadius-tl-tablet,0px) var(--3nrpvs-borderRadius-tr-tablet,0px) var(--3nrpvs-borderRadius-br-tablet,0px) var(--3nrpvs-borderRadius-bl-tablet,0px); max-width: var(--3nrpvs-max-width-tablet, var(--3nrpvs-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--3nrpvs-background-imageRatio-mobile, var(--3nrpvs-background-imageRatio, auto)); border-width: var(--3nrpvs-borderWidth-tl-mobile,0px) var(--3nrpvs-borderWidth-tr-mobile,0px) var(--3nrpvs-borderWidth-br-mobile,0px) var(--3nrpvs-borderWidth-bl-mobile,0px); border-radius: var(--3nrpvs-borderRadius-tl-mobile,0px) var(--3nrpvs-borderRadius-tr-mobile,0px) var(--3nrpvs-borderRadius-br-mobile,0px) var(--3nrpvs-borderRadius-bl-mobile,0px); max-width: var(--3nrpvs-max-width-mobile, var(--3nrpvs-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--3nrpvs-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--3nrpvs-gap,var(--beae-card-gap)); padding-top: var(--3nrpvs-padding-top,var(--beae-card-padding)); padding-right: var(--3nrpvs-padding-right,var(--beae-card-padding)); padding-bottom: var(--3nrpvs-padding-bottom,var(--beae-card-padding)); padding-left: var(--3nrpvs-padding-left,var(--beae-card-padding)); border-width: var(--3nrpvs-borderWidth,var(--beae-card-border-width)); border-width: var(--3nrpvs-borderWidth-tl,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-tr,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-br,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--3nrpvs-borderRadius-tl,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-tr,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-br,var(--beae-card-border-radius)) var(--3nrpvs-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(--3nrpvs-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--3nrpvs-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--3nrpvs-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--3nrpvs-padding-left-tablet,var(--beae-card-padding)); border-width: var(--3nrpvs-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--3nrpvs-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-br-desktop,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--3nrpvs-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--3nrpvs-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--3nrpvs-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--3nrpvs-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--3nrpvs-padding-left-mobile,var(--beae-card-padding)); border-width: var(--3nrpvs-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--3nrpvs-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-br-mobile,var(--beae-card-border-width)) var(--3nrpvs-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--3nrpvs-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--3nrpvs-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--3nrpvs-background-color,var(--beae-card-featured-background)); border-color: var(--3nrpvs-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal, var(--beae-card-shadow-x)) var(--3nrpvs-shadowVertical, var(--beae-card-shadow-y)) var(--3nrpvs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3nrpvs-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--3nrpvs-background-color,var(--beae-card-prod-background)); border-color: var(--3nrpvs-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal, var(--beae-card-shadow-x)) var(--3nrpvs-shadowVertical, var(--beae-card-shadow-y)) var(--3nrpvs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3nrpvs-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--3nrpvs-background-color,var(--beae-card-pricing-background)); border-color: var(--3nrpvs-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal, var(--beae-card-shadow-x)) var(--3nrpvs-shadowVertical, var(--beae-card-shadow-y)) var(--3nrpvs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3nrpvs-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--3nrpvs-background-color,var(--beae-card-cta-background)); border-color: var(--3nrpvs-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal, var(--beae-card-shadow-x)) var(--3nrpvs-shadowVertical, var(--beae-card-shadow-y)) var(--3nrpvs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3nrpvs-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--3nrpvs-background-color,var(--beae-card-media-background)); border-color: var(--3nrpvs-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--3nrpvs-enableShadow: true): var(--3nrpvs-shadowHorizontal, var(--beae-card-shadow-x)) var(--3nrpvs-shadowVertical, var(--beae-card-shadow-y)) var(--3nrpvs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3nrpvs-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-3nrpvs"] {     display: flex;     flex-direction: var(--3nrpvs-direction, column);     flex-wrap: nowrap;     justify-content: var(--3nrpvs-justify-content);     align-items: var(--3nrpvs-align-items);     gap: var(--3nrpvs-gap, var(--3nrpvs-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3nrpvs"] {                            gap: var(--3nrpvs-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(--3nrpvs-padding-right-tablet, 0px) - var(--3nrpvs-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3nrpvs"] {                            gap: var(--3nrpvs-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(--3nrpvs-padding-right-mobile, 0px) - var(--3nrpvs-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zpc7iv"] { --zpc7iv-direction: column; --zpc7iv-direction-tablet: column; --zpc7iv-direction-mobile: column; --zpc7iv-structure: auto; --zpc7iv-structure-tablet: auto; --zpc7iv-structure-mobile: auto; --zpc7iv-align-items: center; --zpc7iv-align-items-tablet: center; --zpc7iv-align-items-mobile: center; --zpc7iv-max-width: fit-content; --zpc7iv-max-width-tablet: fit-content; --zpc7iv-max-width-mobile: fit-content; --zpc7iv-padding-top: 6px; --zpc7iv-padding-top-tablet: 6px; --zpc7iv-padding-top-mobile: 6px; --zpc7iv-padding-right: 16px; --zpc7iv-padding-right-tablet: 16px; --zpc7iv-padding-right-mobile: 16px; --zpc7iv-padding-bottom: 6px; --zpc7iv-padding-bottom-tablet: 6px; --zpc7iv-padding-bottom-mobile: 6px; --zpc7iv-padding-left: 16px; --zpc7iv-padding-left-tablet: 16px; --zpc7iv-padding-left-mobile: 16px; --zpc7iv-borderRadius-tl: 99px; --zpc7iv-borderRadius-tl-tablet: 99px; --zpc7iv-borderRadius-tl-mobile: 99px; --zpc7iv-borderRadius-tr: 99px; --zpc7iv-borderRadius-tr-tablet: 99px; --zpc7iv-borderRadius-tr-mobile: 99px; --zpc7iv-borderRadius-bl: 99px; --zpc7iv-borderRadius-bl-tablet: 99px; --zpc7iv-borderRadius-bl-mobile: 99px; --zpc7iv-borderRadius-br: 99px; --zpc7iv-borderRadius-br-tablet: 99px; --zpc7iv-borderRadius-br-mobile: 99px; --zpc7iv-background-type: color; --zpc7iv-background-type-tablet: color; --zpc7iv-background-type-mobile: color; --zpc7iv-background-color: #F2EDFECC; --zpc7iv-background-color-tablet: #F2EDFECC; --zpc7iv-background-color-mobile: #F2EDFECC; }[data-bnode="beae-zpc7iv"] { padding-top: var(--zpc7iv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zpc7iv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zpc7iv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zpc7iv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zpc7iv-padding-top-tablet, var(--zpc7iv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zpc7iv-padding-right-tablet, var(--zpc7iv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zpc7iv-padding-bottom-tablet, var(--zpc7iv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zpc7iv-padding-left-tablet, var(--zpc7iv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zpc7iv-padding-top-mobile, var(--zpc7iv-padding-top-tablet, var(--zpc7iv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zpc7iv-padding-right-mobile, var(--zpc7iv-padding-right-tablet, var(--zpc7iv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zpc7iv-padding-bottom-mobile, var(--zpc7iv-padding-bottom-tablet, var(--zpc7iv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zpc7iv-padding-left-mobile, var(--zpc7iv-padding-left-tablet, var(--zpc7iv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zpc7iv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zpc7iv-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(--zpc7iv-background-imageRatio, auto); background: var(--zpc7iv-background-color,transparent); border-style: var(--zpc7iv-borderStyle,solid); border-color: var(--zpc7iv-borderColor,#000000); border-width: var(--zpc7iv-borderWidth-tl,0px) var(--zpc7iv-borderWidth-tr,0px) var(--zpc7iv-borderWidth-br,0px) var(--zpc7iv-borderWidth-bl,0px); border-radius: var(--zpc7iv-borderRadius-tl,0px) var(--zpc7iv-borderRadius-tr,0px) var(--zpc7iv-borderRadius-br,0px) var(--zpc7iv-borderRadius-bl,0px); box-shadow: if(style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal,0) var(--zpc7iv-shadowVertical,0) var(--zpc7iv-shadowBlur,0) 1px var(--zpc7iv-shadowColor,#000000); else: none); max-width: var(--zpc7iv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zpc7iv-background-imageRatio-tablet, var(--zpc7iv-background-imageRatio, auto)); border-width: var(--zpc7iv-borderWidth-tl-tablet,0px) var(--zpc7iv-borderWidth-tr-tablet,0px) var(--zpc7iv-borderWidth-br-tablet,0px) var(--zpc7iv-borderWidth-bl-tablet,0px); border-radius: var(--zpc7iv-borderRadius-tl-tablet,0px) var(--zpc7iv-borderRadius-tr-tablet,0px) var(--zpc7iv-borderRadius-br-tablet,0px) var(--zpc7iv-borderRadius-bl-tablet,0px); max-width: var(--zpc7iv-max-width-tablet, var(--zpc7iv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zpc7iv-background-imageRatio-mobile, var(--zpc7iv-background-imageRatio, auto)); border-width: var(--zpc7iv-borderWidth-tl-mobile,0px) var(--zpc7iv-borderWidth-tr-mobile,0px) var(--zpc7iv-borderWidth-br-mobile,0px) var(--zpc7iv-borderWidth-bl-mobile,0px); border-radius: var(--zpc7iv-borderRadius-tl-mobile,0px) var(--zpc7iv-borderRadius-tr-mobile,0px) var(--zpc7iv-borderRadius-br-mobile,0px) var(--zpc7iv-borderRadius-bl-mobile,0px); max-width: var(--zpc7iv-max-width-mobile, var(--zpc7iv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zpc7iv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zpc7iv-gap,var(--beae-card-gap)); padding-top: var(--zpc7iv-padding-top,var(--beae-card-padding)); padding-right: var(--zpc7iv-padding-right,var(--beae-card-padding)); padding-bottom: var(--zpc7iv-padding-bottom,var(--beae-card-padding)); padding-left: var(--zpc7iv-padding-left,var(--beae-card-padding)); border-width: var(--zpc7iv-borderWidth,var(--beae-card-border-width)); border-width: var(--zpc7iv-borderWidth-tl,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-tr,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-br,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zpc7iv-borderRadius-tl,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-tr,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-br,var(--beae-card-border-radius)) var(--zpc7iv-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(--zpc7iv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zpc7iv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zpc7iv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zpc7iv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zpc7iv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zpc7iv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zpc7iv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zpc7iv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zpc7iv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zpc7iv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zpc7iv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zpc7iv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zpc7iv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zpc7iv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zpc7iv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zpc7iv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zpc7iv-background-color,var(--beae-card-featured-background)); border-color: var(--zpc7iv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zpc7iv-shadowVertical, var(--beae-card-shadow-y)) var(--zpc7iv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zpc7iv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zpc7iv-background-color,var(--beae-card-prod-background)); border-color: var(--zpc7iv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zpc7iv-shadowVertical, var(--beae-card-shadow-y)) var(--zpc7iv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zpc7iv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zpc7iv-background-color,var(--beae-card-pricing-background)); border-color: var(--zpc7iv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zpc7iv-shadowVertical, var(--beae-card-shadow-y)) var(--zpc7iv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zpc7iv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zpc7iv-background-color,var(--beae-card-cta-background)); border-color: var(--zpc7iv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zpc7iv-shadowVertical, var(--beae-card-shadow-y)) var(--zpc7iv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zpc7iv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zpc7iv-background-color,var(--beae-card-media-background)); border-color: var(--zpc7iv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zpc7iv-enableShadow: true): var(--zpc7iv-shadowHorizontal, var(--beae-card-shadow-x)) var(--zpc7iv-shadowVertical, var(--beae-card-shadow-y)) var(--zpc7iv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zpc7iv-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-zpc7iv"] {     display: flex;     flex-direction: var(--zpc7iv-direction, column);     flex-wrap: nowrap;     justify-content: var(--zpc7iv-justify-content);     align-items: var(--zpc7iv-align-items);     gap: var(--zpc7iv-gap, var(--zpc7iv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zpc7iv"] {                            gap: var(--zpc7iv-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(--zpc7iv-padding-right-tablet, 0px) - var(--zpc7iv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zpc7iv"] {                            gap: var(--zpc7iv-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(--zpc7iv-padding-right-mobile, 0px) - var(--zpc7iv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ur7vk6"] { --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; --ur7vk6-typography: p; --ur7vk6-typography-tablet: p; --ur7vk6-typography-mobile: p; }[data-bnode="beae-ur7vk6"] { margin-top: var(--ur7vk6-margin-top, 0px); margin-right: var(--ur7vk6-margin-right, 0px); margin-bottom: var(--ur7vk6-margin-bottom, 0px); margin-left: var(--ur7vk6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ur7vk6-margin-top-tablet, 0px); margin-right: var(--ur7vk6-margin-right-tablet, 0px); margin-bottom: var(--ur7vk6-margin-bottom-tablet, 0px); margin-left: var(--ur7vk6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ur7vk6-margin-top-mobile, 0px); margin-right: var(--ur7vk6-margin-right-mobile, 0px); margin-bottom: var(--ur7vk6-margin-bottom-mobile, 0px); margin-left: var(--ur7vk6-margin-left-mobile, 0px); } }[data-bnode="beae-l2gvha"] { --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; --l2gvha-typography: h2; --l2gvha-typography-tablet: h2; --l2gvha-typography-mobile: h2; }[data-bnode="beae-l2gvha"] { margin-top: var(--l2gvha-margin-top, 0px); margin-right: var(--l2gvha-margin-right, 0px); margin-bottom: var(--l2gvha-margin-bottom, 0px); margin-left: var(--l2gvha-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l2gvha-margin-top-tablet, 0px); margin-right: var(--l2gvha-margin-right-tablet, 0px); margin-bottom: var(--l2gvha-margin-bottom-tablet, 0px); margin-left: var(--l2gvha-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l2gvha-margin-top-mobile, 0px); margin-right: var(--l2gvha-margin-right-mobile, 0px); margin-bottom: var(--l2gvha-margin-bottom-mobile, 0px); margin-left: var(--l2gvha-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--l2gvha-highlightColor,var(--beae-p-color)); top: var(--l2gvha-highlightTop, 100%); } }[data-bnode="beae-dxm487"] { --dxm487-direction: row; --dxm487-direction-tablet: row; --dxm487-direction-mobile: column; --dxm487-structure: columns; --dxm487-structure-tablet: columns; --dxm487-structure-mobile: columns; --dxm487-gap: 96px; --dxm487-gap-tablet: 40px; --dxm487-gap-mobile: 36px; --dxm487-align-items-tablet: flex-start; --dxm487-align-items-mobile: flex-start; }[data-bnode="beae-dxm487"] { padding-top: var(--dxm487-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dxm487-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dxm487-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dxm487-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dxm487-padding-top-tablet, var(--dxm487-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dxm487-padding-right-tablet, var(--dxm487-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dxm487-padding-bottom-tablet, var(--dxm487-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dxm487-padding-left-tablet, var(--dxm487-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dxm487-padding-top-mobile, var(--dxm487-padding-top-tablet, var(--dxm487-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dxm487-padding-right-mobile, var(--dxm487-padding-right-tablet, var(--dxm487-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dxm487-padding-bottom-mobile, var(--dxm487-padding-bottom-tablet, var(--dxm487-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dxm487-padding-left-mobile, var(--dxm487-padding-left-tablet, var(--dxm487-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dxm487-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dxm487-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(--dxm487-background-imageRatio, auto); background: var(--dxm487-background-color,transparent); border-style: var(--dxm487-borderStyle,solid); border-color: var(--dxm487-borderColor,#000000); border-width: var(--dxm487-borderWidth-tl,0px) var(--dxm487-borderWidth-tr,0px) var(--dxm487-borderWidth-br,0px) var(--dxm487-borderWidth-bl,0px); border-radius: var(--dxm487-borderRadius-tl,0px) var(--dxm487-borderRadius-tr,0px) var(--dxm487-borderRadius-br,0px) var(--dxm487-borderRadius-bl,0px); box-shadow: if(style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal,0) var(--dxm487-shadowVertical,0) var(--dxm487-shadowBlur,0) 1px var(--dxm487-shadowColor,#000000); else: none); max-width: var(--dxm487-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dxm487-background-imageRatio-tablet, var(--dxm487-background-imageRatio, auto)); border-width: var(--dxm487-borderWidth-tl-tablet,0px) var(--dxm487-borderWidth-tr-tablet,0px) var(--dxm487-borderWidth-br-tablet,0px) var(--dxm487-borderWidth-bl-tablet,0px); border-radius: var(--dxm487-borderRadius-tl-tablet,0px) var(--dxm487-borderRadius-tr-tablet,0px) var(--dxm487-borderRadius-br-tablet,0px) var(--dxm487-borderRadius-bl-tablet,0px); max-width: var(--dxm487-max-width-tablet, var(--dxm487-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dxm487-background-imageRatio-mobile, var(--dxm487-background-imageRatio, auto)); border-width: var(--dxm487-borderWidth-tl-mobile,0px) var(--dxm487-borderWidth-tr-mobile,0px) var(--dxm487-borderWidth-br-mobile,0px) var(--dxm487-borderWidth-bl-mobile,0px); border-radius: var(--dxm487-borderRadius-tl-mobile,0px) var(--dxm487-borderRadius-tr-mobile,0px) var(--dxm487-borderRadius-br-mobile,0px) var(--dxm487-borderRadius-bl-mobile,0px); max-width: var(--dxm487-max-width-mobile, var(--dxm487-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dxm487-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dxm487-gap,var(--beae-card-gap)); padding-top: var(--dxm487-padding-top,var(--beae-card-padding)); padding-right: var(--dxm487-padding-right,var(--beae-card-padding)); padding-bottom: var(--dxm487-padding-bottom,var(--beae-card-padding)); padding-left: var(--dxm487-padding-left,var(--beae-card-padding)); border-width: var(--dxm487-borderWidth,var(--beae-card-border-width)); border-width: var(--dxm487-borderWidth-tl,var(--beae-card-border-width)) var(--dxm487-borderWidth-tr,var(--beae-card-border-width)) var(--dxm487-borderWidth-br,var(--beae-card-border-width)) var(--dxm487-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dxm487-borderRadius-tl,var(--beae-card-border-radius)) var(--dxm487-borderRadius-tr,var(--beae-card-border-radius)) var(--dxm487-borderRadius-br,var(--beae-card-border-radius)) var(--dxm487-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(--dxm487-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dxm487-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dxm487-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dxm487-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dxm487-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dxm487-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dxm487-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dxm487-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dxm487-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dxm487-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dxm487-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dxm487-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dxm487-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dxm487-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dxm487-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dxm487-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dxm487-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dxm487-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dxm487-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dxm487-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dxm487-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dxm487-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dxm487-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dxm487-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dxm487-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dxm487-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dxm487-background-color,var(--beae-card-featured-background)); border-color: var(--dxm487-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal, var(--beae-card-shadow-x)) var(--dxm487-shadowVertical, var(--beae-card-shadow-y)) var(--dxm487-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dxm487-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dxm487-background-color,var(--beae-card-prod-background)); border-color: var(--dxm487-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal, var(--beae-card-shadow-x)) var(--dxm487-shadowVertical, var(--beae-card-shadow-y)) var(--dxm487-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dxm487-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dxm487-background-color,var(--beae-card-pricing-background)); border-color: var(--dxm487-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal, var(--beae-card-shadow-x)) var(--dxm487-shadowVertical, var(--beae-card-shadow-y)) var(--dxm487-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dxm487-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dxm487-background-color,var(--beae-card-cta-background)); border-color: var(--dxm487-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal, var(--beae-card-shadow-x)) var(--dxm487-shadowVertical, var(--beae-card-shadow-y)) var(--dxm487-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dxm487-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dxm487-background-color,var(--beae-card-media-background)); border-color: var(--dxm487-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dxm487-enableShadow: true): var(--dxm487-shadowHorizontal, var(--beae-card-shadow-x)) var(--dxm487-shadowVertical, var(--beae-card-shadow-y)) var(--dxm487-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dxm487-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-dxm487"] {     display: flex;     flex-direction: var(--dxm487-direction, column);     flex-wrap: nowrap;     justify-content: var(--dxm487-justify-content);     align-items: var(--dxm487-align-items);     gap: var(--dxm487-gap, var(--dxm487-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(--dxm487-padding-right, 0px) - var(--dxm487-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dxm487"] {                      align-items: var(--dxm487-align-items-tablet, inherit);      gap: var(--dxm487-gap-tablet, var(--dxm487-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(--dxm487-padding-right-tablet, 0px) - var(--dxm487-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dxm487"] {      flex-direction: var(--dxm487-direction-mobile, column);                      gap: var(--dxm487-gap-mobile, var(--dxm487-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-cwy6zx"] { padding-top: var(--cwy6zx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--cwy6zx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--cwy6zx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--cwy6zx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--cwy6zx-padding-top-tablet, var(--cwy6zx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--cwy6zx-padding-right-tablet, var(--cwy6zx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--cwy6zx-padding-bottom-tablet, var(--cwy6zx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--cwy6zx-padding-left-tablet, var(--cwy6zx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--cwy6zx-padding-top-mobile, var(--cwy6zx-padding-top-tablet, var(--cwy6zx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--cwy6zx-padding-right-mobile, var(--cwy6zx-padding-right-tablet, var(--cwy6zx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--cwy6zx-padding-bottom-mobile, var(--cwy6zx-padding-bottom-tablet, var(--cwy6zx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--cwy6zx-padding-left-mobile, var(--cwy6zx-padding-left-tablet, var(--cwy6zx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--cwy6zx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--cwy6zx-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(--cwy6zx-background-imageRatio, auto); background: var(--cwy6zx-background-color,transparent); border-style: var(--cwy6zx-borderStyle,solid); border-color: var(--cwy6zx-borderColor,#000000); border-width: var(--cwy6zx-borderWidth-tl,0px) var(--cwy6zx-borderWidth-tr,0px) var(--cwy6zx-borderWidth-br,0px) var(--cwy6zx-borderWidth-bl,0px); border-radius: var(--cwy6zx-borderRadius-tl,0px) var(--cwy6zx-borderRadius-tr,0px) var(--cwy6zx-borderRadius-br,0px) var(--cwy6zx-borderRadius-bl,0px); box-shadow: if(style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal,0) var(--cwy6zx-shadowVertical,0) var(--cwy6zx-shadowBlur,0) 1px var(--cwy6zx-shadowColor,#000000); else: none); max-width: var(--cwy6zx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--cwy6zx-background-imageRatio-tablet, var(--cwy6zx-background-imageRatio, auto)); border-width: var(--cwy6zx-borderWidth-tl-tablet,0px) var(--cwy6zx-borderWidth-tr-tablet,0px) var(--cwy6zx-borderWidth-br-tablet,0px) var(--cwy6zx-borderWidth-bl-tablet,0px); border-radius: var(--cwy6zx-borderRadius-tl-tablet,0px) var(--cwy6zx-borderRadius-tr-tablet,0px) var(--cwy6zx-borderRadius-br-tablet,0px) var(--cwy6zx-borderRadius-bl-tablet,0px); max-width: var(--cwy6zx-max-width-tablet, var(--cwy6zx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--cwy6zx-background-imageRatio-mobile, var(--cwy6zx-background-imageRatio, auto)); border-width: var(--cwy6zx-borderWidth-tl-mobile,0px) var(--cwy6zx-borderWidth-tr-mobile,0px) var(--cwy6zx-borderWidth-br-mobile,0px) var(--cwy6zx-borderWidth-bl-mobile,0px); border-radius: var(--cwy6zx-borderRadius-tl-mobile,0px) var(--cwy6zx-borderRadius-tr-mobile,0px) var(--cwy6zx-borderRadius-br-mobile,0px) var(--cwy6zx-borderRadius-bl-mobile,0px); max-width: var(--cwy6zx-max-width-mobile, var(--cwy6zx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--cwy6zx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--cwy6zx-gap,var(--beae-card-gap)); padding-top: var(--cwy6zx-padding-top,var(--beae-card-padding)); padding-right: var(--cwy6zx-padding-right,var(--beae-card-padding)); padding-bottom: var(--cwy6zx-padding-bottom,var(--beae-card-padding)); padding-left: var(--cwy6zx-padding-left,var(--beae-card-padding)); border-width: var(--cwy6zx-borderWidth,var(--beae-card-border-width)); border-width: var(--cwy6zx-borderWidth-tl,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-tr,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-br,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--cwy6zx-borderRadius-tl,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-tr,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-br,var(--beae-card-border-radius)) var(--cwy6zx-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(--cwy6zx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--cwy6zx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--cwy6zx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--cwy6zx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--cwy6zx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--cwy6zx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--cwy6zx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--cwy6zx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--cwy6zx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--cwy6zx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--cwy6zx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--cwy6zx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--cwy6zx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--cwy6zx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--cwy6zx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--cwy6zx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--cwy6zx-background-color,var(--beae-card-featured-background)); border-color: var(--cwy6zx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal, var(--beae-card-shadow-x)) var(--cwy6zx-shadowVertical, var(--beae-card-shadow-y)) var(--cwy6zx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cwy6zx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--cwy6zx-background-color,var(--beae-card-prod-background)); border-color: var(--cwy6zx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal, var(--beae-card-shadow-x)) var(--cwy6zx-shadowVertical, var(--beae-card-shadow-y)) var(--cwy6zx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cwy6zx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--cwy6zx-background-color,var(--beae-card-pricing-background)); border-color: var(--cwy6zx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal, var(--beae-card-shadow-x)) var(--cwy6zx-shadowVertical, var(--beae-card-shadow-y)) var(--cwy6zx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cwy6zx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--cwy6zx-background-color,var(--beae-card-cta-background)); border-color: var(--cwy6zx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal, var(--beae-card-shadow-x)) var(--cwy6zx-shadowVertical, var(--beae-card-shadow-y)) var(--cwy6zx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cwy6zx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--cwy6zx-background-color,var(--beae-card-media-background)); border-color: var(--cwy6zx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--cwy6zx-enableShadow: true): var(--cwy6zx-shadowHorizontal, var(--beae-card-shadow-x)) var(--cwy6zx-shadowVertical, var(--beae-card-shadow-y)) var(--cwy6zx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cwy6zx-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-cwy6zx"] {     display: flex;     flex-direction: var(--cwy6zx-direction, column);     flex-wrap: nowrap;     justify-content: var(--cwy6zx-justify-content);     align-items: var(--cwy6zx-align-items);     gap: var(--cwy6zx-gap, var(--cwy6zx-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-cwy6zx"] {                            gap: var(--cwy6zx-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(--cwy6zx-padding-right-tablet, 0px) - var(--cwy6zx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-cwy6zx"] {                            gap: var(--cwy6zx-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(--cwy6zx-padding-right-mobile, 0px) - var(--cwy6zx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jp1eri"] { --jp1eri-width: 100%; --jp1eri-width-tablet: 100%; --jp1eri-width-mobile: 100%; --jp1eri-imageRatio: 7/6; --jp1eri-imageRatio-tablet: 7/6; --jp1eri-imageRatio-mobile: 7/6; --jp1eri-objFit: contain; --jp1eri-objFit-tablet: contain; --jp1eri-objFit-mobile: contain; --jp1eri-borderColor: #000000; --jp1eri-borderColor-tablet: #000000; --jp1eri-borderColor-mobile: #000000; --jp1eri-shadowColor: #000000; --jp1eri-shadowColor-tablet: #000000; --jp1eri-shadowColor-mobile: #000000; --jp1eri-borderStyle: none; --jp1eri-borderStyle-tablet: none; --jp1eri-borderStyle-mobile: none; --jp1eri-enableShadow: false; --jp1eri-enableShadow-tablet: false; --jp1eri-enableShadow-mobile: false; --jp1eri-borderRadius-tl: 24px; --jp1eri-borderRadius-tl-tablet: 24px; --jp1eri-borderRadius-tl-mobile: 24px; --jp1eri-borderRadius-tr: 140px; --jp1eri-borderRadius-tr-tablet: 80px; --jp1eri-borderRadius-tr-mobile: 80px; --jp1eri-borderRadius-bl: 140px; --jp1eri-borderRadius-bl-tablet: 80px; --jp1eri-borderRadius-bl-mobile: 80px; --jp1eri-borderRadius-br: 24px; --jp1eri-borderRadius-br-tablet: 24px; --jp1eri-borderRadius-br-mobile: 24px; }[data-bnode="beae-jp1eri"] { margin-top: var(--jp1eri-margin-top, 0px); margin-right: var(--jp1eri-margin-right, 0px); margin-bottom: var(--jp1eri-margin-bottom, 0px); margin-left: var(--jp1eri-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jp1eri-margin-top-tablet, 0px); margin-right: var(--jp1eri-margin-right-tablet, 0px); margin-bottom: var(--jp1eri-margin-bottom-tablet, 0px); margin-left: var(--jp1eri-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jp1eri-margin-top-mobile, 0px); margin-right: var(--jp1eri-margin-right-mobile, 0px); margin-bottom: var(--jp1eri-margin-bottom-mobile, 0px); margin-left: var(--jp1eri-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--jp1eri-width,100%) - var(--jp1eri-margin-left,0px) - var(--jp1eri-margin-right,0px)); min-height: min-content; border-style: var(--jp1eri-borderStyle,solid); border-color: var(--jp1eri-borderColor,#000000); border-width: var(--jp1eri-borderWidth-tl,0px) var(--jp1eri-borderWidth-tr,0px) var(--jp1eri-borderWidth-br,0px) var(--jp1eri-borderWidth-bl,0px); border-radius: var(--jp1eri-borderRadius-tl,0px) var(--jp1eri-borderRadius-tr,0px) var(--jp1eri-borderRadius-br,0px) var(--jp1eri-borderRadius-bl,0px); aspect-ratio: var(--jp1eri-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--jp1eri-borderWidth-tl-tablet, var(--jp1eri-borderWidth-tl,0px)) var(--jp1eri-borderWidth-tr-tablet, var(--jp1eri-borderWidth-tr,0px)) var(--jp1eri-borderWidth-br-tablet, var(--jp1eri-borderWidth-br,0px)) var(--jp1eri-borderWidth-bl-tablet, var(--jp1eri-borderWidth-bl,0px)); border-radius: var(--jp1eri-borderRadius-tl-tablet, var(--jp1eri-borderRadius-tl,0px)) var(--jp1eri-borderRadius-tr-tablet, var(--jp1eri-borderRadius-tr,0px)) var(--jp1eri-borderRadius-br-tablet, var(--jp1eri-borderRadius-br,0px)) var(--jp1eri-borderRadius-bl-tablet, var(--jp1eri-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--jp1eri-borderWidth-tl-mobile, var(--jp1eri-borderWidth-tl,0px)) var(--jp1eri-borderWidth-tr-mobile, var(--jp1eri-borderWidth-tr,0px)) var(--jp1eri-borderWidth-br-mobile, var(--jp1eri-borderWidth-br,0px)) var(--jp1eri-borderWidth-bl-mobile, var(--jp1eri-borderWidth-bl,0px)); border-radius: var(--jp1eri-borderRadius-tl-mobile, var(--jp1eri-borderRadius-tl,0px)) var(--jp1eri-borderRadius-tr-mobile, var(--jp1eri-borderRadius-tr,0px)) var(--jp1eri-borderRadius-br-mobile, var(--jp1eri-borderRadius-br,0px)) var(--jp1eri-borderRadius-bl-mobile, var(--jp1eri-borderRadius-bl,0px)); } box-shadow: if( style(--jp1eri-enableShadow: true): var(--jp1eri-shadowHorizontal, 0) var(--jp1eri-shadowVertical, 0) var(--jp1eri-shadowBlur, 0) 1px var(--jp1eri-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--jp1eri-overlayColor-color, #000); opacity: var(--jp1eri-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--jp1eri-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--jp1eri-width-tablet,var(--jp1eri-width,100%)) - var(--jp1eri-margin-left-tablet,var(--jp1eri-margin-left,0px)) - var(--jp1eri-margin-right-tablet,var(--jp1eri-margin-right,0px))); aspect-ratio: var(--jp1eri-imageRatio-tablet, var(--jp1eri-imageRatio, auto)); img { object-fit: var(--jp1eri-objFit-tablet, var(--jp1eri-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--jp1eri-width-mobile,var(--jp1eri-width,100%)) - var(--jp1eri-margin-left-mobile,var(--jp1eri-margin-left,0px)) - var(--jp1eri-margin-right-mobile,var(--jp1eri-margin-right,0px))); aspect-ratio: var(--jp1eri-imageRatio-mobile, var(--jp1eri-imageRatio, auto)); img { object-fit: var(--jp1eri-objFit-mobile, var(--jp1eri-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-euqozu"] { --euqozu-direction: row; --euqozu-direction-tablet: row; --euqozu-direction-mobile: row; --euqozu-align-items: center; --euqozu-align-items-tablet: center; --euqozu-align-items-mobile: center; }[data-bnode="beae-euqozu"] { padding-top: var(--euqozu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--euqozu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--euqozu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--euqozu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--euqozu-padding-top-tablet, var(--euqozu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--euqozu-padding-right-tablet, var(--euqozu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--euqozu-padding-bottom-tablet, var(--euqozu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--euqozu-padding-left-tablet, var(--euqozu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--euqozu-padding-top-mobile, var(--euqozu-padding-top-tablet, var(--euqozu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--euqozu-padding-right-mobile, var(--euqozu-padding-right-tablet, var(--euqozu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--euqozu-padding-bottom-mobile, var(--euqozu-padding-bottom-tablet, var(--euqozu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--euqozu-padding-left-mobile, var(--euqozu-padding-left-tablet, var(--euqozu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--euqozu-padding-left, var(--beae-slot-padding-x, 0px)) - var(--euqozu-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(--euqozu-background-imageRatio, auto); background: var(--euqozu-background-color,transparent); border-style: var(--euqozu-borderStyle,solid); border-color: var(--euqozu-borderColor,#000000); border-width: var(--euqozu-borderWidth-tl,0px) var(--euqozu-borderWidth-tr,0px) var(--euqozu-borderWidth-br,0px) var(--euqozu-borderWidth-bl,0px); border-radius: var(--euqozu-borderRadius-tl,0px) var(--euqozu-borderRadius-tr,0px) var(--euqozu-borderRadius-br,0px) var(--euqozu-borderRadius-bl,0px); box-shadow: if(style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal,0) var(--euqozu-shadowVertical,0) var(--euqozu-shadowBlur,0) 1px var(--euqozu-shadowColor,#000000); else: none); max-width: var(--euqozu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--euqozu-background-imageRatio-tablet, var(--euqozu-background-imageRatio, auto)); border-width: var(--euqozu-borderWidth-tl-tablet,0px) var(--euqozu-borderWidth-tr-tablet,0px) var(--euqozu-borderWidth-br-tablet,0px) var(--euqozu-borderWidth-bl-tablet,0px); border-radius: var(--euqozu-borderRadius-tl-tablet,0px) var(--euqozu-borderRadius-tr-tablet,0px) var(--euqozu-borderRadius-br-tablet,0px) var(--euqozu-borderRadius-bl-tablet,0px); max-width: var(--euqozu-max-width-tablet, var(--euqozu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--euqozu-background-imageRatio-mobile, var(--euqozu-background-imageRatio, auto)); border-width: var(--euqozu-borderWidth-tl-mobile,0px) var(--euqozu-borderWidth-tr-mobile,0px) var(--euqozu-borderWidth-br-mobile,0px) var(--euqozu-borderWidth-bl-mobile,0px); border-radius: var(--euqozu-borderRadius-tl-mobile,0px) var(--euqozu-borderRadius-tr-mobile,0px) var(--euqozu-borderRadius-br-mobile,0px) var(--euqozu-borderRadius-bl-mobile,0px); max-width: var(--euqozu-max-width-mobile, var(--euqozu-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--euqozu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--euqozu-gap,var(--beae-card-gap)); padding-top: var(--euqozu-padding-top,var(--beae-card-padding)); padding-right: var(--euqozu-padding-right,var(--beae-card-padding)); padding-bottom: var(--euqozu-padding-bottom,var(--beae-card-padding)); padding-left: var(--euqozu-padding-left,var(--beae-card-padding)); border-width: var(--euqozu-borderWidth,var(--beae-card-border-width)); border-width: var(--euqozu-borderWidth-tl,var(--beae-card-border-width)) var(--euqozu-borderWidth-tr,var(--beae-card-border-width)) var(--euqozu-borderWidth-br,var(--beae-card-border-width)) var(--euqozu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--euqozu-borderRadius-tl,var(--beae-card-border-radius)) var(--euqozu-borderRadius-tr,var(--beae-card-border-radius)) var(--euqozu-borderRadius-br,var(--beae-card-border-radius)) var(--euqozu-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(--euqozu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--euqozu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--euqozu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--euqozu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--euqozu-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--euqozu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--euqozu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--euqozu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--euqozu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--euqozu-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--euqozu-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--euqozu-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--euqozu-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--euqozu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--euqozu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--euqozu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--euqozu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--euqozu-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--euqozu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--euqozu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--euqozu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--euqozu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--euqozu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--euqozu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--euqozu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--euqozu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--euqozu-background-color,var(--beae-card-featured-background)); border-color: var(--euqozu-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal, var(--beae-card-shadow-x)) var(--euqozu-shadowVertical, var(--beae-card-shadow-y)) var(--euqozu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--euqozu-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--euqozu-background-color,var(--beae-card-prod-background)); border-color: var(--euqozu-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal, var(--beae-card-shadow-x)) var(--euqozu-shadowVertical, var(--beae-card-shadow-y)) var(--euqozu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--euqozu-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--euqozu-background-color,var(--beae-card-pricing-background)); border-color: var(--euqozu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal, var(--beae-card-shadow-x)) var(--euqozu-shadowVertical, var(--beae-card-shadow-y)) var(--euqozu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--euqozu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--euqozu-background-color,var(--beae-card-cta-background)); border-color: var(--euqozu-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal, var(--beae-card-shadow-x)) var(--euqozu-shadowVertical, var(--beae-card-shadow-y)) var(--euqozu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--euqozu-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--euqozu-background-color,var(--beae-card-media-background)); border-color: var(--euqozu-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--euqozu-enableShadow: true): var(--euqozu-shadowHorizontal, var(--beae-card-shadow-x)) var(--euqozu-shadowVertical, var(--beae-card-shadow-y)) var(--euqozu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--euqozu-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-euqozu"] {     display: flex;     flex-direction: var(--euqozu-direction, column);     flex-wrap: nowrap;     justify-content: var(--euqozu-justify-content);     align-items: var(--euqozu-align-items);     gap: var(--euqozu-gap, var(--euqozu-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-euqozu"] {                            gap: var(--euqozu-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(--euqozu-padding-right-tablet, 0px) - var(--euqozu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-euqozu"] {                            gap: var(--euqozu-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(--euqozu-padding-right-mobile, 0px) - var(--euqozu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lv551c"] { --lv551c-columns: 1; --lv551c-columns-tablet: 1; --lv551c-columns-mobile: 1; --lv551c-gap: 56px; --lv551c-gap-tablet: 16px; --lv551c-gap-mobile: 24px; --lv551c-navType: true; --lv551c-navType-tablet: true; --lv551c-navType-mobile: true; --lv551c-pagiType: false; --lv551c-pagiType-tablet: false; --lv551c-pagiType-mobile: false; --lv551c-listType: grid; --lv551c-listType-tablet: grid; --lv551c-listType-mobile: grid; --lv551c-stateNavigation: normal; --lv551c-stateNavigation-tablet: normal; --lv551c-stateNavigation-mobile: normal; --lv551c-statePagination: normal; --lv551c-statePagination-tablet: normal; --lv551c-statePagination-mobile: normal; --lv551c-stateNavigtion: normal; --lv551c-stateNavigtion-tablet: normal; --lv551c-stateNavigtion-mobile: normal; --lv551c-columnsMobile-mobile: 1; } [data-bnode="beae-lv551c"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-lv551c"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-lv551c"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-lv551c"] [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-lv551c"] [data-bnode="beae-zl5l48"] { --zl5l48-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-lv551c"] [data-bnode="beae-h634hn"] { --h634hn-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-lv551c"] [data-bnode="beae-ef1sld"] { --ef1sld-direction: row; --ef1sld-structure: auto; --ef1sld-align-items: flex-start; --ef1sld-gap: 24px; --ef1sld-gap-tablet: 16px; --ef1sld-gap-mobile: 16px; } [data-bnode="beae-lv551c"] [data-bnode="beae-i37h8a"] { --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-lv551c"] [data-bnode="beae-67xjs9"] { --67xjs9-direction: column; --67xjs9-padding-top: 12px; --67xjs9-padding-right: 0px; --67xjs9-padding-bottom: 12px; --67xjs9-padding-left: 0px; --67xjs9-align-items: center; --67xjs9-justify-content: flex-start; --67xjs9-max-width: 64px; --67xjs9-background-type: color; --67xjs9-background-color: #E6F0FDCC; --67xjs9-borderRadius-tl: 99px; --67xjs9-borderRadius-tr: 99px; --67xjs9-borderRadius-bl: 99px; --67xjs9-borderRadius-br: 99px; --67xjs9-padding-top-tablet: 14px; --67xjs9-padding-right-tablet: 0px; --67xjs9-padding-bottom-tablet: 14px; --67xjs9-padding-left-tablet: 0px; --67xjs9-borderRadius-tl-tablet: 99px; --67xjs9-borderRadius-tr-tablet: 99px; --67xjs9-borderRadius-bl-tablet: 99px; --67xjs9-borderRadius-br-tablet: 99px; --67xjs9-borderRadius-tl-mobile: 99px; --67xjs9-borderRadius-tr-mobile: 99px; --67xjs9-borderRadius-bl-mobile: 99px; --67xjs9-borderRadius-br-mobile: 99px; --67xjs9-padding-top-mobile: 16px; --67xjs9-padding-right-mobile: 0px; --67xjs9-padding-bottom-mobile: 16px; --67xjs9-padding-left-mobile: 0px; } [data-bnode="beae-lv551c"] [data-bnode="beae-el8kqo"] { --el8kqo-gap: 12px; } [data-bnode="beae-lv551c"] [data-bnode="beae-i37h8a"] { --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; --i37h8a-typography: h3; --i37h8a-typography-tablet: h3; --i37h8a-typography-mobile: h3; } [data-bnode="beae-lv551c"] [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-lv551c"] { margin-top: var(--lv551c-margin-top, 0px); margin-right: var(--lv551c-margin-right, 0px); margin-bottom: var(--lv551c-margin-bottom, 0px); margin-left: var(--lv551c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lv551c-margin-top-tablet, 0px); margin-right: var(--lv551c-margin-right-tablet, 0px); margin-bottom: var(--lv551c-margin-bottom-tablet, 0px); margin-left: var(--lv551c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lv551c-margin-top-mobile, 0px); margin-right: var(--lv551c-margin-right-mobile, 0px); margin-bottom: var(--lv551c-margin-bottom-mobile, 0px); margin-left: var(--lv551c-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--lv551c-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--lv551c-gap,var(--beae-grid-gap, 20px)) * (var(--lv551c-columns, 3) - 1) + 1px) / var(--lv551c-columns, 3)); &:last-child{ margin-right: var(--lv551c-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(--lv551c-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lv551c-columns) - 1) * var(--lv551c-gap,var(--beae-grid-gap, 20px))) / var(--lv551c-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--lv551c-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--lv551c-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--lv551c-columns-tablet, 3) - 1)) / var(--lv551c-columns-tablet, 3)); &:last-child{ margin-right: var(--lv551c-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(--lv551c-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lv551c-columns-tablet) - 1) * var(--lv551c-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--lv551c-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--lv551c-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--lv551c-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--lv551c-columnsMobile-mobile, 1) - 1)) / var(--lv551c-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--lv551c-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(--lv551c-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lv551c-columnsMobile-mobile) - 1) * var(--lv551c-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--lv551c-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--lv551c-navPadding,12px); background:var(--lv551c-navBg,#F5F5F5); color: var(--lv551c-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--lv551c-navBgHover,#CCCCCC); color: var(--lv551c-navColorHover,var(--beae-text-color)); } svg { width: var(--lv551c-navIconSize,20px); height: var(--lv551c-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lv551c-pagiBg,#E6E6E6); &.active { background:var(--lv551c-pagiBgActive,#181818); } &:not(.active):hover { background:var(--lv551c-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--lv551c-pagiColor,#e6e6e6); &.active { color:var(--lv551c-pagiColorActive,#181818); } &:not(.active):hover { color: var(--lv551c-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--lv551c-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lv551c-pagiBg,#E6E6E6); &.active { background: var(--lv551c-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--lv551c-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-lv551c"] [data-bnode="beae-ef1sld"] { padding-top: var(--ef1sld-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ef1sld-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ef1sld-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ef1sld-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ef1sld-padding-top-tablet, var(--ef1sld-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ef1sld-padding-right-tablet, var(--ef1sld-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ef1sld-padding-bottom-tablet, var(--ef1sld-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ef1sld-padding-left-tablet, var(--ef1sld-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ef1sld-padding-top-mobile, var(--ef1sld-padding-top-tablet, var(--ef1sld-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ef1sld-padding-right-mobile, var(--ef1sld-padding-right-tablet, var(--ef1sld-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ef1sld-padding-bottom-mobile, var(--ef1sld-padding-bottom-tablet, var(--ef1sld-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ef1sld-padding-left-mobile, var(--ef1sld-padding-left-tablet, var(--ef1sld-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ef1sld-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ef1sld-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(--ef1sld-background-imageRatio, auto); background: var(--ef1sld-background-color,transparent); border-style: var(--ef1sld-borderStyle,solid); border-color: var(--ef1sld-borderColor,#000000); border-width: var(--ef1sld-borderWidth-tl,0px) var(--ef1sld-borderWidth-tr,0px) var(--ef1sld-borderWidth-br,0px) var(--ef1sld-borderWidth-bl,0px); border-radius: var(--ef1sld-borderRadius-tl,0px) var(--ef1sld-borderRadius-tr,0px) var(--ef1sld-borderRadius-br,0px) var(--ef1sld-borderRadius-bl,0px); box-shadow: if(style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal,0) var(--ef1sld-shadowVertical,0) var(--ef1sld-shadowBlur,0) 1px var(--ef1sld-shadowColor,#000000); else: none); max-width: var(--ef1sld-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ef1sld-background-imageRatio-tablet, var(--ef1sld-background-imageRatio, auto)); border-width: var(--ef1sld-borderWidth-tl-tablet,0px) var(--ef1sld-borderWidth-tr-tablet,0px) var(--ef1sld-borderWidth-br-tablet,0px) var(--ef1sld-borderWidth-bl-tablet,0px); border-radius: var(--ef1sld-borderRadius-tl-tablet,0px) var(--ef1sld-borderRadius-tr-tablet,0px) var(--ef1sld-borderRadius-br-tablet,0px) var(--ef1sld-borderRadius-bl-tablet,0px); max-width: var(--ef1sld-max-width-tablet, var(--ef1sld-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ef1sld-background-imageRatio-mobile, var(--ef1sld-background-imageRatio, auto)); border-width: var(--ef1sld-borderWidth-tl-mobile,0px) var(--ef1sld-borderWidth-tr-mobile,0px) var(--ef1sld-borderWidth-br-mobile,0px) var(--ef1sld-borderWidth-bl-mobile,0px); border-radius: var(--ef1sld-borderRadius-tl-mobile,0px) var(--ef1sld-borderRadius-tr-mobile,0px) var(--ef1sld-borderRadius-br-mobile,0px) var(--ef1sld-borderRadius-bl-mobile,0px); max-width: var(--ef1sld-max-width-mobile, var(--ef1sld-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ef1sld-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ef1sld-gap,var(--beae-card-gap)); padding-top: var(--ef1sld-padding-top,var(--beae-card-padding)); padding-right: var(--ef1sld-padding-right,var(--beae-card-padding)); padding-bottom: var(--ef1sld-padding-bottom,var(--beae-card-padding)); padding-left: var(--ef1sld-padding-left,var(--beae-card-padding)); border-width: var(--ef1sld-borderWidth,var(--beae-card-border-width)); border-width: var(--ef1sld-borderWidth-tl,var(--beae-card-border-width)) var(--ef1sld-borderWidth-tr,var(--beae-card-border-width)) var(--ef1sld-borderWidth-br,var(--beae-card-border-width)) var(--ef1sld-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ef1sld-borderRadius-tl,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-tr,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-br,var(--beae-card-border-radius)) var(--ef1sld-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(--ef1sld-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ef1sld-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ef1sld-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ef1sld-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ef1sld-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ef1sld-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ef1sld-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ef1sld-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ef1sld-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ef1sld-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ef1sld-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ef1sld-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ef1sld-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ef1sld-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ef1sld-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ef1sld-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ef1sld-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ef1sld-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ef1sld-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ef1sld-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ef1sld-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ef1sld-background-color,var(--beae-card-featured-background)); border-color: var(--ef1sld-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal, var(--beae-card-shadow-x)) var(--ef1sld-shadowVertical, var(--beae-card-shadow-y)) var(--ef1sld-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ef1sld-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ef1sld-background-color,var(--beae-card-prod-background)); border-color: var(--ef1sld-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal, var(--beae-card-shadow-x)) var(--ef1sld-shadowVertical, var(--beae-card-shadow-y)) var(--ef1sld-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ef1sld-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ef1sld-background-color,var(--beae-card-pricing-background)); border-color: var(--ef1sld-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal, var(--beae-card-shadow-x)) var(--ef1sld-shadowVertical, var(--beae-card-shadow-y)) var(--ef1sld-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ef1sld-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ef1sld-background-color,var(--beae-card-cta-background)); border-color: var(--ef1sld-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal, var(--beae-card-shadow-x)) var(--ef1sld-shadowVertical, var(--beae-card-shadow-y)) var(--ef1sld-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ef1sld-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ef1sld-background-color,var(--beae-card-media-background)); border-color: var(--ef1sld-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ef1sld-enableShadow: true): var(--ef1sld-shadowHorizontal, var(--beae-card-shadow-x)) var(--ef1sld-shadowVertical, var(--beae-card-shadow-y)) var(--ef1sld-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ef1sld-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-lv551c"] [data-bnode="beae-67xjs9"] { padding-top: var(--67xjs9-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--67xjs9-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--67xjs9-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--67xjs9-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--67xjs9-padding-top-tablet, var(--67xjs9-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--67xjs9-padding-right-tablet, var(--67xjs9-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--67xjs9-padding-bottom-tablet, var(--67xjs9-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--67xjs9-padding-left-tablet, var(--67xjs9-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--67xjs9-padding-top-mobile, var(--67xjs9-padding-top-tablet, var(--67xjs9-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--67xjs9-padding-right-mobile, var(--67xjs9-padding-right-tablet, var(--67xjs9-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--67xjs9-padding-bottom-mobile, var(--67xjs9-padding-bottom-tablet, var(--67xjs9-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--67xjs9-padding-left-mobile, var(--67xjs9-padding-left-tablet, var(--67xjs9-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--67xjs9-padding-left, var(--beae-slot-padding-x, 0px)) - var(--67xjs9-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(--67xjs9-background-imageRatio, auto); background: var(--67xjs9-background-color,transparent); border-style: var(--67xjs9-borderStyle,solid); border-color: var(--67xjs9-borderColor,#000000); border-width: var(--67xjs9-borderWidth-tl,0px) var(--67xjs9-borderWidth-tr,0px) var(--67xjs9-borderWidth-br,0px) var(--67xjs9-borderWidth-bl,0px); border-radius: var(--67xjs9-borderRadius-tl,0px) var(--67xjs9-borderRadius-tr,0px) var(--67xjs9-borderRadius-br,0px) var(--67xjs9-borderRadius-bl,0px); box-shadow: if(style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal,0) var(--67xjs9-shadowVertical,0) var(--67xjs9-shadowBlur,0) 1px var(--67xjs9-shadowColor,#000000); else: none); max-width: var(--67xjs9-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--67xjs9-background-imageRatio-tablet, var(--67xjs9-background-imageRatio, auto)); border-width: var(--67xjs9-borderWidth-tl-tablet,0px) var(--67xjs9-borderWidth-tr-tablet,0px) var(--67xjs9-borderWidth-br-tablet,0px) var(--67xjs9-borderWidth-bl-tablet,0px); border-radius: var(--67xjs9-borderRadius-tl-tablet,0px) var(--67xjs9-borderRadius-tr-tablet,0px) var(--67xjs9-borderRadius-br-tablet,0px) var(--67xjs9-borderRadius-bl-tablet,0px); max-width: var(--67xjs9-max-width-tablet, var(--67xjs9-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--67xjs9-background-imageRatio-mobile, var(--67xjs9-background-imageRatio, auto)); border-width: var(--67xjs9-borderWidth-tl-mobile,0px) var(--67xjs9-borderWidth-tr-mobile,0px) var(--67xjs9-borderWidth-br-mobile,0px) var(--67xjs9-borderWidth-bl-mobile,0px); border-radius: var(--67xjs9-borderRadius-tl-mobile,0px) var(--67xjs9-borderRadius-tr-mobile,0px) var(--67xjs9-borderRadius-br-mobile,0px) var(--67xjs9-borderRadius-bl-mobile,0px); max-width: var(--67xjs9-max-width-mobile, var(--67xjs9-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--67xjs9-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--67xjs9-gap,var(--beae-card-gap)); padding-top: var(--67xjs9-padding-top,var(--beae-card-padding)); padding-right: var(--67xjs9-padding-right,var(--beae-card-padding)); padding-bottom: var(--67xjs9-padding-bottom,var(--beae-card-padding)); padding-left: var(--67xjs9-padding-left,var(--beae-card-padding)); border-width: var(--67xjs9-borderWidth,var(--beae-card-border-width)); border-width: var(--67xjs9-borderWidth-tl,var(--beae-card-border-width)) var(--67xjs9-borderWidth-tr,var(--beae-card-border-width)) var(--67xjs9-borderWidth-br,var(--beae-card-border-width)) var(--67xjs9-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--67xjs9-borderRadius-tl,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-tr,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-br,var(--beae-card-border-radius)) var(--67xjs9-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(--67xjs9-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--67xjs9-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--67xjs9-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--67xjs9-padding-left-tablet,var(--beae-card-padding)); border-width: var(--67xjs9-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--67xjs9-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--67xjs9-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--67xjs9-borderWidth-br-desktop,var(--beae-card-border-width)) var(--67xjs9-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--67xjs9-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--67xjs9-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--67xjs9-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--67xjs9-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--67xjs9-padding-left-mobile,var(--beae-card-padding)); border-width: var(--67xjs9-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--67xjs9-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--67xjs9-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--67xjs9-borderWidth-br-mobile,var(--beae-card-border-width)) var(--67xjs9-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--67xjs9-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--67xjs9-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--67xjs9-background-color,var(--beae-card-featured-background)); border-color: var(--67xjs9-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal, var(--beae-card-shadow-x)) var(--67xjs9-shadowVertical, var(--beae-card-shadow-y)) var(--67xjs9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--67xjs9-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--67xjs9-background-color,var(--beae-card-prod-background)); border-color: var(--67xjs9-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal, var(--beae-card-shadow-x)) var(--67xjs9-shadowVertical, var(--beae-card-shadow-y)) var(--67xjs9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--67xjs9-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--67xjs9-background-color,var(--beae-card-pricing-background)); border-color: var(--67xjs9-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal, var(--beae-card-shadow-x)) var(--67xjs9-shadowVertical, var(--beae-card-shadow-y)) var(--67xjs9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--67xjs9-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--67xjs9-background-color,var(--beae-card-cta-background)); border-color: var(--67xjs9-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal, var(--beae-card-shadow-x)) var(--67xjs9-shadowVertical, var(--beae-card-shadow-y)) var(--67xjs9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--67xjs9-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--67xjs9-background-color,var(--beae-card-media-background)); border-color: var(--67xjs9-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--67xjs9-enableShadow: true): var(--67xjs9-shadowHorizontal, var(--beae-card-shadow-x)) var(--67xjs9-shadowVertical, var(--beae-card-shadow-y)) var(--67xjs9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--67xjs9-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-lv551c"] [data-bnode="beae-i37h8a"] { margin-top: var(--i37h8a-margin-top, 0px); margin-right: var(--i37h8a-margin-right, 0px); margin-bottom: var(--i37h8a-margin-bottom, 0px); margin-left: var(--i37h8a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i37h8a-margin-top-tablet, 0px); margin-right: var(--i37h8a-margin-right-tablet, 0px); margin-bottom: var(--i37h8a-margin-bottom-tablet, 0px); margin-left: var(--i37h8a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i37h8a-margin-top-mobile, 0px); margin-right: var(--i37h8a-margin-right-mobile, 0px); margin-bottom: var(--i37h8a-margin-bottom-mobile, 0px); margin-left: var(--i37h8a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--i37h8a-highlightColor,var(--beae-p-color)); top: var(--i37h8a-highlightTop, 100%); } } [data-bnode="beae-lv551c"] [data-bnode="beae-el8kqo"] { padding-top: var(--el8kqo-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--el8kqo-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--el8kqo-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--el8kqo-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--el8kqo-padding-top-tablet, var(--el8kqo-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--el8kqo-padding-right-tablet, var(--el8kqo-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--el8kqo-padding-bottom-tablet, var(--el8kqo-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--el8kqo-padding-left-tablet, var(--el8kqo-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--el8kqo-padding-top-mobile, var(--el8kqo-padding-top-tablet, var(--el8kqo-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--el8kqo-padding-right-mobile, var(--el8kqo-padding-right-tablet, var(--el8kqo-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--el8kqo-padding-bottom-mobile, var(--el8kqo-padding-bottom-tablet, var(--el8kqo-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--el8kqo-padding-left-mobile, var(--el8kqo-padding-left-tablet, var(--el8kqo-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--el8kqo-padding-left, var(--beae-slot-padding-x, 0px)) - var(--el8kqo-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(--el8kqo-background-imageRatio, auto); background: var(--el8kqo-background-color,transparent); border-style: var(--el8kqo-borderStyle,solid); border-color: var(--el8kqo-borderColor,#000000); border-width: var(--el8kqo-borderWidth-tl,0px) var(--el8kqo-borderWidth-tr,0px) var(--el8kqo-borderWidth-br,0px) var(--el8kqo-borderWidth-bl,0px); border-radius: var(--el8kqo-borderRadius-tl,0px) var(--el8kqo-borderRadius-tr,0px) var(--el8kqo-borderRadius-br,0px) var(--el8kqo-borderRadius-bl,0px); box-shadow: if(style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal,0) var(--el8kqo-shadowVertical,0) var(--el8kqo-shadowBlur,0) 1px var(--el8kqo-shadowColor,#000000); else: none); max-width: var(--el8kqo-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--el8kqo-background-imageRatio-tablet, var(--el8kqo-background-imageRatio, auto)); border-width: var(--el8kqo-borderWidth-tl-tablet,0px) var(--el8kqo-borderWidth-tr-tablet,0px) var(--el8kqo-borderWidth-br-tablet,0px) var(--el8kqo-borderWidth-bl-tablet,0px); border-radius: var(--el8kqo-borderRadius-tl-tablet,0px) var(--el8kqo-borderRadius-tr-tablet,0px) var(--el8kqo-borderRadius-br-tablet,0px) var(--el8kqo-borderRadius-bl-tablet,0px); max-width: var(--el8kqo-max-width-tablet, var(--el8kqo-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--el8kqo-background-imageRatio-mobile, var(--el8kqo-background-imageRatio, auto)); border-width: var(--el8kqo-borderWidth-tl-mobile,0px) var(--el8kqo-borderWidth-tr-mobile,0px) var(--el8kqo-borderWidth-br-mobile,0px) var(--el8kqo-borderWidth-bl-mobile,0px); border-radius: var(--el8kqo-borderRadius-tl-mobile,0px) var(--el8kqo-borderRadius-tr-mobile,0px) var(--el8kqo-borderRadius-br-mobile,0px) var(--el8kqo-borderRadius-bl-mobile,0px); max-width: var(--el8kqo-max-width-mobile, var(--el8kqo-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--el8kqo-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--el8kqo-gap,var(--beae-card-gap)); padding-top: var(--el8kqo-padding-top,var(--beae-card-padding)); padding-right: var(--el8kqo-padding-right,var(--beae-card-padding)); padding-bottom: var(--el8kqo-padding-bottom,var(--beae-card-padding)); padding-left: var(--el8kqo-padding-left,var(--beae-card-padding)); border-width: var(--el8kqo-borderWidth,var(--beae-card-border-width)); border-width: var(--el8kqo-borderWidth-tl,var(--beae-card-border-width)) var(--el8kqo-borderWidth-tr,var(--beae-card-border-width)) var(--el8kqo-borderWidth-br,var(--beae-card-border-width)) var(--el8kqo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--el8kqo-borderRadius-tl,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-tr,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-br,var(--beae-card-border-radius)) var(--el8kqo-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(--el8kqo-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--el8kqo-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--el8kqo-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--el8kqo-padding-left-tablet,var(--beae-card-padding)); border-width: var(--el8kqo-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--el8kqo-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--el8kqo-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--el8kqo-borderWidth-br-desktop,var(--beae-card-border-width)) var(--el8kqo-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--el8kqo-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--el8kqo-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--el8kqo-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--el8kqo-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--el8kqo-padding-left-mobile,var(--beae-card-padding)); border-width: var(--el8kqo-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--el8kqo-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--el8kqo-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--el8kqo-borderWidth-br-mobile,var(--beae-card-border-width)) var(--el8kqo-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--el8kqo-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--el8kqo-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--el8kqo-background-color,var(--beae-card-featured-background)); border-color: var(--el8kqo-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--el8kqo-shadowVertical, var(--beae-card-shadow-y)) var(--el8kqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--el8kqo-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--el8kqo-background-color,var(--beae-card-prod-background)); border-color: var(--el8kqo-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--el8kqo-shadowVertical, var(--beae-card-shadow-y)) var(--el8kqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--el8kqo-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--el8kqo-background-color,var(--beae-card-pricing-background)); border-color: var(--el8kqo-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--el8kqo-shadowVertical, var(--beae-card-shadow-y)) var(--el8kqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--el8kqo-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--el8kqo-background-color,var(--beae-card-cta-background)); border-color: var(--el8kqo-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--el8kqo-shadowVertical, var(--beae-card-shadow-y)) var(--el8kqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--el8kqo-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--el8kqo-background-color,var(--beae-card-media-background)); border-color: var(--el8kqo-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--el8kqo-enableShadow: true): var(--el8kqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--el8kqo-shadowVertical, var(--beae-card-shadow-y)) var(--el8kqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--el8kqo-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-lv551c"] [data-bnode="beae-zl5l48"] { margin-top: var(--zl5l48-margin-top, 0px); margin-right: var(--zl5l48-margin-right, 0px); margin-bottom: var(--zl5l48-margin-bottom, 0px); margin-left: var(--zl5l48-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zl5l48-margin-top-tablet, 0px); margin-right: var(--zl5l48-margin-right-tablet, 0px); margin-bottom: var(--zl5l48-margin-bottom-tablet, 0px); margin-left: var(--zl5l48-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zl5l48-margin-top-mobile, 0px); margin-right: var(--zl5l48-margin-right-mobile, 0px); margin-bottom: var(--zl5l48-margin-bottom-mobile, 0px); margin-left: var(--zl5l48-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--zl5l48-highlightColor,var(--beae-p-color)); top: var(--zl5l48-highlightTop, 100%); } } [data-bnode="beae-lv551c"] [data-bnode="beae-h634hn"] { margin-top: var(--h634hn-margin-top, 0px); margin-right: var(--h634hn-margin-right, 0px); margin-bottom: var(--h634hn-margin-bottom, 0px); margin-left: var(--h634hn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h634hn-margin-top-tablet, 0px); margin-right: var(--h634hn-margin-right-tablet, 0px); margin-bottom: var(--h634hn-margin-bottom-tablet, 0px); margin-left: var(--h634hn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h634hn-margin-top-mobile, 0px); margin-right: var(--h634hn-margin-right-mobile, 0px); margin-bottom: var(--h634hn-margin-bottom-mobile, 0px); margin-left: var(--h634hn-margin-left-mobile, 0px); } } [data-bnode="beae-lv551c"] [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-lv551c"] [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-lv551c"] [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-lv551c"] [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-ef1sld"] {     display: flex;     flex-direction: var(--ef1sld-direction, column);     flex-wrap: nowrap;     justify-content: var(--ef1sld-justify-content);     align-items: var(--ef1sld-align-items);     gap: var(--ef1sld-gap, var(--ef1sld-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ef1sld"] {                            gap: var(--ef1sld-gap-tablet, var(--ef1sld-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(--ef1sld-padding-right-tablet, 0px) - var(--ef1sld-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ef1sld"] {                            gap: var(--ef1sld-gap-mobile, var(--ef1sld-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(--ef1sld-padding-right-mobile, 0px) - var(--ef1sld-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-67xjs9"] {     display: flex;     flex-direction: var(--67xjs9-direction, column);     flex-wrap: nowrap;     justify-content: var(--67xjs9-justify-content);     align-items: var(--67xjs9-align-items);     gap: var(--67xjs9-gap, var(--67xjs9-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-67xjs9"] {                            gap: var(--67xjs9-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(--67xjs9-padding-right-tablet, 0px) - var(--67xjs9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-67xjs9"] {                            gap: var(--67xjs9-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(--67xjs9-padding-right-mobile, 0px) - var(--67xjs9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-el8kqo"] {     display: flex;     flex-direction: var(--el8kqo-direction, column);     flex-wrap: nowrap;     justify-content: var(--el8kqo-justify-content);     align-items: var(--el8kqo-align-items);     gap: var(--el8kqo-gap, var(--el8kqo-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-el8kqo"] {                            gap: var(--el8kqo-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(--el8kqo-padding-right-tablet, 0px) - var(--el8kqo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-el8kqo"] {                            gap: var(--el8kqo-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(--el8kqo-padding-right-mobile, 0px) - var(--el8kqo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6a365n"] { --6a365n-width: 1600px; --6a365n-width-tablet: 1600px; --6a365n-width-mobile: 1600px; --6a365n-height: fit-content; --6a365n-height-tablet: fit-content; --6a365n-height-mobile: fit-content; --6a365n-padding-top: 80px; --6a365n-padding-top-tablet: 80px; --6a365n-padding-top-mobile: 80px; --6a365n-padding-right: 30px; --6a365n-padding-right-tablet: 28px; --6a365n-padding-right-mobile: 16px; --6a365n-padding-bottom: 80px; --6a365n-padding-bottom-tablet: 80px; --6a365n-padding-bottom-mobile: 80px; --6a365n-padding-left: 30px; --6a365n-padding-left-tablet: 28px; --6a365n-padding-left-mobile: 16px; --6a365n-background-type: color; --6a365n-background-type-tablet: color; --6a365n-background-type-mobile: color; --6a365n-background-color: #f2f4f9; --6a365n-background-color-tablet: #f2f4f9; --6a365n-background-color-mobile: #f2f4f9; --6a365n-gap: 40px; --6a365n-gap-tablet: 40px; --6a365n-gap-mobile: 40px; }[data-bnode="beae-6a365n"] { padding-top: var(--6a365n-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--6a365n-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--6a365n-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--6a365n-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6a365n-padding-top-tablet, var(--6a365n-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--6a365n-padding-right-tablet, var(--6a365n-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--6a365n-padding-bottom-tablet, var(--6a365n-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--6a365n-padding-left-tablet, var(--6a365n-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6a365n-padding-top-mobile, var(--6a365n-padding-top-tablet, var(--6a365n-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--6a365n-padding-right-mobile, var(--6a365n-padding-right-tablet, var(--6a365n-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--6a365n-padding-bottom-mobile, var(--6a365n-padding-bottom-tablet, var(--6a365n-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--6a365n-padding-left-mobile, var(--6a365n-padding-left-tablet, var(--6a365n-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--6a365n-padding-left, var(--beae-section-padding-x, 0px)) - var(--6a365n-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--6a365n-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--6a365n-height); width: 100%; max-width: var(--6a365n-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(--6a365n-height-tablet, auto); width: 100%; max-width: var(--6a365n-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--6a365n-height-mobile, auto); width: 100%; max-width: var(--6a365n-width-mobile, 100%); } } } }[data-bnode="beae-6a365n"] > .beae-section-container{     display: flex;     flex-direction: var(--6a365n-direction, column);     flex-wrap: nowrap;     justify-content: var(--6a365n-justify-content);     align-items: var(--6a365n-align-items);     gap: var(--6a365n-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-6a365n"] > .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(--6a365n-padding-right-tablet, 0px) - var(--6a365n-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6a365n"] > .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(--6a365n-padding-right-mobile, 0px) - var(--6a365n-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ujy2l8"] { --ujy2l8-gap: 12px; --ujy2l8-gap-tablet: 12px; --ujy2l8-gap-mobile: 12px; }[data-bnode="beae-ujy2l8"] { padding-top: var(--ujy2l8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ujy2l8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ujy2l8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ujy2l8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ujy2l8-padding-top-tablet, var(--ujy2l8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ujy2l8-padding-right-tablet, var(--ujy2l8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ujy2l8-padding-bottom-tablet, var(--ujy2l8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ujy2l8-padding-left-tablet, var(--ujy2l8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ujy2l8-padding-top-mobile, var(--ujy2l8-padding-top-tablet, var(--ujy2l8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ujy2l8-padding-right-mobile, var(--ujy2l8-padding-right-tablet, var(--ujy2l8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ujy2l8-padding-bottom-mobile, var(--ujy2l8-padding-bottom-tablet, var(--ujy2l8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ujy2l8-padding-left-mobile, var(--ujy2l8-padding-left-tablet, var(--ujy2l8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ujy2l8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ujy2l8-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(--ujy2l8-background-imageRatio, auto); background: var(--ujy2l8-background-color,transparent); border-style: var(--ujy2l8-borderStyle,solid); border-color: var(--ujy2l8-borderColor,#000000); border-width: var(--ujy2l8-borderWidth-tl,0px) var(--ujy2l8-borderWidth-tr,0px) var(--ujy2l8-borderWidth-br,0px) var(--ujy2l8-borderWidth-bl,0px); border-radius: var(--ujy2l8-borderRadius-tl,0px) var(--ujy2l8-borderRadius-tr,0px) var(--ujy2l8-borderRadius-br,0px) var(--ujy2l8-borderRadius-bl,0px); box-shadow: if(style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal,0) var(--ujy2l8-shadowVertical,0) var(--ujy2l8-shadowBlur,0) 1px var(--ujy2l8-shadowColor,#000000); else: none); max-width: var(--ujy2l8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ujy2l8-background-imageRatio-tablet, var(--ujy2l8-background-imageRatio, auto)); border-width: var(--ujy2l8-borderWidth-tl-tablet,0px) var(--ujy2l8-borderWidth-tr-tablet,0px) var(--ujy2l8-borderWidth-br-tablet,0px) var(--ujy2l8-borderWidth-bl-tablet,0px); border-radius: var(--ujy2l8-borderRadius-tl-tablet,0px) var(--ujy2l8-borderRadius-tr-tablet,0px) var(--ujy2l8-borderRadius-br-tablet,0px) var(--ujy2l8-borderRadius-bl-tablet,0px); max-width: var(--ujy2l8-max-width-tablet, var(--ujy2l8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ujy2l8-background-imageRatio-mobile, var(--ujy2l8-background-imageRatio, auto)); border-width: var(--ujy2l8-borderWidth-tl-mobile,0px) var(--ujy2l8-borderWidth-tr-mobile,0px) var(--ujy2l8-borderWidth-br-mobile,0px) var(--ujy2l8-borderWidth-bl-mobile,0px); border-radius: var(--ujy2l8-borderRadius-tl-mobile,0px) var(--ujy2l8-borderRadius-tr-mobile,0px) var(--ujy2l8-borderRadius-br-mobile,0px) var(--ujy2l8-borderRadius-bl-mobile,0px); max-width: var(--ujy2l8-max-width-mobile, var(--ujy2l8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ujy2l8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ujy2l8-gap,var(--beae-card-gap)); padding-top: var(--ujy2l8-padding-top,var(--beae-card-padding)); padding-right: var(--ujy2l8-padding-right,var(--beae-card-padding)); padding-bottom: var(--ujy2l8-padding-bottom,var(--beae-card-padding)); padding-left: var(--ujy2l8-padding-left,var(--beae-card-padding)); border-width: var(--ujy2l8-borderWidth,var(--beae-card-border-width)); border-width: var(--ujy2l8-borderWidth-tl,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-tr,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-br,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ujy2l8-borderRadius-tl,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-tr,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-br,var(--beae-card-border-radius)) var(--ujy2l8-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(--ujy2l8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ujy2l8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ujy2l8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ujy2l8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ujy2l8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ujy2l8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ujy2l8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ujy2l8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ujy2l8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ujy2l8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ujy2l8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ujy2l8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ujy2l8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ujy2l8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ujy2l8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ujy2l8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ujy2l8-background-color,var(--beae-card-featured-background)); border-color: var(--ujy2l8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal, var(--beae-card-shadow-x)) var(--ujy2l8-shadowVertical, var(--beae-card-shadow-y)) var(--ujy2l8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ujy2l8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ujy2l8-background-color,var(--beae-card-prod-background)); border-color: var(--ujy2l8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal, var(--beae-card-shadow-x)) var(--ujy2l8-shadowVertical, var(--beae-card-shadow-y)) var(--ujy2l8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ujy2l8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ujy2l8-background-color,var(--beae-card-pricing-background)); border-color: var(--ujy2l8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal, var(--beae-card-shadow-x)) var(--ujy2l8-shadowVertical, var(--beae-card-shadow-y)) var(--ujy2l8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ujy2l8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ujy2l8-background-color,var(--beae-card-cta-background)); border-color: var(--ujy2l8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal, var(--beae-card-shadow-x)) var(--ujy2l8-shadowVertical, var(--beae-card-shadow-y)) var(--ujy2l8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ujy2l8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ujy2l8-background-color,var(--beae-card-media-background)); border-color: var(--ujy2l8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ujy2l8-enableShadow: true): var(--ujy2l8-shadowHorizontal, var(--beae-card-shadow-x)) var(--ujy2l8-shadowVertical, var(--beae-card-shadow-y)) var(--ujy2l8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ujy2l8-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-ujy2l8"] {     display: flex;     flex-direction: var(--ujy2l8-direction, column);     flex-wrap: nowrap;     justify-content: var(--ujy2l8-justify-content);     align-items: var(--ujy2l8-align-items);     gap: var(--ujy2l8-gap, var(--ujy2l8-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ujy2l8"] {                            gap: var(--ujy2l8-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(--ujy2l8-padding-right-tablet, 0px) - var(--ujy2l8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ujy2l8"] {                            gap: var(--ujy2l8-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(--ujy2l8-padding-right-mobile, 0px) - var(--ujy2l8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-aa3dvx"] { --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; --aa3dvx-typography: h2; --aa3dvx-typography-tablet: h2; --aa3dvx-typography-mobile: h2; }[data-bnode="beae-aa3dvx"] { margin-top: var(--aa3dvx-margin-top, 0px); margin-right: var(--aa3dvx-margin-right, 0px); margin-bottom: var(--aa3dvx-margin-bottom, 0px); margin-left: var(--aa3dvx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--aa3dvx-margin-top-tablet, 0px); margin-right: var(--aa3dvx-margin-right-tablet, 0px); margin-bottom: var(--aa3dvx-margin-bottom-tablet, 0px); margin-left: var(--aa3dvx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--aa3dvx-margin-top-mobile, 0px); margin-right: var(--aa3dvx-margin-right-mobile, 0px); margin-bottom: var(--aa3dvx-margin-bottom-mobile, 0px); margin-left: var(--aa3dvx-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--aa3dvx-highlightColor,var(--beae-p-color)); top: var(--aa3dvx-highlightTop, 100%); } }[data-bnode="beae-pc24ub"] { --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; --pc24ub-typography: p; --pc24ub-typography-tablet: p; --pc24ub-typography-mobile: p; }[data-bnode="beae-pc24ub"] { margin-top: var(--pc24ub-margin-top, 0px); margin-right: var(--pc24ub-margin-right, 0px); margin-bottom: var(--pc24ub-margin-bottom, 0px); margin-left: var(--pc24ub-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pc24ub-margin-top-tablet, 0px); margin-right: var(--pc24ub-margin-right-tablet, 0px); margin-bottom: var(--pc24ub-margin-bottom-tablet, 0px); margin-left: var(--pc24ub-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pc24ub-margin-top-mobile, 0px); margin-right: var(--pc24ub-margin-right-mobile, 0px); margin-bottom: var(--pc24ub-margin-bottom-mobile, 0px); margin-left: var(--pc24ub-margin-left-mobile, 0px); } }[data-bnode="beae-x9vr1c"] { --x9vr1c-columns: 4.6; --x9vr1c-columns-tablet: 2.8; --x9vr1c-columns-mobile: 1; --x9vr1c-gap: 20px; --x9vr1c-gap-tablet: 16px; --x9vr1c-gap-mobile: 16px; --x9vr1c-navType: true; --x9vr1c-navType-tablet: true; --x9vr1c-navType-mobile: true; --x9vr1c-pagiType: false; --x9vr1c-pagiType-tablet: false; --x9vr1c-pagiType-mobile: false; --x9vr1c-listType: slider; --x9vr1c-listType-tablet: slider; --x9vr1c-listType-mobile: slider; --x9vr1c-stateNavigation: normal; --x9vr1c-stateNavigation-tablet: normal; --x9vr1c-stateNavigation-mobile: normal; --x9vr1c-statePagination: normal; --x9vr1c-statePagination-tablet: normal; --x9vr1c-statePagination-mobile: normal; --x9vr1c-stateNavigtion: normal; --x9vr1c-stateNavigtion-tablet: normal; --x9vr1c-stateNavigtion-mobile: normal; --x9vr1c-navBg: #143052; --x9vr1c-navBg-tablet: #143052; --x9vr1c-navBg-mobile: #143052; --x9vr1c-navColor: #fff; --x9vr1c-navColor-tablet: #fff; --x9vr1c-navColor-mobile: #fff; --x9vr1c-navIconSize: 20px; --x9vr1c-navIconSize-tablet: 20px; --x9vr1c-navIconSize-mobile: 20px; --x9vr1c-columnsMobile-mobile: 1; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-cz7s6c"] { --cz7s6c-width: 100%; --cz7s6c-imageRatio: 2/3; --cz7s6c-objFit: cover; --cz7s6c-borderColor: #000000; --cz7s6c-shadowColor: #000000; --cz7s6c-borderStyle: none; --cz7s6c-enableShadow: false; --cz7s6c-borderRadius-tl: 24px; --cz7s6c-borderRadius-tr: 24px; --cz7s6c-borderRadius-bl: 24px; --cz7s6c-borderRadius-br: 24px; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-5fbn4l"] { --5fbn4l-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-x9vr1c"] [data-bnode="beae-rr90dv"] { --rr90dv-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; --rr90dv-margin-top: 0px; --rr90dv-margin-right: 0px; --rr90dv-margin-bottom: 0px; --rr90dv-margin-left: 0px; --rr90dv-margin-top-tablet: 1px; --rr90dv-margin-right-tablet: 0px; --rr90dv-margin-bottom-tablet: 0px; --rr90dv-margin-left-tablet: 0px; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-yjk9z7"] { --yjk9z7-direction: column; --yjk9z7-structure: auto; --yjk9z7-gap: 12px; --yjk9z7-padding-top: 0px; --yjk9z7-padding-right: 0px; --yjk9z7-padding-bottom: 0px; --yjk9z7-padding-left: 0px; --yjk9z7-padding-top-tablet: 0px; --yjk9z7-padding-right-tablet: 20px; --yjk9z7-padding-bottom-tablet: 0px; --yjk9z7-padding-left-tablet: 20px; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-7kofjx"] { --7kofjx-direction: row; --7kofjx-structure: columns; --7kofjx-structure-tablet: auto; --7kofjx-direction-tablet: row-reverse; } [data-bnode="beae-x9vr1c"] [data-bnode="beae-92pe7p"] { --92pe7p-backgroundColor: #143052; } [data-bnode="beae-x9vr1c"] [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-x9vr1c"] [data-bnode="beae-ujy2l8"] { --ujy2l8-direction: column; --ujy2l8-structure: auto; --ujy2l8-align-items: flex-start; --ujy2l8-gap: 16px; } [data-bnode="beae-x9vr1c"] [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-x9vr1c"] [data-bnode="beae-yhhw8i"] { --yhhw8i-size: 40px; --yhhw8i-iconColor: #ffffff; --yhhw8i-backgroundColor: #1F487A; --yhhw8i-padding: 10px; --yhhw8i-enableShadow: false; --yhhw8i-borderRadius-tl: 99px; --yhhw8i-borderRadius-tr: 99px; --yhhw8i-borderRadius-bl: 99px; --yhhw8i-borderRadius-br: 99px; --yhhw8i-borderRadius-tl-tablet: 99px; --yhhw8i-borderRadius-tr-tablet: 99px; --yhhw8i-borderRadius-bl-tablet: 99px; --yhhw8i-borderRadius-br-tablet: 99px; --yhhw8i-borderRadius-tl-mobile: 99px; --yhhw8i-borderRadius-tr-mobile: 99px; --yhhw8i-borderRadius-bl-mobile: 99px; --yhhw8i-borderRadius-br-mobile: 99px; } [data-bnode="beae-x9vr1c"] [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-x9vr1c"] { margin-top: var(--x9vr1c-margin-top, 0px); margin-right: var(--x9vr1c-margin-right, 0px); margin-bottom: var(--x9vr1c-margin-bottom, 0px); margin-left: var(--x9vr1c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x9vr1c-margin-top-tablet, 0px); margin-right: var(--x9vr1c-margin-right-tablet, 0px); margin-bottom: var(--x9vr1c-margin-bottom-tablet, 0px); margin-left: var(--x9vr1c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x9vr1c-margin-top-mobile, 0px); margin-right: var(--x9vr1c-margin-right-mobile, 0px); margin-bottom: var(--x9vr1c-margin-bottom-mobile, 0px); margin-left: var(--x9vr1c-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(--x9vr1c-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--x9vr1c-gap,20px) * (var(--x9vr1c-columns, 3) - 1) + 1px) / var(--x9vr1c-columns, 3)); &:last-child{ margin-right: var(--x9vr1c-gap,20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--x9vr1c-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--x9vr1c-columns) - 1) * var(--x9vr1c-gap,20px)) / var(--x9vr1c-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--x9vr1c-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--x9vr1c-gap-tablet,20px) * (var(--x9vr1c-columns-tablet, 3) - 1)) / var(--x9vr1c-columns-tablet, 3)); &:last-child{ margin-right: var(--x9vr1c-gap-tablet,20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--x9vr1c-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--x9vr1c-columns-tablet) - 1) * var(--x9vr1c-gap-tablet,20px)) / var(--x9vr1c-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--x9vr1c-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--x9vr1c-gap-mobile,20px) * (var(--x9vr1c-columnsMobile-mobile, 1) - 1)) / var(--x9vr1c-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--x9vr1c-gap-mobile,20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--x9vr1c-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--x9vr1c-columnsMobile-mobile) - 1) * var(--x9vr1c-gap-mobile,20px)) / var(--x9vr1c-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(--x9vr1c-navPadding,12px); background:var(--x9vr1c-navBg,#F5F5F5); color: var(--x9vr1c-navColor,#333333); cursor: pointer; &:hover { background:var(--x9vr1c-navBgHover,#CCCCCC); color: var(--x9vr1c-navColorHover,#333333); } svg { width: var(--x9vr1c-navIconSize,20px); height: var(--x9vr1c-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(--x9vr1c-pagiBg,#E6E6E6); &.active { background:var(--x9vr1c-pagiBgActive,#181818); } &:not(.active):hover { background:var(--x9vr1c-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--x9vr1c-pagiColor,#e6e6e6); &.active { color:var(--x9vr1c-pagiColorActive,#181818); } &:not(.active):hover { color: var(--x9vr1c-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--x9vr1c-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--x9vr1c-pagiBg,#E6E6E6); &.active { background: var(--x9vr1c-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--x9vr1c-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-x9vr1c"] [data-bnode="beae-cz7s6c"] { margin-top: var(--cz7s6c-margin-top, 0px); margin-right: var(--cz7s6c-margin-right, 0px); margin-bottom: var(--cz7s6c-margin-bottom, 0px); margin-left: var(--cz7s6c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cz7s6c-margin-top-tablet, 0px); margin-right: var(--cz7s6c-margin-right-tablet, 0px); margin-bottom: var(--cz7s6c-margin-bottom-tablet, 0px); margin-left: var(--cz7s6c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cz7s6c-margin-top-mobile, 0px); margin-right: var(--cz7s6c-margin-right-mobile, 0px); margin-bottom: var(--cz7s6c-margin-bottom-mobile, 0px); margin-left: var(--cz7s6c-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--cz7s6c-width,100%) - var(--cz7s6c-margin-left,0px) - var(--cz7s6c-margin-right,0px)); min-height: min-content; border-style: var(--cz7s6c-borderStyle,solid); border-color: var(--cz7s6c-borderColor,#000000); border-width: var(--cz7s6c-borderWidth-tl,0px) var(--cz7s6c-borderWidth-tr,0px) var(--cz7s6c-borderWidth-br,0px) var(--cz7s6c-borderWidth-bl,0px); border-radius: var(--cz7s6c-borderRadius-tl,0px) var(--cz7s6c-borderRadius-tr,0px) var(--cz7s6c-borderRadius-br,0px) var(--cz7s6c-borderRadius-bl,0px); aspect-ratio: var(--cz7s6c-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--cz7s6c-borderWidth-tl-tablet, var(--cz7s6c-borderWidth-tl,0px)) var(--cz7s6c-borderWidth-tr-tablet, var(--cz7s6c-borderWidth-tr,0px)) var(--cz7s6c-borderWidth-br-tablet, var(--cz7s6c-borderWidth-br,0px)) var(--cz7s6c-borderWidth-bl-tablet, var(--cz7s6c-borderWidth-bl,0px)); border-radius: var(--cz7s6c-borderRadius-tl-tablet, var(--cz7s6c-borderRadius-tl,0px)) var(--cz7s6c-borderRadius-tr-tablet, var(--cz7s6c-borderRadius-tr,0px)) var(--cz7s6c-borderRadius-br-tablet, var(--cz7s6c-borderRadius-br,0px)) var(--cz7s6c-borderRadius-bl-tablet, var(--cz7s6c-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--cz7s6c-borderWidth-tl-mobile, var(--cz7s6c-borderWidth-tl,0px)) var(--cz7s6c-borderWidth-tr-mobile, var(--cz7s6c-borderWidth-tr,0px)) var(--cz7s6c-borderWidth-br-mobile, var(--cz7s6c-borderWidth-br,0px)) var(--cz7s6c-borderWidth-bl-mobile, var(--cz7s6c-borderWidth-bl,0px)); border-radius: var(--cz7s6c-borderRadius-tl-mobile, var(--cz7s6c-borderRadius-tl,0px)) var(--cz7s6c-borderRadius-tr-mobile, var(--cz7s6c-borderRadius-tr,0px)) var(--cz7s6c-borderRadius-br-mobile, var(--cz7s6c-borderRadius-br,0px)) var(--cz7s6c-borderRadius-bl-mobile, var(--cz7s6c-borderRadius-bl,0px)); } box-shadow: if( style(--cz7s6c-enableShadow: true): var(--cz7s6c-shadowHorizontal, 0) var(--cz7s6c-shadowVertical, 0) var(--cz7s6c-shadowBlur, 0) 1px var(--cz7s6c-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--cz7s6c-overlayColor-color, #000); opacity: var(--cz7s6c-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--cz7s6c-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--cz7s6c-width-tablet,var(--cz7s6c-width,100%)) - var(--cz7s6c-margin-left-tablet,var(--cz7s6c-margin-left,0px)) - var(--cz7s6c-margin-right-tablet,var(--cz7s6c-margin-right,0px))); aspect-ratio: var(--cz7s6c-imageRatio-tablet, var(--cz7s6c-imageRatio, auto)); img { object-fit: var(--cz7s6c-objFit-tablet, var(--cz7s6c-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--cz7s6c-width-mobile,var(--cz7s6c-width,100%)) - var(--cz7s6c-margin-left-mobile,var(--cz7s6c-margin-left,0px)) - var(--cz7s6c-margin-right-mobile,var(--cz7s6c-margin-right,0px))); aspect-ratio: var(--cz7s6c-imageRatio-mobile, var(--cz7s6c-imageRatio, auto)); img { object-fit: var(--cz7s6c-objFit-mobile, var(--cz7s6c-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-x9vr1c"] [data-bnode="beae-yjk9z7"] { padding-top: var(--yjk9z7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yjk9z7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yjk9z7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yjk9z7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yjk9z7-padding-top-tablet, var(--yjk9z7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yjk9z7-padding-right-tablet, var(--yjk9z7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yjk9z7-padding-bottom-tablet, var(--yjk9z7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yjk9z7-padding-left-tablet, var(--yjk9z7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yjk9z7-padding-top-mobile, var(--yjk9z7-padding-top-tablet, var(--yjk9z7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yjk9z7-padding-right-mobile, var(--yjk9z7-padding-right-tablet, var(--yjk9z7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yjk9z7-padding-bottom-mobile, var(--yjk9z7-padding-bottom-tablet, var(--yjk9z7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yjk9z7-padding-left-mobile, var(--yjk9z7-padding-left-tablet, var(--yjk9z7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yjk9z7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yjk9z7-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(--yjk9z7-background-imageRatio, auto); background: var(--yjk9z7-background-color); border-style: var(--yjk9z7-borderStyle,solid); border-color: var(--yjk9z7-borderColor,#000000); border-width: var(--yjk9z7-borderWidth-tl,0px) var(--yjk9z7-borderWidth-tr,0px) var(--yjk9z7-borderWidth-br,0px) var(--yjk9z7-borderWidth-bl,0px); border-radius: var(--yjk9z7-borderRadius-tl,0px) var(--yjk9z7-borderRadius-tr,0px) var(--yjk9z7-borderRadius-br,0px) var(--yjk9z7-borderRadius-bl,0px); box-shadow: if(style(--yjk9z7-enableShadow: true): var(--yjk9z7-shadowHorizontal,0) var(--yjk9z7-shadowVertical,0) var(--yjk9z7-shadowBlur,0) 1px var(--yjk9z7-shadowColor,#000000); else: none); max-width: var(--yjk9z7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yjk9z7-background-imageRatio-tablet, var(--yjk9z7-background-imageRatio, auto)); border-width: var(--yjk9z7-borderWidth-tl-tablet,0px) var(--yjk9z7-borderWidth-tr-tablet,0px) var(--yjk9z7-borderWidth-br-tablet,0px) var(--yjk9z7-borderWidth-bl-tablet,0px); border-radius: var(--yjk9z7-borderRadius-tl-tablet,0px) var(--yjk9z7-borderRadius-tr-tablet,0px) var(--yjk9z7-borderRadius-br-tablet,0px) var(--yjk9z7-borderRadius-bl-tablet,0px); max-width: var(--yjk9z7-max-width-tablet, var(--yjk9z7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yjk9z7-background-imageRatio-mobile, var(--yjk9z7-background-imageRatio, auto)); border-width: var(--yjk9z7-borderWidth-tl-mobile,0px) var(--yjk9z7-borderWidth-tr-mobile,0px) var(--yjk9z7-borderWidth-br-mobile,0px) var(--yjk9z7-borderWidth-bl-mobile,0px); border-radius: var(--yjk9z7-borderRadius-tl-mobile,0px) var(--yjk9z7-borderRadius-tr-mobile,0px) var(--yjk9z7-borderRadius-br-mobile,0px) var(--yjk9z7-borderRadius-bl-mobile,0px); max-width: var(--yjk9z7-max-width-mobile, var(--yjk9z7-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-x9vr1c"] [data-bnode="beae-rr90dv"] { margin-top: var(--rr90dv-margin-top, 0px); margin-right: var(--rr90dv-margin-right, 0px); margin-bottom: var(--rr90dv-margin-bottom, 0px); margin-left: var(--rr90dv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rr90dv-margin-top-tablet, 0px); margin-right: var(--rr90dv-margin-right-tablet, 0px); margin-bottom: var(--rr90dv-margin-bottom-tablet, 0px); margin-left: var(--rr90dv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rr90dv-margin-top-mobile, 0px); margin-right: var(--rr90dv-margin-right-mobile, 0px); margin-bottom: var(--rr90dv-margin-bottom-mobile, 0px); margin-left: var(--rr90dv-margin-left-mobile, 0px); } } [data-bnode="beae-x9vr1c"] [data-bnode="beae-5fbn4l"] { margin-top: var(--5fbn4l-margin-top, 0px); margin-right: var(--5fbn4l-margin-right, 0px); margin-bottom: var(--5fbn4l-margin-bottom, 0px); margin-left: var(--5fbn4l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5fbn4l-margin-top-tablet, 0px); margin-right: var(--5fbn4l-margin-right-tablet, 0px); margin-bottom: var(--5fbn4l-margin-bottom-tablet, 0px); margin-left: var(--5fbn4l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5fbn4l-margin-top-mobile, 0px); margin-right: var(--5fbn4l-margin-right-mobile, 0px); margin-bottom: var(--5fbn4l-margin-bottom-mobile, 0px); margin-left: var(--5fbn4l-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5fbn4l-highlightColor,var(--beae-p-color)); top: var(--5fbn4l-highlightTop, 100%); } } [data-bnode="beae-x9vr1c"] [data-bnode="beae-7kofjx"] { padding-top: var(--7kofjx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7kofjx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7kofjx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7kofjx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7kofjx-padding-top-tablet, var(--7kofjx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7kofjx-padding-right-tablet, var(--7kofjx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7kofjx-padding-bottom-tablet, var(--7kofjx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7kofjx-padding-left-tablet, var(--7kofjx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7kofjx-padding-top-mobile, var(--7kofjx-padding-top-tablet, var(--7kofjx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7kofjx-padding-right-mobile, var(--7kofjx-padding-right-tablet, var(--7kofjx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7kofjx-padding-bottom-mobile, var(--7kofjx-padding-bottom-tablet, var(--7kofjx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7kofjx-padding-left-mobile, var(--7kofjx-padding-left-tablet, var(--7kofjx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7kofjx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7kofjx-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(--7kofjx-background-imageRatio, auto); background: var(--7kofjx-background-color); border-style: var(--7kofjx-borderStyle,solid); border-color: var(--7kofjx-borderColor,#000000); border-width: var(--7kofjx-borderWidth-tl,0px) var(--7kofjx-borderWidth-tr,0px) var(--7kofjx-borderWidth-br,0px) var(--7kofjx-borderWidth-bl,0px); border-radius: var(--7kofjx-borderRadius-tl,0px) var(--7kofjx-borderRadius-tr,0px) var(--7kofjx-borderRadius-br,0px) var(--7kofjx-borderRadius-bl,0px); box-shadow: if(style(--7kofjx-enableShadow: true): var(--7kofjx-shadowHorizontal,0) var(--7kofjx-shadowVertical,0) var(--7kofjx-shadowBlur,0) 1px var(--7kofjx-shadowColor,#000000); else: none); max-width: var(--7kofjx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7kofjx-background-imageRatio-tablet, var(--7kofjx-background-imageRatio, auto)); border-width: var(--7kofjx-borderWidth-tl-tablet,0px) var(--7kofjx-borderWidth-tr-tablet,0px) var(--7kofjx-borderWidth-br-tablet,0px) var(--7kofjx-borderWidth-bl-tablet,0px); border-radius: var(--7kofjx-borderRadius-tl-tablet,0px) var(--7kofjx-borderRadius-tr-tablet,0px) var(--7kofjx-borderRadius-br-tablet,0px) var(--7kofjx-borderRadius-bl-tablet,0px); max-width: var(--7kofjx-max-width-tablet, var(--7kofjx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7kofjx-background-imageRatio-mobile, var(--7kofjx-background-imageRatio, auto)); border-width: var(--7kofjx-borderWidth-tl-mobile,0px) var(--7kofjx-borderWidth-tr-mobile,0px) var(--7kofjx-borderWidth-br-mobile,0px) var(--7kofjx-borderWidth-bl-mobile,0px); border-radius: var(--7kofjx-borderRadius-tl-mobile,0px) var(--7kofjx-borderRadius-tr-mobile,0px) var(--7kofjx-borderRadius-br-mobile,0px) var(--7kofjx-borderRadius-bl-mobile,0px); max-width: var(--7kofjx-max-width-mobile, var(--7kofjx-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-x9vr1c"] [data-bnode="beae-yhhw8i"] { margin-top: var(--yhhw8i-margin-top, 0px); margin-right: var(--yhhw8i-margin-right, 0px); margin-bottom: var(--yhhw8i-margin-bottom, 0px); margin-left: var(--yhhw8i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yhhw8i-margin-top-tablet, 0px); margin-right: var(--yhhw8i-margin-right-tablet, 0px); margin-bottom: var(--yhhw8i-margin-bottom-tablet, 0px); margin-left: var(--yhhw8i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yhhw8i-margin-top-mobile, 0px); margin-right: var(--yhhw8i-margin-right-mobile, 0px); margin-bottom: var(--yhhw8i-margin-bottom-mobile, 0px); margin-left: var(--yhhw8i-margin-left-mobile, 0px); } & { display: block; padding: var(--yhhw8i-padding, 4px); border-style: var(--yhhw8i-borderStyle,solid); border-color: var(--yhhw8i-borderColor,#000000); border-width: var(--yhhw8i-borderWidth-tl,0px) var(--yhhw8i-borderWidth-tr,0px) var(--yhhw8i-borderWidth-br,0px) var(--yhhw8i-borderWidth-bl,0px); border-radius: var(--yhhw8i-borderRadius-tl,0px) var(--yhhw8i-borderRadius-tr,0px) var(--yhhw8i-borderRadius-br,0px) var(--yhhw8i-borderRadius-bl,0px); box-shadow: if( style(--yhhw8i-enableShadow: true): var(--yhhw8i-shadowHorizontal, 0) var(--yhhw8i-shadowVertical, 0) var(--yhhw8i-shadowBlur, 0) 1px var(--yhhw8i-shadowColor, #000000); else: none ); color: var(--yhhw8i-iconColor); background-color: var(--yhhw8i-backgroundColor); overflow: hidden; width: var(--yhhw8i-size, 28px); height: var(--yhhw8i-size, 28px); max-width: var(--yhhw8i-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--yhhw8i-borderWidth-tl-tablet,0px) var(--yhhw8i-borderWidth-tr-tablet,0px) var(--yhhw8i-borderWidth-br-tablet,0px) var(--yhhw8i-borderWidth-bl-tablet,0px); border-radius: var(--yhhw8i-borderRadius-tl-tablet,0px) var(--yhhw8i-borderRadius-tr-tablet,0px) var(--yhhw8i-borderRadius-br-tablet,0px) var(--yhhw8i-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--yhhw8i-borderWidth-tl-mobile,0px) var(--yhhw8i-borderWidth-tr-mobile,0px) var(--yhhw8i-borderWidth-br-mobile,0px) var(--yhhw8i-borderWidth-bl-mobile,0px); border-radius: var(--yhhw8i-borderRadius-tl-mobile,0px) var(--yhhw8i-borderRadius-tr-mobile,0px) var(--yhhw8i-borderRadius-br-mobile,0px) var(--yhhw8i-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-x9vr1c"] [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-x9vr1c"] [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-x9vr1c"] [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-x9vr1c"] [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-yjk9z7"] {     display: flex;     flex-direction: var(--yjk9z7-direction, column);     flex-wrap: nowrap;     justify-content: var(--yjk9z7-justify-content);     align-items: var(--yjk9z7-align-items);     gap: var(--yjk9z7-gap, var(--yjk9z7-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yjk9z7"] {                            gap: var(--yjk9z7-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(--yjk9z7-padding-right-tablet, 0px) - var(--yjk9z7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-yjk9z7"] {                            gap: var(--yjk9z7-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(--yjk9z7-padding-right-mobile, 0px) - var(--yjk9z7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7kofjx"] {     display: flex;     flex-direction: var(--7kofjx-direction, column);     flex-wrap: nowrap;     justify-content: var(--7kofjx-justify-content);     align-items: var(--7kofjx-align-items);     gap: var(--7kofjx-gap, var(--7kofjx-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(--7kofjx-padding-right, 0px) - var(--7kofjx-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7kofjx"] {      flex-direction: var(--7kofjx-direction-tablet, column);                      gap: var(--7kofjx-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-7kofjx"] {                            gap: var(--7kofjx-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(--7kofjx-padding-right-mobile, 0px) - var(--7kofjx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6e8upd"] { --6e8upd-width: 1600px; --6e8upd-width-tablet: 1600px; --6e8upd-width-mobile: 1600px; --6e8upd-height: fit-content; --6e8upd-height-tablet: fit-content; --6e8upd-height-mobile: fit-content; --6e8upd-padding-top: 80px; --6e8upd-padding-top-tablet: 40px; --6e8upd-padding-top-mobile: 40px; --6e8upd-padding-right: 30px; --6e8upd-padding-right-tablet: 28px; --6e8upd-padding-right-mobile: 16px; --6e8upd-padding-bottom: 80px; --6e8upd-padding-bottom-tablet: 40px; --6e8upd-padding-bottom-mobile: 40px; --6e8upd-padding-left: 30px; --6e8upd-padding-left-tablet: 28px; --6e8upd-padding-left-mobile: 16px; --6e8upd-direction: column; --6e8upd-direction-tablet: column; --6e8upd-direction-mobile: column; --6e8upd-align-items: center; --6e8upd-align-items-tablet: center; --6e8upd-align-items-mobile: center; --6e8upd-gap: 56px; --6e8upd-gap-tablet: 56px; --6e8upd-gap-mobile: 56px; }[data-bnode="beae-6e8upd"] { padding-top: var(--6e8upd-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--6e8upd-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--6e8upd-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--6e8upd-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6e8upd-padding-top-tablet, var(--6e8upd-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--6e8upd-padding-right-tablet, var(--6e8upd-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--6e8upd-padding-bottom-tablet, var(--6e8upd-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--6e8upd-padding-left-tablet, var(--6e8upd-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6e8upd-padding-top-mobile, var(--6e8upd-padding-top-tablet, var(--6e8upd-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--6e8upd-padding-right-mobile, var(--6e8upd-padding-right-tablet, var(--6e8upd-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--6e8upd-padding-bottom-mobile, var(--6e8upd-padding-bottom-tablet, var(--6e8upd-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--6e8upd-padding-left-mobile, var(--6e8upd-padding-left-tablet, var(--6e8upd-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--6e8upd-padding-left, var(--beae-section-padding-x, 0px)) - var(--6e8upd-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(--6e8upd-background-color); max-width: 100%; overflow: clip; position: relative; .beae-section-container { height: var(--6e8upd-height); width: 100%; max-width: var(--6e8upd-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(--6e8upd-background-color-tablet, var(--6e8upd-background-color)); & .beae-section-container { height: var(--6e8upd-height-tablet, auto); width: 100%; max-width: var(--6e8upd-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--6e8upd-background-color-mobile, var(--6e8upd-background-color-tablet, var(--6e8upd-background-color))); & .beae-section-container { height: var(--6e8upd-height-mobile, auto); width: 100%; max-width: var(--6e8upd-width-mobile, 100%); } } } }[data-bnode="beae-6e8upd"] > .beae-section-container{     display: flex;     flex-direction: var(--6e8upd-direction, column);     flex-wrap: nowrap;     justify-content: var(--6e8upd-justify-content);     align-items: var(--6e8upd-align-items);     gap: var(--6e8upd-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6e8upd"] > .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(--6e8upd-padding-right-tablet, 0px) - var(--6e8upd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6e8upd"] > .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(--6e8upd-padding-right-mobile, 0px) - var(--6e8upd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2k65xe"] { --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; --2k65xe-typography: h2; --2k65xe-typography-tablet: h2; --2k65xe-typography-mobile: h2; }[data-bnode="beae-2k65xe"] { margin-top: var(--2k65xe-margin-top, 0px); margin-right: var(--2k65xe-margin-right, 0px); margin-bottom: var(--2k65xe-margin-bottom, 0px); margin-left: var(--2k65xe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2k65xe-margin-top-tablet, 0px); margin-right: var(--2k65xe-margin-right-tablet, 0px); margin-bottom: var(--2k65xe-margin-bottom-tablet, 0px); margin-left: var(--2k65xe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2k65xe-margin-top-mobile, 0px); margin-right: var(--2k65xe-margin-right-mobile, 0px); margin-bottom: var(--2k65xe-margin-bottom-mobile, 0px); margin-left: var(--2k65xe-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--2k65xe-highlightColor,var(--beae-p-color)); top: var(--2k65xe-highlightTop, 100%); } }[data-bnode="beae-bh2dkl"] { --bh2dkl-direction: row; --bh2dkl-direction-tablet: row; --bh2dkl-direction-mobile: column; --bh2dkl-structure: columns; --bh2dkl-structure-tablet: columns; --bh2dkl-structure-mobile: columns; --bh2dkl-gap: 0px; --bh2dkl-gap-tablet: 40px; --bh2dkl-gap-mobile: 32px; --bh2dkl-columns: 50.00,50.00; --bh2dkl-columns-tablet: 50.00,50.00; --bh2dkl-columns-mobile: 50.00,50.00; --bh2dkl-columnsPresetId: 50.00,50.00; --bh2dkl-columnsPresetId-tablet: 50.00,50.00; --bh2dkl-columnsPresetId-mobile: 50.00,50.00; --bh2dkl-padding-top: 0px; --bh2dkl-padding-top-tablet: 0px; --bh2dkl-padding-top-mobile: 0px; --bh2dkl-padding-right: 0px; --bh2dkl-padding-right-tablet: 0px; --bh2dkl-padding-right-mobile: 0px; --bh2dkl-padding-bottom: 0px; --bh2dkl-padding-bottom-tablet: 0px; --bh2dkl-padding-bottom-mobile: 0px; --bh2dkl-padding-left: 0px; --bh2dkl-padding-left-tablet: 0px; --bh2dkl-padding-left-mobile: 0px; }[data-bnode="beae-bh2dkl"] { padding-top: var(--bh2dkl-padding-top, 0px); padding-right: var(--bh2dkl-padding-right, 0px); padding-bottom: var(--bh2dkl-padding-bottom, 0px); padding-left: var(--bh2dkl-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bh2dkl-padding-top-tablet, var(--bh2dkl-padding-top, 0px)); padding-right: var(--bh2dkl-padding-right-tablet, var(--bh2dkl-padding-right, 0px)); padding-bottom: var(--bh2dkl-padding-bottom-tablet, var(--bh2dkl-padding-bottom, 0px)); padding-left: var(--bh2dkl-padding-left-tablet, var(--bh2dkl-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--bh2dkl-padding-top-mobile, var(--bh2dkl-padding-top-tablet, var(--bh2dkl-padding-top, 0px))); padding-right: var(--bh2dkl-padding-right-mobile, var(--bh2dkl-padding-right-tablet, var(--bh2dkl-padding-right, 0px))); padding-bottom: var(--bh2dkl-padding-bottom-mobile, var(--bh2dkl-padding-bottom-tablet, var(--bh2dkl-padding-bottom, 0px))); padding-left: var(--bh2dkl-padding-left-mobile, var(--bh2dkl-padding-left-tablet, var(--bh2dkl-padding-left, 0px))); } width: calc( 100% - var(--bh2dkl-padding-left, 0px) - var(--bh2dkl-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:clip; background: var(--bh2dkl-background-color); border-style: var(--bh2dkl-borderStyle,solid); border-color: var(--bh2dkl-borderColor,#000000); border-width: var(--bh2dkl-borderWidth-tl,0px) var(--bh2dkl-borderWidth-tr,0px) var(--bh2dkl-borderWidth-br,0px) var(--bh2dkl-borderWidth-bl,0px); border-radius: var(--bh2dkl-borderRadius-tl,0px) var(--bh2dkl-borderRadius-tr,0px) var(--bh2dkl-borderRadius-br,0px) var(--bh2dkl-borderRadius-bl,0px); box-shadow: if(style(--bh2dkl-enableShadow: true): var(--bh2dkl-shadowHorizontal,0) var(--bh2dkl-shadowVertical,0) var(--bh2dkl-shadowBlur,0) 1px var(--bh2dkl-shadowColor,#000000); else: none); max-width: var(--bh2dkl-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--bh2dkl-borderWidth-tl-tablet,0px) var(--bh2dkl-borderWidth-tr-tablet,0px) var(--bh2dkl-borderWidth-br-tablet,0px) var(--bh2dkl-borderWidth-bl-tablet,0px); border-radius: var(--bh2dkl-borderRadius-tl-tablet,0px) var(--bh2dkl-borderRadius-tr-tablet,0px) var(--bh2dkl-borderRadius-br-tablet,0px) var(--bh2dkl-borderRadius-bl-tablet,0px); max-width: var(--bh2dkl-max-width-tablet, var(--bh2dkl-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--bh2dkl-borderWidth-tl-mobile,0px) var(--bh2dkl-borderWidth-tr-mobile,0px) var(--bh2dkl-borderWidth-br-mobile,0px) var(--bh2dkl-borderWidth-bl-mobile,0px); border-radius: var(--bh2dkl-borderRadius-tl-mobile,0px) var(--bh2dkl-borderRadius-tr-mobile,0px) var(--bh2dkl-borderRadius-br-mobile,0px) var(--bh2dkl-borderRadius-bl-mobile,0px); max-width: var(--bh2dkl-max-width-mobile, var(--bh2dkl-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-bh2dkl"] {     display: flex;     flex-direction: var(--bh2dkl-direction, column);     flex-wrap: nowrap;     justify-content: var(--bh2dkl-justify-content);     align-items: var(--bh2dkl-align-items);     gap: var(--bh2dkl-gap, var(--bh2dkl-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(--bh2dkl-padding-right, 0px) - var(--bh2dkl-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--bh2dkl-padding-right, 0px) - var(--bh2dkl-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--bh2dkl-padding-right, 0px) - var(--bh2dkl-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bh2dkl"] {      flex-direction: var(--bh2dkl-direction-tablet, column);                      gap: var(--bh2dkl-gap-tablet, var(--bh2dkl-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(--bh2dkl-padding-right-tablet, 0px) - var(--bh2dkl-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--bh2dkl-padding-right-tablet, 0px) - var(--bh2dkl-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--bh2dkl-padding-right-tablet, 0px) - var(--bh2dkl-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-bh2dkl"] {      flex-direction: var(--bh2dkl-direction-mobile, column);                      gap: var(--bh2dkl-gap-mobile, var(--bh2dkl-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-ni4ynf"] { --ni4ynf-aspectRatioMedia: 1/1; --ni4ynf-aspectRatioMedia-tablet: 1/1; --ni4ynf-aspectRatioMedia-mobile: 1/1; --ni4ynf-aspectRatioThumbs: 1/1; --ni4ynf-aspectRatioThumbs-tablet: 1/1; --ni4ynf-aspectRatioThumbs-mobile: 1/1; --ni4ynf-positionThumb: bottom; --ni4ynf-positionThumb-tablet: bottom; --ni4ynf-positionThumb-mobile: bottom; --ni4ynf-borderRadiusMedia: 0px; --ni4ynf-borderRadiusMedia-tablet: 0px; --ni4ynf-borderRadiusMedia-mobile: 0px; --ni4ynf-borderRadiusThumbs: 0px; --ni4ynf-borderRadiusThumbs-tablet: 0px; --ni4ynf-borderRadiusThumbs-mobile: 0px; --ni4ynf-widthItemThumbs: 110px; --ni4ynf-widthItemThumbs-tablet: 80px; --ni4ynf-widthItemThumbs-mobile: 64px; --ni4ynf-media: main; --ni4ynf-media-tablet: main; --ni4ynf-media-mobile: main; --ni4ynf-borderRadiusMain: 16px; --ni4ynf-borderRadiusMain-tablet: 16px; --ni4ynf-borderRadiusMain-mobile: 16px; --ni4ynf-enableShadowMain: false; --ni4ynf-enableShadowMain-tablet: false; --ni4ynf-enableShadowMain-mobile: false; --ni4ynf-borderStyleThumbs: none; --ni4ynf-borderStyleThumbs-tablet: none; --ni4ynf-borderStyleThumbs-mobile: none; --ni4ynf-borderWidthThumbs: 1px; --ni4ynf-borderWidthThumbs-tablet: 1px; --ni4ynf-borderWidthThumbs-mobile: 1px; --ni4ynf-borderColorThumbs: #000000; --ni4ynf-borderColorThumbs-tablet: #000000; --ni4ynf-borderColorThumbs-mobile: #000000; --ni4ynf-aspectRatioMain: 1/1; --ni4ynf-aspectRatioMain-tablet: 1/1; --ni4ynf-aspectRatioMain-mobile: 1/1; --ni4ynf-enableShadowThumbs: false; --ni4ynf-enableShadowThumbs-tablet: false; --ni4ynf-enableShadowThumbs-mobile: false; --ni4ynf-shadowBlurThumbs: 0px; --ni4ynf-shadowBlurThumbs-tablet: 0px; --ni4ynf-shadowBlurThumbs-mobile: 0px; --ni4ynf-shadowVerticalThumbs: 0px; --ni4ynf-shadowVerticalThumbs-tablet: 0px; --ni4ynf-shadowVerticalThumbs-mobile: 0px; --ni4ynf-shadowHorizontalThumbs: 0px; --ni4ynf-shadowHorizontalThumbs-tablet: 0px; --ni4ynf-shadowHorizontalThumbs-mobile: 0px; --ni4ynf-borderStyleMain: none; --ni4ynf-borderStyleMain-tablet: none; --ni4ynf-borderStyleMain-mobile: none; --ni4ynf-borderWidthMain: 1px; --ni4ynf-borderWidthMain-tablet: 1px; --ni4ynf-borderWidthMain-mobile: 1px; --ni4ynf-shadowBlurMain: 0px; --ni4ynf-shadowBlurMain-tablet: 0px; --ni4ynf-shadowBlurMain-mobile: 0px; --ni4ynf-shadowVerticalMain: 0px; --ni4ynf-shadowVerticalMain-tablet: 0px; --ni4ynf-shadowVerticalMain-mobile: 0px; --ni4ynf-shadowHorizontalMain: 0px; --ni4ynf-shadowHorizontalMain-tablet: 0px; --ni4ynf-shadowHorizontalMain-mobile: 0px; --ni4ynf-effect: fade; --ni4ynf-effect-tablet: fade; --ni4ynf-effect-mobile: fade; --ni4ynf-gap: 16px; --ni4ynf-gap-tablet: 16px; --ni4ynf-gap-mobile: 16px; --ni4ynf-borderColorMain: #000000; --ni4ynf-borderColorMain-tablet: #000000; --ni4ynf-borderColorMain-mobile: #000000; --ni4ynf-imageRatioMain: 1/1; --ni4ynf-imageRatioMain-tablet: 1/1; --ni4ynf-imageRatioMain-mobile: 1/1; --ni4ynf-objFit: cover; --ni4ynf-objFit-tablet: cover; --ni4ynf-objFit-mobile: cover; --ni4ynf-imageRatioThumbs: 2/3; --ni4ynf-imageRatioThumbs-tablet: 2/3; --ni4ynf-imageRatioThumbs-mobile: 2/3; --ni4ynf-enableShadow: false; --ni4ynf-enableShadow-tablet: false; --ni4ynf-enableShadow-mobile: false; --ni4ynf-borderRadius-tl: 24px; --ni4ynf-borderRadius-tl-tablet: 24px; --ni4ynf-borderRadius-tl-mobile: 24px; --ni4ynf-borderRadius-tr: 180px; --ni4ynf-borderRadius-tr-tablet: 120px; --ni4ynf-borderRadius-tr-mobile: 80px; --ni4ynf-borderRadius-bl: 180px; --ni4ynf-borderRadius-bl-tablet: 120px; --ni4ynf-borderRadius-bl-mobile: 80px; --ni4ynf-borderRadius-br: 24px; --ni4ynf-borderRadius-br-tablet: 24px; --ni4ynf-borderRadius-br-mobile: 24px; }[data-bnode="beae-ni4ynf"] { margin-top: var(--ni4ynf-margin-top, 0px); margin-right: var(--ni4ynf-margin-right, 0px); margin-bottom: var(--ni4ynf-margin-bottom, 0px); margin-left: var(--ni4ynf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ni4ynf-margin-top-tablet, 0px); margin-right: var(--ni4ynf-margin-right-tablet, 0px); margin-bottom: var(--ni4ynf-margin-bottom-tablet, 0px); margin-left: var(--ni4ynf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ni4ynf-margin-top-mobile, 0px); margin-right: var(--ni4ynf-margin-right-mobile, 0px); margin-bottom: var(--ni4ynf-margin-bottom-mobile, 0px); margin-left: var(--ni4ynf-margin-left-mobile, 0px); } & { position: sticky; top: 0; .beae-media-product { display: flex; gap: var(--ni4ynf-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(--ni4ynf-borderRadius-tl,0px) var(--ni4ynf-borderRadius-tr,0px) var(--ni4ynf-borderRadius-br,0px) var(--ni4ynf-borderRadius-bl,0px); @media(min-width: 767.79px) and (max-width: 1180px){ border-radius: var(--ni4ynf-borderRadius-tl-tablet,0px) var(--ni4ynf-borderRadius-tr-tablet,0px) var(--ni4ynf-borderRadius-br-tablet,0px) var(--ni4ynf-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-radius: var(--ni4ynf-borderRadius-tl-mobile,0px) var(--ni4ynf-borderRadius-tr-mobile,0px) var(--ni4ynf-borderRadius-br-mobile,0px) var(--ni4ynf-borderRadius-bl-mobile,0px); } box-shadow: if(style(--ni4ynf-enableShadowMain: true): var(--ni4ynf-shadowHorizontalMain, 0) var(--ni4ynf-shadowVerticalMain, 0) var(--ni4ynf-shadowBlurMain, 0) 1px var(--ni4ynf-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--ni4ynf-borderWidthMain) var(--ni4ynf-borderStyleMain) var(--ni4ynf-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--ni4ynf-borderRadius-tl,0px) var(--ni4ynf-borderRadius-tr,0px) var(--ni4ynf-borderRadius-br,0px) var(--ni4ynf-borderRadius-bl,0px); @media(min-width: 767.79px) and (max-width: 1180px){ border-radius: var(--ni4ynf-borderRadius-tl-tablet,0px) var(--ni4ynf-borderRadius-tr-tablet,0px) var(--ni4ynf-borderRadius-br-tablet,0px) var(--ni4ynf-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-radius: var(--ni4ynf-borderRadius-tl-mobile,0px) var(--ni4ynf-borderRadius-tr-mobile,0px) var(--ni4ynf-borderRadius-br-mobile,0px) var(--ni4ynf-borderRadius-bl-mobile,0px); } box-shadow: if(style(--ni4ynf-enableShadowMain: true): var(--ni4ynf-shadowHorizontalMain, 0) var(--ni4ynf-shadowVerticalMain, 0) var(--ni4ynf-shadowBlurMain, 0) 1px var(--ni4ynf-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--ni4ynf-borderWidthMain) var(--ni4ynf-borderStyleMain) var(--ni4ynf-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--ni4ynf-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--ni4ynf-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(--ni4ynf-widthItemThumbs, 100px) !important; max-width: var(--ni4ynf-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if(style(--ni4ynf-enableShadowThumbs: true): var(--ni4ynf-shadowHorizontalThumbs, 0) var(--ni4ynf-shadowVerticalThumbs, 0) var(--ni4ynf-shadowBlurThumbs, 0) 1px var(--ni4ynf-shadowColorThumbs, #000000); else: none); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--ni4ynf-borderWidthThumbs) var(--ni4ynf-borderStyleThumbs) var(--ni4ynf-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--ni4ynf-imageRatioThumbs); border-radius: var(--ni4ynf-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(--ni4ynf-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(--ni4ynf-widthItemThumbs-tablet, 80px) !important; max-width: var(--ni4ynf-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--ni4ynf-imageRatioMain-tablet); border-radius: var(--ni4ynf-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--ni4ynf-objFit-tablet, var(--ni4ynf-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--ni4ynf-imageRatioThumbs-tablet); border-radius: var(--ni4ynf-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--ni4ynf-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(--ni4ynf-widthItemThumbs-mobile, 64px) !important; max-width: var(--ni4ynf-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--ni4ynf-imageRatioMain-mobile); border-radius: var(--ni4ynf-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--ni4ynf-objFit-mobile, var(--ni4ynf-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--ni4ynf-imageRatioThumbs-mobile); border-radius: var(--ni4ynf-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--ni4ynf-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--ni4ynf-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--ni4ynf-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ni4ynf-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--ni4ynf-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--ni4ynf-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--ni4ynf-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ni4ynf-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--ni4ynf-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--ni4ynf-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--ni4ynf-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--ni4ynf-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--ni4ynf-navPadding, 12px); background: var(--ni4ynf-navBg, #F5F5F5); color: var(--ni4ynf-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--ni4ynf-navBgHover, #CCCCCC); color: var(--ni4ynf-navColorHover, #333333); } svg { width: var(--ni4ynf-navIconSize, 20px); height: var(--ni4ynf-navIconSize, 20px); } } } }[data-bnode="beae-nzs852"] { --nzs852-direction: column; --nzs852-direction-tablet: column; --nzs852-direction-mobile: column; --nzs852-align-items: stretch; --nzs852-align-items-tablet: stretch; --nzs852-align-items-mobile: stretch; --nzs852-gap: 16px; --nzs852-gap-tablet: 16px; --nzs852-gap-mobile: 16px; --nzs852-padding-top: 0px; --nzs852-padding-top-tablet: 0px; --nzs852-padding-top-mobile: 0px; --nzs852-padding-right: 0px; --nzs852-padding-right-tablet: 0px; --nzs852-padding-right-mobile: 0px; --nzs852-padding-bottom: 0px; --nzs852-padding-bottom-tablet: 0px; --nzs852-padding-bottom-mobile: 0px; --nzs852-padding-left: 80px; --nzs852-padding-left-tablet: 0px; --nzs852-padding-left-mobile: 0px; --nzs852-justify-content: center; --nzs852-justify-content-tablet: center; --nzs852-justify-content-mobile: center; --nzs852-borderRadius-tl: 2px; --nzs852-borderRadius-tl-tablet: 2px; --nzs852-borderRadius-tl-mobile: 2px; --nzs852-borderRadius-tr: 2px; --nzs852-borderRadius-tr-tablet: 2px; --nzs852-borderRadius-tr-mobile: 2px; --nzs852-borderRadius-bl: 2px; --nzs852-borderRadius-bl-tablet: 2px; --nzs852-borderRadius-bl-mobile: 2px; --nzs852-borderRadius-br: 2px; --nzs852-borderRadius-br-tablet: 2px; --nzs852-borderRadius-br-mobile: 2px; }[data-bnode="beae-nzs852"] { padding-top: var(--nzs852-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--nzs852-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--nzs852-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--nzs852-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--nzs852-padding-top-tablet, var(--nzs852-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--nzs852-padding-right-tablet, var(--nzs852-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--nzs852-padding-bottom-tablet, var(--nzs852-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--nzs852-padding-left-tablet, var(--nzs852-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--nzs852-padding-top-mobile, var(--nzs852-padding-top-tablet, var(--nzs852-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--nzs852-padding-right-mobile, var(--nzs852-padding-right-tablet, var(--nzs852-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--nzs852-padding-bottom-mobile, var(--nzs852-padding-bottom-tablet, var(--nzs852-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--nzs852-padding-left-mobile, var(--nzs852-padding-left-tablet, var(--nzs852-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--nzs852-padding-left, var(--beae-slot-padding-x, 0px)) - var(--nzs852-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(--nzs852-background-imageRatio, auto); background: var(--nzs852-background-color,transparent); border-style: var(--nzs852-borderStyle,solid); border-color: var(--nzs852-borderColor,#000000); border-width: var(--nzs852-borderWidth-tl,0px) var(--nzs852-borderWidth-tr,0px) var(--nzs852-borderWidth-br,0px) var(--nzs852-borderWidth-bl,0px); border-radius: var(--nzs852-borderRadius-tl,0px) var(--nzs852-borderRadius-tr,0px) var(--nzs852-borderRadius-br,0px) var(--nzs852-borderRadius-bl,0px); box-shadow: if(style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal,0) var(--nzs852-shadowVertical,0) var(--nzs852-shadowBlur,0) 1px var(--nzs852-shadowColor,#000000); else: none); max-width: var(--nzs852-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--nzs852-background-imageRatio-tablet, var(--nzs852-background-imageRatio, auto)); border-width: var(--nzs852-borderWidth-tl-tablet,0px) var(--nzs852-borderWidth-tr-tablet,0px) var(--nzs852-borderWidth-br-tablet,0px) var(--nzs852-borderWidth-bl-tablet,0px); border-radius: var(--nzs852-borderRadius-tl-tablet,0px) var(--nzs852-borderRadius-tr-tablet,0px) var(--nzs852-borderRadius-br-tablet,0px) var(--nzs852-borderRadius-bl-tablet,0px); max-width: var(--nzs852-max-width-tablet, var(--nzs852-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--nzs852-background-imageRatio-mobile, var(--nzs852-background-imageRatio, auto)); border-width: var(--nzs852-borderWidth-tl-mobile,0px) var(--nzs852-borderWidth-tr-mobile,0px) var(--nzs852-borderWidth-br-mobile,0px) var(--nzs852-borderWidth-bl-mobile,0px); border-radius: var(--nzs852-borderRadius-tl-mobile,0px) var(--nzs852-borderRadius-tr-mobile,0px) var(--nzs852-borderRadius-br-mobile,0px) var(--nzs852-borderRadius-bl-mobile,0px); max-width: var(--nzs852-max-width-mobile, var(--nzs852-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--nzs852-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--nzs852-gap,var(--beae-card-gap)); padding-top: var(--nzs852-padding-top,var(--beae-card-padding)); padding-right: var(--nzs852-padding-right,var(--beae-card-padding)); padding-bottom: var(--nzs852-padding-bottom,var(--beae-card-padding)); padding-left: var(--nzs852-padding-left,var(--beae-card-padding)); border-width: var(--nzs852-borderWidth,var(--beae-card-border-width)); border-width: var(--nzs852-borderWidth-tl,var(--beae-card-border-width)) var(--nzs852-borderWidth-tr,var(--beae-card-border-width)) var(--nzs852-borderWidth-br,var(--beae-card-border-width)) var(--nzs852-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--nzs852-borderRadius-tl,var(--beae-card-border-radius)) var(--nzs852-borderRadius-tr,var(--beae-card-border-radius)) var(--nzs852-borderRadius-br,var(--beae-card-border-radius)) var(--nzs852-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(--nzs852-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--nzs852-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--nzs852-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--nzs852-padding-left-tablet,var(--beae-card-padding)); border-width: var(--nzs852-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--nzs852-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--nzs852-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--nzs852-borderWidth-br-desktop,var(--beae-card-border-width)) var(--nzs852-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--nzs852-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--nzs852-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--nzs852-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--nzs852-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--nzs852-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--nzs852-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--nzs852-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--nzs852-padding-left-mobile,var(--beae-card-padding)); border-width: var(--nzs852-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--nzs852-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--nzs852-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--nzs852-borderWidth-br-mobile,var(--beae-card-border-width)) var(--nzs852-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--nzs852-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--nzs852-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--nzs852-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--nzs852-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--nzs852-background-color,var(--beae-card-featured-background)); border-color: var(--nzs852-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal, var(--beae-card-shadow-x)) var(--nzs852-shadowVertical, var(--beae-card-shadow-y)) var(--nzs852-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nzs852-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--nzs852-background-color,var(--beae-card-prod-background)); border-color: var(--nzs852-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal, var(--beae-card-shadow-x)) var(--nzs852-shadowVertical, var(--beae-card-shadow-y)) var(--nzs852-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nzs852-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--nzs852-background-color,var(--beae-card-pricing-background)); border-color: var(--nzs852-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal, var(--beae-card-shadow-x)) var(--nzs852-shadowVertical, var(--beae-card-shadow-y)) var(--nzs852-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nzs852-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--nzs852-background-color,var(--beae-card-cta-background)); border-color: var(--nzs852-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal, var(--beae-card-shadow-x)) var(--nzs852-shadowVertical, var(--beae-card-shadow-y)) var(--nzs852-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nzs852-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--nzs852-background-color,var(--beae-card-media-background)); border-color: var(--nzs852-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--nzs852-enableShadow: true): var(--nzs852-shadowHorizontal, var(--beae-card-shadow-x)) var(--nzs852-shadowVertical, var(--beae-card-shadow-y)) var(--nzs852-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nzs852-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-nzs852"] {     display: flex;     flex-direction: var(--nzs852-direction, column);     flex-wrap: nowrap;     justify-content: var(--nzs852-justify-content);     align-items: var(--nzs852-align-items);     gap: var(--nzs852-gap, var(--nzs852-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-nzs852"] {                            gap: var(--nzs852-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(--nzs852-padding-right-tablet, 0px) - var(--nzs852-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-nzs852"] {                            gap: var(--nzs852-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(--nzs852-padding-right-mobile, 0px) - var(--nzs852-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-daj83h"] { --daj83h-typography: h3; --daj83h-typography-tablet: h3; --daj83h-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-daj83h"] { margin-top: var(--daj83h-margin-top, 0px); margin-right: var(--daj83h-margin-right, 0px); margin-bottom: var(--daj83h-margin-bottom, 0px); margin-left: var(--daj83h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--daj83h-margin-top-tablet, 0px); margin-right: var(--daj83h-margin-right-tablet, 0px); margin-bottom: var(--daj83h-margin-bottom-tablet, 0px); margin-left: var(--daj83h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--daj83h-margin-top-mobile, 0px); margin-right: var(--daj83h-margin-right-mobile, 0px); margin-bottom: var(--daj83h-margin-bottom-mobile, 0px); margin-left: var(--daj83h-margin-left-mobile, 0px); } }[data-bnode="beae-5z7q2q"] { --5z7q2q-direction: row; --5z7q2q-direction-tablet: row; --5z7q2q-direction-mobile: row; --5z7q2q-structure: auto; --5z7q2q-structure-tablet: auto; --5z7q2q-structure-mobile: auto; --5z7q2q-gap: 16px; --5z7q2q-gap-tablet: 16px; --5z7q2q-gap-mobile: 16px; --5z7q2q-align-items: center; --5z7q2q-align-items-tablet: center; --5z7q2q-align-items-mobile: center; --5z7q2q-justify-content: flex-start; --5z7q2q-justify-content-tablet: flex-start; --5z7q2q-justify-content-mobile: flex-start; }[data-bnode="beae-5z7q2q"] { padding-top: var(--5z7q2q-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5z7q2q-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5z7q2q-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5z7q2q-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5z7q2q-padding-top-tablet, var(--5z7q2q-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5z7q2q-padding-right-tablet, var(--5z7q2q-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5z7q2q-padding-bottom-tablet, var(--5z7q2q-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5z7q2q-padding-left-tablet, var(--5z7q2q-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5z7q2q-padding-top-mobile, var(--5z7q2q-padding-top-tablet, var(--5z7q2q-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5z7q2q-padding-right-mobile, var(--5z7q2q-padding-right-tablet, var(--5z7q2q-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5z7q2q-padding-bottom-mobile, var(--5z7q2q-padding-bottom-tablet, var(--5z7q2q-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5z7q2q-padding-left-mobile, var(--5z7q2q-padding-left-tablet, var(--5z7q2q-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5z7q2q-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5z7q2q-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(--5z7q2q-background-imageRatio, auto); background: var(--5z7q2q-background-color,transparent); border-style: var(--5z7q2q-borderStyle,solid); border-color: var(--5z7q2q-borderColor,#000000); border-width: var(--5z7q2q-borderWidth-tl,0px) var(--5z7q2q-borderWidth-tr,0px) var(--5z7q2q-borderWidth-br,0px) var(--5z7q2q-borderWidth-bl,0px); border-radius: var(--5z7q2q-borderRadius-tl,0px) var(--5z7q2q-borderRadius-tr,0px) var(--5z7q2q-borderRadius-br,0px) var(--5z7q2q-borderRadius-bl,0px); box-shadow: if(style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal,0) var(--5z7q2q-shadowVertical,0) var(--5z7q2q-shadowBlur,0) 1px var(--5z7q2q-shadowColor,#000000); else: none); max-width: var(--5z7q2q-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5z7q2q-background-imageRatio-tablet, var(--5z7q2q-background-imageRatio, auto)); border-width: var(--5z7q2q-borderWidth-tl-tablet,0px) var(--5z7q2q-borderWidth-tr-tablet,0px) var(--5z7q2q-borderWidth-br-tablet,0px) var(--5z7q2q-borderWidth-bl-tablet,0px); border-radius: var(--5z7q2q-borderRadius-tl-tablet,0px) var(--5z7q2q-borderRadius-tr-tablet,0px) var(--5z7q2q-borderRadius-br-tablet,0px) var(--5z7q2q-borderRadius-bl-tablet,0px); max-width: var(--5z7q2q-max-width-tablet, var(--5z7q2q-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5z7q2q-background-imageRatio-mobile, var(--5z7q2q-background-imageRatio, auto)); border-width: var(--5z7q2q-borderWidth-tl-mobile,0px) var(--5z7q2q-borderWidth-tr-mobile,0px) var(--5z7q2q-borderWidth-br-mobile,0px) var(--5z7q2q-borderWidth-bl-mobile,0px); border-radius: var(--5z7q2q-borderRadius-tl-mobile,0px) var(--5z7q2q-borderRadius-tr-mobile,0px) var(--5z7q2q-borderRadius-br-mobile,0px) var(--5z7q2q-borderRadius-bl-mobile,0px); max-width: var(--5z7q2q-max-width-mobile, var(--5z7q2q-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5z7q2q-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5z7q2q-gap,var(--beae-card-gap)); padding-top: var(--5z7q2q-padding-top,var(--beae-card-padding)); padding-right: var(--5z7q2q-padding-right,var(--beae-card-padding)); padding-bottom: var(--5z7q2q-padding-bottom,var(--beae-card-padding)); padding-left: var(--5z7q2q-padding-left,var(--beae-card-padding)); border-width: var(--5z7q2q-borderWidth,var(--beae-card-border-width)); border-width: var(--5z7q2q-borderWidth-tl,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-tr,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-br,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5z7q2q-borderRadius-tl,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-tr,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-br,var(--beae-card-border-radius)) var(--5z7q2q-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(--5z7q2q-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5z7q2q-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5z7q2q-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5z7q2q-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5z7q2q-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5z7q2q-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5z7q2q-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5z7q2q-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5z7q2q-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5z7q2q-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5z7q2q-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5z7q2q-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5z7q2q-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5z7q2q-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5z7q2q-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5z7q2q-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5z7q2q-background-color,var(--beae-card-featured-background)); border-color: var(--5z7q2q-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal, var(--beae-card-shadow-x)) var(--5z7q2q-shadowVertical, var(--beae-card-shadow-y)) var(--5z7q2q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5z7q2q-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5z7q2q-background-color,var(--beae-card-prod-background)); border-color: var(--5z7q2q-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal, var(--beae-card-shadow-x)) var(--5z7q2q-shadowVertical, var(--beae-card-shadow-y)) var(--5z7q2q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5z7q2q-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5z7q2q-background-color,var(--beae-card-pricing-background)); border-color: var(--5z7q2q-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal, var(--beae-card-shadow-x)) var(--5z7q2q-shadowVertical, var(--beae-card-shadow-y)) var(--5z7q2q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5z7q2q-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5z7q2q-background-color,var(--beae-card-cta-background)); border-color: var(--5z7q2q-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal, var(--beae-card-shadow-x)) var(--5z7q2q-shadowVertical, var(--beae-card-shadow-y)) var(--5z7q2q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5z7q2q-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5z7q2q-background-color,var(--beae-card-media-background)); border-color: var(--5z7q2q-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5z7q2q-enableShadow: true): var(--5z7q2q-shadowHorizontal, var(--beae-card-shadow-x)) var(--5z7q2q-shadowVertical, var(--beae-card-shadow-y)) var(--5z7q2q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5z7q2q-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-5z7q2q"] {     display: flex;     flex-direction: var(--5z7q2q-direction, column);     flex-wrap: nowrap;     justify-content: var(--5z7q2q-justify-content);     align-items: var(--5z7q2q-align-items);     gap: var(--5z7q2q-gap, var(--5z7q2q-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5z7q2q"] {                            gap: var(--5z7q2q-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(--5z7q2q-padding-right-tablet, 0px) - var(--5z7q2q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5z7q2q"] {                            gap: var(--5z7q2q-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(--5z7q2q-padding-right-mobile, 0px) - var(--5z7q2q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1hldfi"] { --1hldfi-typography: p; --1hldfi-typography-tablet: p; --1hldfi-typography-mobile: p; --1hldfi-decoration: line-through; --1hldfi-decoration-tablet: line-through; --1hldfi-decoration-mobile: line-through; --1hldfi-comparePriceColor: #888888; --1hldfi-comparePriceColor-tablet: #888888; --1hldfi-comparePriceColor-mobile: #888888; --1hldfi-priceType: salePrice; --1hldfi-priceType-tablet: salePrice; --1hldfi-priceType-mobile: salePrice; --1hldfi-salePriceColor: var(--beae-other-sale-price-color); --1hldfi-salePriceColor-tablet: var(--beae-other-sale-price-color); --1hldfi-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-1hldfi"] { margin-top: var(--1hldfi-margin-top, 0px); margin-right: var(--1hldfi-margin-right, 0px); margin-bottom: var(--1hldfi-margin-bottom, 0px); margin-left: var(--1hldfi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1hldfi-margin-top-tablet, 0px); margin-right: var(--1hldfi-margin-right-tablet, 0px); margin-bottom: var(--1hldfi-margin-bottom-tablet, 0px); margin-left: var(--1hldfi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1hldfi-margin-top-mobile, 0px); margin-right: var(--1hldfi-margin-right-mobile, 0px); margin-bottom: var(--1hldfi-margin-bottom-mobile, 0px); margin-left: var(--1hldfi-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--1hldfi-comparePriceColor); text-decoration: var(--1hldfi-decoration,none); font-size: calc(var(--1hldfi-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--1hldfi-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-kytnsu"] { --kytnsu-typography: p; --kytnsu-typography-tablet: p; --kytnsu-typography-mobile: p; --kytnsu-paddingY: 4px; --kytnsu-paddingY-tablet: 4px; --kytnsu-paddingY-mobile: 4px; --kytnsu-paddingX: 12px; --kytnsu-paddingX-tablet: 12px; --kytnsu-paddingX-mobile: 12px; --kytnsu-margin-top: 0px; --kytnsu-margin-top-tablet: 0px; --kytnsu-margin-top-mobile: 0px; --kytnsu-margin-right: 0px; --kytnsu-margin-right-tablet: 0px; --kytnsu-margin-right-mobile: 0px; --kytnsu-margin-bottom: 0px; --kytnsu-margin-bottom-tablet: 0px; --kytnsu-margin-bottom-mobile: 0px; --kytnsu-margin-left: 0px; --kytnsu-margin-left-tablet: 0px; --kytnsu-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; --kytnsu-borderStyle: solid; --kytnsu-borderStyle-tablet: solid; --kytnsu-borderStyle-mobile: solid; --kytnsu-borderWidth-tl: 0px; --kytnsu-borderWidth-tl-tablet: 0px; --kytnsu-borderWidth-tl-mobile: 0px; --kytnsu-borderWidth-tr: 0px; --kytnsu-borderWidth-tr-tablet: 0px; --kytnsu-borderWidth-tr-mobile: 0px; --kytnsu-borderWidth-bl: 0px; --kytnsu-borderWidth-bl-tablet: 0px; --kytnsu-borderWidth-bl-mobile: 0px; --kytnsu-borderWidth-br: 0px; --kytnsu-borderWidth-br-tablet: 0px; --kytnsu-borderWidth-br-mobile: 0px; --kytnsu-borderRadius-tl: 99px; --kytnsu-borderRadius-tl-tablet: 99px; --kytnsu-borderRadius-tl-mobile: 99px; --kytnsu-borderRadius-tr: 99px; --kytnsu-borderRadius-tr-tablet: 99px; --kytnsu-borderRadius-tr-mobile: 99px; --kytnsu-borderRadius-bl: 99px; --kytnsu-borderRadius-bl-tablet: 99px; --kytnsu-borderRadius-bl-mobile: 99px; --kytnsu-borderRadius-br: 99px; --kytnsu-borderRadius-br-tablet: 99px; --kytnsu-borderRadius-br-mobile: 99px; }[data-bnode="beae-kytnsu"] { margin-top: var(--kytnsu-margin-top, 0px); margin-right: var(--kytnsu-margin-right, 0px); margin-bottom: var(--kytnsu-margin-bottom, 0px); margin-left: var(--kytnsu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kytnsu-margin-top-tablet, 0px); margin-right: var(--kytnsu-margin-right-tablet, 0px); margin-bottom: var(--kytnsu-margin-bottom-tablet, 0px); margin-left: var(--kytnsu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kytnsu-margin-top-mobile, 0px); margin-right: var(--kytnsu-margin-right-mobile, 0px); margin-bottom: var(--kytnsu-margin-bottom-mobile, 0px); margin-left: var(--kytnsu-margin-left-mobile, 0px); } &.beae-product-badge { width: fit-content; padding-inline: var(--kytnsu-paddingX, 12px); padding-block: var(--kytnsu-paddingY, 3px); border-style: var(--kytnsu-borderStyle,solid); border-color: var(--kytnsu-borderColor,#000000); border-width: var(--kytnsu-borderWidth-tl,0px) var(--kytnsu-borderWidth-tr,0px) var(--kytnsu-borderWidth-br,0px) var(--kytnsu-borderWidth-bl,0px); border-radius: var(--kytnsu-borderRadius-tl,0px) var(--kytnsu-borderRadius-tr,0px) var(--kytnsu-borderRadius-br,0px) var(--kytnsu-borderRadius-bl,0px); box-shadow: if(style(--kytnsu-enableShadow: true): var(--kytnsu-shadowHorizontal, 0) var(--kytnsu-shadowVertical, 0) var(--kytnsu-shadowBlur, 0) 1px var(--kytnsu-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-iwwe8i"] { --iwwe8i-typography: p3; --iwwe8i-typography-tablet: p3; --iwwe8i-typography-mobile: p3; --iwwe8i-maxWidth: auto; --iwwe8i-maxWidth-tablet: auto; --iwwe8i-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-iwwe8i"] { margin-top: var(--iwwe8i-margin-top, 0px); margin-right: var(--iwwe8i-margin-right, 0px); margin-bottom: var(--iwwe8i-margin-bottom, 0px); margin-left: var(--iwwe8i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--iwwe8i-margin-top-tablet, 0px); margin-right: var(--iwwe8i-margin-right-tablet, 0px); margin-bottom: var(--iwwe8i-margin-bottom-tablet, 0px); margin-left: var(--iwwe8i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--iwwe8i-margin-top-mobile, 0px); margin-right: var(--iwwe8i-margin-right-mobile, 0px); margin-bottom: var(--iwwe8i-margin-bottom-mobile, 0px); margin-left: var(--iwwe8i-margin-left-mobile, 0px); } & { & .beae-description { p:only-child { margin: 0; } } } }[data-bnode="beae-5ighwk"] { --5ighwk-typography: p; --5ighwk-typography-tablet: p; --5ighwk-typography-mobile: p; --5ighwk-veryLowColor: #e74c3c; --5ighwk-veryLowColor-tablet: #e74c3c; --5ighwk-veryLowColor-mobile: #e74c3c; --5ighwk-lowColor: #f1c40f; --5ighwk-lowColor-tablet: #f1c40f; --5ighwk-lowColor-mobile: #f1c40f; --5ighwk-progressHeight: 4px; --5ighwk-progressHeight-tablet: 4px; --5ighwk-progressHeight-mobile: 4px; --5ighwk-margin-top: 0px; --5ighwk-margin-top-tablet: 0px; --5ighwk-margin-top-mobile: 0px; --5ighwk-margin-right: 0px; --5ighwk-margin-right-tablet: 0px; --5ighwk-margin-right-mobile: 0px; --5ighwk-margin-bottom: 0px; --5ighwk-margin-bottom-tablet: 0px; --5ighwk-margin-bottom-mobile: 0px; --5ighwk-margin-left: 0px; --5ighwk-margin-left-tablet: 0px; --5ighwk-margin-left-mobile: 0px; --5ighwk-color: #08823B; --5ighwk-color-tablet: #08823B; --5ighwk-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-5ighwk"] { margin-top: var(--5ighwk-margin-top, 0px); margin-right: var(--5ighwk-margin-right, 0px); margin-bottom: var(--5ighwk-margin-bottom, 0px); margin-left: var(--5ighwk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5ighwk-margin-top-tablet, 0px); margin-right: var(--5ighwk-margin-right-tablet, 0px); margin-bottom: var(--5ighwk-margin-bottom-tablet, 0px); margin-left: var(--5ighwk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5ighwk-margin-top-mobile, 0px); margin-right: var(--5ighwk-margin-right-mobile, 0px); margin-bottom: var(--5ighwk-margin-bottom-mobile, 0px); margin-left: var(--5ighwk-margin-left-mobile, 0px); } &.beae-inventory-low { color: var(--5ighwk-lowColor); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--5ighwk-veryLowColor); } & .beae-inventory-text{ display:none; &.beae-show{ display:block; } } & .beae-inventory-progress { width: 100%; height: var(--5ighwk-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(--5ighwk-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.beae-inventory-critical .beae-inventory-progress-bar { background: var(--5ighwk-veryLowColor); } &.beae-inventory-out .beae-inventory-progress-bar { background: var(--5ighwk-veryLowColor); width: 0% !important; } }[data-bnode="beae-gdklxz"] { --gdklxz-variantType: options; --gdklxz-variantType-tablet: options; --gdklxz-variantType-mobile: options; --gdklxz-headerState: normal; --gdklxz-headerState-tablet: normal; --gdklxz-headerState-mobile: normal; --gdklxz-borderStyle: none; --gdklxz-borderStyle-tablet: none; --gdklxz-borderStyle-mobile: none; --gdklxz-borderWidth: 1px; --gdklxz-borderWidth-tablet: 1px; --gdklxz-borderWidth-mobile: 1px; --gdklxz-borderRadius: 100px; --gdklxz-borderRadius-tablet: 100px; --gdklxz-borderRadius-mobile: 100px; --gdklxz-labelTypo: p; --gdklxz-labelTypo-tablet: p; --gdklxz-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; --gdklxz-btnTypo: p; --gdklxz-btnTypo-tablet: p; --gdklxz-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; --gdklxz-styleColor: square; --gdklxz-styleColor-tablet: square; --gdklxz-styleColor-mobile: square; --gdklxz-sizeColor: 40px; --gdklxz-sizeColor-tablet: 40px; --gdklxz-sizeColor-mobile: 40px; }[data-bnode="beae-gdklxz"] { margin-top: var(--gdklxz-margin-top, 0px); margin-right: var(--gdklxz-margin-right, 0px); margin-bottom: var(--gdklxz-margin-bottom, 0px); margin-left: var(--gdklxz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gdklxz-margin-top-tablet, 0px); margin-right: var(--gdklxz-margin-right-tablet, 0px); margin-bottom: var(--gdklxz-margin-bottom-tablet, 0px); margin-left: var(--gdklxz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gdklxz-margin-top-mobile, 0px); margin-right: var(--gdklxz-margin-right-mobile, 0px); margin-bottom: var(--gdklxz-margin-bottom-mobile, 0px); margin-left: var(--gdklxz-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(--gdklxz-paddingX, 20px); padding-block: var(--gdklxz-paddingY, 12px); background-color: var(--gdklxz-tabBg, #F5F5F5); cursor: pointer; border-style: var(--gdklxz-borderStyle, none); border-color: var(--gdklxz-borderColor, #D1D1D1); border-width: var(--gdklxz-borderWidth,0px); border-radius: var(--gdklxz-borderRadius, 0px); box-shadow: if( style(--gdklxz-enableShadow: true): var(--gdklxz-shadowHorizontal, 0) var(--gdklxz-shadowVertical, 0) var(--gdklxz-shadowBlur, 0) var(--gdklxz-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap:hover .beae-radio-lb { background-color: var(--gdklxz-tabBgHover,#cccccc); color: var(--gdklxz-colorHover,#333333); border-color: var(--gdklxz-borderColorHover, var(--gdklxz-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .beae-radio:checked + .beae-radio-lb { background-color: var(--gdklxz-tabBgActive, #000); color: var(--gdklxz-colorActive, #fff); border-color: var(--gdklxz-borderColorActive, var(--gdklxz-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(--gdklxz-borderRadius,99px); } /* ===== COLOR SWATCH ===== */ .beae-swatch-color { width: var(--gdklxz-sizeColor,40px); height: var(--gdklxz-sizeColor,40px); padding: 0; border-radius: if(style(--gdklxz-styleColor : true ): 50%; else: 0%); border: 2px solid transparent; background-color: #eee; background-clip: content-box; transition: all 0.2s; box-shadow: if(style(--gdklxz-enableShadow: true): var(--gdklxz-shadowHorizontal, 0) var(--gdklxz-shadowVertical, 0) var(--gdklxz-shadowBlur, 0) var(--gdklxz-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); overflow: hidden; .beae-radio-lb { display: none; } &:hover { border-color: var(--gdklxz-borderColorHover,#000000); } &:has(.beae-radio:checked) { border-color: var(--gdklxz-borderColorActive,#000000); padding: 2px !important; } &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--gdklxz-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(--gdklxz-paddingX, 20px); padding-block: var(--gdklxz-paddingY, 12px); background-color: var(--gdklxz-tabBg, #F5F5F5); cursor: pointer; border-style: var(--gdklxz-borderStyle, none); border-color: var(--gdklxz-borderColor, #D1D1D1); border-width: var(--gdklxz-borderWidth,0px); border-radius: var(--gdklxz-borderRadius, 0px); box-shadow: if( style(--gdklxz-enableShadow: true): var(--gdklxz-shadowHorizontal, 0) var(--gdklxz-shadowVertical, 0) var(--gdklxz-shadowBlur, 0) var(--gdklxz-shadowColor, rgba(0, 0, 0, 0.1)); else: none ); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--gdklxz-colorHover, #333333); background-color: var(--gdklxz-tabBgHover, #cccccc); border-color: var(--gdklxz-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="beae-bw1t7w"] { --bw1t7w-direction: row; --bw1t7w-direction-tablet: row; --bw1t7w-direction-mobile: column; --bw1t7w-structure: auto; --bw1t7w-structure-tablet: auto; --bw1t7w-structure-mobile: auto; --bw1t7w-align-items: flex-end; --bw1t7w-align-items-tablet: flex-end; --bw1t7w-align-items-mobile: flex-start; --bw1t7w-gap: 16px; --bw1t7w-gap-tablet: 16px; --bw1t7w-gap-mobile: 16px; --bw1t7w-justify-content: flex-start; --bw1t7w-justify-content-tablet: flex-start; --bw1t7w-justify-content-mobile: flex-start; }[data-bnode="beae-bw1t7w"] { padding-top: var(--bw1t7w-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bw1t7w-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bw1t7w-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bw1t7w-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bw1t7w-padding-top-tablet, var(--bw1t7w-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bw1t7w-padding-right-tablet, var(--bw1t7w-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bw1t7w-padding-bottom-tablet, var(--bw1t7w-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bw1t7w-padding-left-tablet, var(--bw1t7w-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bw1t7w-padding-top-mobile, var(--bw1t7w-padding-top-tablet, var(--bw1t7w-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bw1t7w-padding-right-mobile, var(--bw1t7w-padding-right-tablet, var(--bw1t7w-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bw1t7w-padding-bottom-mobile, var(--bw1t7w-padding-bottom-tablet, var(--bw1t7w-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bw1t7w-padding-left-mobile, var(--bw1t7w-padding-left-tablet, var(--bw1t7w-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bw1t7w-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bw1t7w-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(--bw1t7w-background-imageRatio, auto); background: var(--bw1t7w-background-color,transparent); border-style: var(--bw1t7w-borderStyle,solid); border-color: var(--bw1t7w-borderColor,#000000); border-width: var(--bw1t7w-borderWidth-tl,0px) var(--bw1t7w-borderWidth-tr,0px) var(--bw1t7w-borderWidth-br,0px) var(--bw1t7w-borderWidth-bl,0px); border-radius: var(--bw1t7w-borderRadius-tl,0px) var(--bw1t7w-borderRadius-tr,0px) var(--bw1t7w-borderRadius-br,0px) var(--bw1t7w-borderRadius-bl,0px); box-shadow: if(style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal,0) var(--bw1t7w-shadowVertical,0) var(--bw1t7w-shadowBlur,0) 1px var(--bw1t7w-shadowColor,#000000); else: none); max-width: var(--bw1t7w-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bw1t7w-background-imageRatio-tablet, var(--bw1t7w-background-imageRatio, auto)); border-width: var(--bw1t7w-borderWidth-tl-tablet,0px) var(--bw1t7w-borderWidth-tr-tablet,0px) var(--bw1t7w-borderWidth-br-tablet,0px) var(--bw1t7w-borderWidth-bl-tablet,0px); border-radius: var(--bw1t7w-borderRadius-tl-tablet,0px) var(--bw1t7w-borderRadius-tr-tablet,0px) var(--bw1t7w-borderRadius-br-tablet,0px) var(--bw1t7w-borderRadius-bl-tablet,0px); max-width: var(--bw1t7w-max-width-tablet, var(--bw1t7w-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bw1t7w-background-imageRatio-mobile, var(--bw1t7w-background-imageRatio, auto)); border-width: var(--bw1t7w-borderWidth-tl-mobile,0px) var(--bw1t7w-borderWidth-tr-mobile,0px) var(--bw1t7w-borderWidth-br-mobile,0px) var(--bw1t7w-borderWidth-bl-mobile,0px); border-radius: var(--bw1t7w-borderRadius-tl-mobile,0px) var(--bw1t7w-borderRadius-tr-mobile,0px) var(--bw1t7w-borderRadius-br-mobile,0px) var(--bw1t7w-borderRadius-bl-mobile,0px); max-width: var(--bw1t7w-max-width-mobile, var(--bw1t7w-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bw1t7w-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bw1t7w-gap,var(--beae-card-gap)); padding-top: var(--bw1t7w-padding-top,var(--beae-card-padding)); padding-right: var(--bw1t7w-padding-right,var(--beae-card-padding)); padding-bottom: var(--bw1t7w-padding-bottom,var(--beae-card-padding)); padding-left: var(--bw1t7w-padding-left,var(--beae-card-padding)); border-width: var(--bw1t7w-borderWidth,var(--beae-card-border-width)); border-width: var(--bw1t7w-borderWidth-tl,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-tr,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-br,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bw1t7w-borderRadius-tl,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-tr,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-br,var(--beae-card-border-radius)) var(--bw1t7w-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(--bw1t7w-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bw1t7w-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bw1t7w-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bw1t7w-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bw1t7w-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bw1t7w-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bw1t7w-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bw1t7w-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bw1t7w-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bw1t7w-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bw1t7w-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bw1t7w-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bw1t7w-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bw1t7w-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bw1t7w-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bw1t7w-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bw1t7w-background-color,var(--beae-card-featured-background)); border-color: var(--bw1t7w-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal, var(--beae-card-shadow-x)) var(--bw1t7w-shadowVertical, var(--beae-card-shadow-y)) var(--bw1t7w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bw1t7w-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bw1t7w-background-color,var(--beae-card-prod-background)); border-color: var(--bw1t7w-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal, var(--beae-card-shadow-x)) var(--bw1t7w-shadowVertical, var(--beae-card-shadow-y)) var(--bw1t7w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bw1t7w-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bw1t7w-background-color,var(--beae-card-pricing-background)); border-color: var(--bw1t7w-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal, var(--beae-card-shadow-x)) var(--bw1t7w-shadowVertical, var(--beae-card-shadow-y)) var(--bw1t7w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bw1t7w-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bw1t7w-background-color,var(--beae-card-cta-background)); border-color: var(--bw1t7w-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal, var(--beae-card-shadow-x)) var(--bw1t7w-shadowVertical, var(--beae-card-shadow-y)) var(--bw1t7w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bw1t7w-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bw1t7w-background-color,var(--beae-card-media-background)); border-color: var(--bw1t7w-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bw1t7w-enableShadow: true): var(--bw1t7w-shadowHorizontal, var(--beae-card-shadow-x)) var(--bw1t7w-shadowVertical, var(--beae-card-shadow-y)) var(--bw1t7w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bw1t7w-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-bw1t7w"] {     display: flex;     flex-direction: var(--bw1t7w-direction, column);     flex-wrap: nowrap;     justify-content: var(--bw1t7w-justify-content);     align-items: var(--bw1t7w-align-items);     gap: var(--bw1t7w-gap, var(--bw1t7w-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bw1t7w"] {                            gap: var(--bw1t7w-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(--bw1t7w-padding-right-tablet, 0px) - var(--bw1t7w-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bw1t7w"] {      flex-direction: var(--bw1t7w-direction-mobile, column);                 align-items: var(--bw1t7w-align-items-mobile, inherit);      gap: var(--bw1t7w-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-9eypqc"] { --9eypqc-borderStyle: solid; --9eypqc-borderStyle-tablet: solid; --9eypqc-borderStyle-mobile: solid; --9eypqc-borderWidth-tl: 4px; --9eypqc-borderWidth-tl-tablet: 4px; --9eypqc-borderWidth-tl-mobile: 4px; --9eypqc-borderWidth-tr: 0px; --9eypqc-borderWidth-tr-tablet: 0px; --9eypqc-borderWidth-tr-mobile: 0px; --9eypqc-borderWidth-bl: 0px; --9eypqc-borderWidth-bl-tablet: 0px; --9eypqc-borderWidth-bl-mobile: 0px; --9eypqc-borderWidth-br: 4px; --9eypqc-borderWidth-br-tablet: 4px; --9eypqc-borderWidth-br-mobile: 4px; --9eypqc-borderColor: #f5f5f5; --9eypqc-borderColor-tablet: #f5f5f5; --9eypqc-borderColor-mobile: #f5f5f5; --9eypqc-borderRadius-tl: 99px; --9eypqc-borderRadius-tl-tablet: 99px; --9eypqc-borderRadius-tl-mobile: 99px; --9eypqc-borderRadius-tr: 99px; --9eypqc-borderRadius-tr-tablet: 99px; --9eypqc-borderRadius-tr-mobile: 99px; --9eypqc-borderRadius-bl: 99px; --9eypqc-borderRadius-bl-tablet: 99px; --9eypqc-borderRadius-bl-mobile: 99px; --9eypqc-borderRadius-br: 99px; --9eypqc-borderRadius-br-tablet: 99px; --9eypqc-borderRadius-br-mobile: 99px; --9eypqc-margin-top: 0px; --9eypqc-margin-top-tablet: 0px; --9eypqc-margin-top-mobile: 0px; --9eypqc-margin-right: 0px; --9eypqc-margin-right-tablet: 0px; --9eypqc-margin-right-mobile: 0px; --9eypqc-margin-bottom: 0px; --9eypqc-margin-bottom-tablet: 0px; --9eypqc-margin-bottom-mobile: 0px; --9eypqc-margin-left: 0px; --9eypqc-margin-left-tablet: 0px; --9eypqc-margin-left-mobile: 0px; --9eypqc-enableShadow: false; --9eypqc-enableShadow-tablet: false; --9eypqc-enableShadow-mobile: false; --9eypqc-btnWdith: 80px; --9eypqc-btnWdith-tablet: 80px; --9eypqc-btnWdith-mobile: 80px; --9eypqc-typography: p; --9eypqc-typography-tablet: p; --9eypqc-typography-mobile: p; --9eypqc-inputWidth: 60px; --9eypqc-inputWidth-tablet: 60px; --9eypqc-inputWidth-mobile: 60px; --9eypqc-btnWidth: 40px; --9eypqc-btnWidth-tablet: 40px; --9eypqc-btnWidth-mobile: 40px; --9eypqc-inputBg: #f5f5f5; --9eypqc-inputBg-tablet: #f5f5f5; --9eypqc-inputBg-mobile: #f5f5f5; }[data-bnode="beae-9eypqc"] { margin-top: var(--9eypqc-margin-top, 0px); margin-right: var(--9eypqc-margin-right, 0px); margin-bottom: var(--9eypqc-margin-bottom, 0px); margin-left: var(--9eypqc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9eypqc-margin-top-tablet, 0px); margin-right: var(--9eypqc-margin-right-tablet, 0px); margin-bottom: var(--9eypqc-margin-bottom-tablet, 0px); margin-left: var(--9eypqc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9eypqc-margin-top-mobile, 0px); margin-right: var(--9eypqc-margin-right-mobile, 0px); margin-bottom: var(--9eypqc-margin-bottom-mobile, 0px); margin-left: var(--9eypqc-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: var(--9eypqc-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--9eypqc-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--9eypqc-gap-mobile, 16px); } .beae-qty-wrap { display: flex; align-items: stretch; width: if(style(--9eypqc-inputWidth: 100%): 100%; else: fit-content); border-style: var(--9eypqc-borderStyle,solid); border-color: var(--9eypqc-borderColor,#000000); border-width: var(--9eypqc-borderWidth-tl,0px) var(--9eypqc-borderWidth-tr,0px) var(--9eypqc-borderWidth-br,0px) var(--9eypqc-borderWidth-bl,0px); border-radius: var(--9eypqc-borderRadius-tl,0px) var(--9eypqc-borderRadius-tr,0px) var(--9eypqc-borderRadius-br,0px) var(--9eypqc-borderRadius-bl,0px); box-shadow: var(--9eypqc-shadowHorizontal, 0) var(--9eypqc-shadowVertical, 0) var(--9eypqc-shadowBlur, 0) 0 var(--9eypqc-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--9eypqc-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--9eypqc-borderWidth-tl-tablet, 0px) var(--9eypqc-borderWidth-tr-tablet, 0px) var(--9eypqc-borderWidth-br-tablet, 0px) var(--9eypqc-borderWidth-bl-tablet, 0px); border-radius: var(--9eypqc-borderRadius-tl-tablet, 0px) var(--9eypqc-borderRadius-tr-tablet, 0px) var(--9eypqc-borderRadius-br-tablet, 0px) var(--9eypqc-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--9eypqc-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--9eypqc-borderWidth-tl-mobile, 0px) var(--9eypqc-borderWidth-tr-mobile, 0px) var(--9eypqc-borderWidth-br-mobile, 0px) var(--9eypqc-borderWidth-bl-mobile, 0px); border-radius: var(--9eypqc-borderRadius-tl-mobile, 0px) var(--9eypqc-borderRadius-tr-mobile, 0px) var(--9eypqc-borderRadius-br-mobile, 0px) var(--9eypqc-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--9eypqc-btnWidth, 40px); height: var(--9eypqc-btnWidth, 40px); padding: 0; border: none; background: var(--9eypqc-btnBg, #f5f5f5); color: var(--9eypqc-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--9eypqc-btnWidth-tablet, 40px); height: var(--9eypqc-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--9eypqc-btnWidth-mobile, 40px); height: var(--9eypqc-btnWidth-mobile, 40px); } } .beae-qty-input { flex: 1; min-width: 0; width: var(--9eypqc-inputWidth, 40px); text-align: center; border: none; color: var(--9eypqc-inputColor, #333); background: var(--9eypqc-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--9eypqc-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--9eypqc-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-p44jc8"] { --p44jc8-direction: column; --p44jc8-direction-tablet: column; --p44jc8-direction-mobile: column; --p44jc8-structure: auto; --p44jc8-structure-tablet: auto; --p44jc8-structure-mobile: auto; --p44jc8-max-width: 100%; --p44jc8-max-width-tablet: 100%; --p44jc8-max-width-mobile: 100%; --p44jc8-justify-content: flex-start; --p44jc8-justify-content-tablet: flex-start; --p44jc8-justify-content-mobile: flex-start; }[data-bnode="beae-p44jc8"] { padding-top: var(--p44jc8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p44jc8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p44jc8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p44jc8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p44jc8-padding-top-tablet, var(--p44jc8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p44jc8-padding-right-tablet, var(--p44jc8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p44jc8-padding-bottom-tablet, var(--p44jc8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p44jc8-padding-left-tablet, var(--p44jc8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p44jc8-padding-top-mobile, var(--p44jc8-padding-top-tablet, var(--p44jc8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p44jc8-padding-right-mobile, var(--p44jc8-padding-right-tablet, var(--p44jc8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p44jc8-padding-bottom-mobile, var(--p44jc8-padding-bottom-tablet, var(--p44jc8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p44jc8-padding-left-mobile, var(--p44jc8-padding-left-tablet, var(--p44jc8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--p44jc8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--p44jc8-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(--p44jc8-background-imageRatio, auto); background: var(--p44jc8-background-color,transparent); border-style: var(--p44jc8-borderStyle,solid); border-color: var(--p44jc8-borderColor,#000000); border-width: var(--p44jc8-borderWidth-tl,0px) var(--p44jc8-borderWidth-tr,0px) var(--p44jc8-borderWidth-br,0px) var(--p44jc8-borderWidth-bl,0px); border-radius: var(--p44jc8-borderRadius-tl,0px) var(--p44jc8-borderRadius-tr,0px) var(--p44jc8-borderRadius-br,0px) var(--p44jc8-borderRadius-bl,0px); box-shadow: if(style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal,0) var(--p44jc8-shadowVertical,0) var(--p44jc8-shadowBlur,0) 1px var(--p44jc8-shadowColor,#000000); else: none); max-width: var(--p44jc8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--p44jc8-background-imageRatio-tablet, var(--p44jc8-background-imageRatio, auto)); border-width: var(--p44jc8-borderWidth-tl-tablet,0px) var(--p44jc8-borderWidth-tr-tablet,0px) var(--p44jc8-borderWidth-br-tablet,0px) var(--p44jc8-borderWidth-bl-tablet,0px); border-radius: var(--p44jc8-borderRadius-tl-tablet,0px) var(--p44jc8-borderRadius-tr-tablet,0px) var(--p44jc8-borderRadius-br-tablet,0px) var(--p44jc8-borderRadius-bl-tablet,0px); max-width: var(--p44jc8-max-width-tablet, var(--p44jc8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--p44jc8-background-imageRatio-mobile, var(--p44jc8-background-imageRatio, auto)); border-width: var(--p44jc8-borderWidth-tl-mobile,0px) var(--p44jc8-borderWidth-tr-mobile,0px) var(--p44jc8-borderWidth-br-mobile,0px) var(--p44jc8-borderWidth-bl-mobile,0px); border-radius: var(--p44jc8-borderRadius-tl-mobile,0px) var(--p44jc8-borderRadius-tr-mobile,0px) var(--p44jc8-borderRadius-br-mobile,0px) var(--p44jc8-borderRadius-bl-mobile,0px); max-width: var(--p44jc8-max-width-mobile, var(--p44jc8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p44jc8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--p44jc8-gap,var(--beae-card-gap)); padding-top: var(--p44jc8-padding-top,var(--beae-card-padding)); padding-right: var(--p44jc8-padding-right,var(--beae-card-padding)); padding-bottom: var(--p44jc8-padding-bottom,var(--beae-card-padding)); padding-left: var(--p44jc8-padding-left,var(--beae-card-padding)); border-width: var(--p44jc8-borderWidth,var(--beae-card-border-width)); border-width: var(--p44jc8-borderWidth-tl,var(--beae-card-border-width)) var(--p44jc8-borderWidth-tr,var(--beae-card-border-width)) var(--p44jc8-borderWidth-br,var(--beae-card-border-width)) var(--p44jc8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p44jc8-borderRadius-tl,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-tr,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-br,var(--beae-card-border-radius)) var(--p44jc8-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(--p44jc8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p44jc8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p44jc8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p44jc8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p44jc8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--p44jc8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p44jc8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p44jc8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p44jc8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p44jc8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--p44jc8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p44jc8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p44jc8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p44jc8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p44jc8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--p44jc8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p44jc8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p44jc8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p44jc8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p44jc8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p44jc8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p44jc8-background-color,var(--beae-card-featured-background)); border-color: var(--p44jc8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal, var(--beae-card-shadow-x)) var(--p44jc8-shadowVertical, var(--beae-card-shadow-y)) var(--p44jc8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p44jc8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--p44jc8-background-color,var(--beae-card-prod-background)); border-color: var(--p44jc8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal, var(--beae-card-shadow-x)) var(--p44jc8-shadowVertical, var(--beae-card-shadow-y)) var(--p44jc8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p44jc8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--p44jc8-background-color,var(--beae-card-pricing-background)); border-color: var(--p44jc8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal, var(--beae-card-shadow-x)) var(--p44jc8-shadowVertical, var(--beae-card-shadow-y)) var(--p44jc8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p44jc8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--p44jc8-background-color,var(--beae-card-cta-background)); border-color: var(--p44jc8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal, var(--beae-card-shadow-x)) var(--p44jc8-shadowVertical, var(--beae-card-shadow-y)) var(--p44jc8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p44jc8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--p44jc8-background-color,var(--beae-card-media-background)); border-color: var(--p44jc8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--p44jc8-enableShadow: true): var(--p44jc8-shadowHorizontal, var(--beae-card-shadow-x)) var(--p44jc8-shadowVertical, var(--beae-card-shadow-y)) var(--p44jc8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p44jc8-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-p44jc8"] {     display: flex;     flex-direction: var(--p44jc8-direction, column);     flex-wrap: nowrap;     justify-content: var(--p44jc8-justify-content);     align-items: var(--p44jc8-align-items);     gap: var(--p44jc8-gap, var(--p44jc8-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p44jc8"] {                            gap: var(--p44jc8-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(--p44jc8-padding-right-tablet, 0px) - var(--p44jc8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p44jc8"] {                            gap: var(--p44jc8-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(--p44jc8-padding-right-mobile, 0px) - var(--p44jc8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w2xhmu"] { --w2xhmu-button: pr; --w2xhmu-button-tablet: pr; --w2xhmu-button-mobile: pr; --w2xhmu-width: fill; --w2xhmu-width-tablet: fill; --w2xhmu-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; --w2xhmu-transform: none; --w2xhmu-transform-tablet: none; --w2xhmu-transform-mobile: none; --w2xhmu-iconWidth: 20px; --w2xhmu-iconWidth-tablet: 20px; --w2xhmu-iconWidth-mobile: 20px; --w2xhmu-iconGap: 5px; --w2xhmu-iconGap-tablet: 5px; --w2xhmu-iconGap-mobile: 5px; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-w2xhmu"] { margin-top: var(--w2xhmu-margin-top, 0px); margin-right: var(--w2xhmu-margin-right, 0px); margin-bottom: var(--w2xhmu-margin-bottom, 0px); margin-left: var(--w2xhmu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2xhmu-margin-top-tablet, 0px); margin-right: var(--w2xhmu-margin-right-tablet, 0px); margin-bottom: var(--w2xhmu-margin-bottom-tablet, 0px); margin-left: var(--w2xhmu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2xhmu-margin-top-mobile, 0px); margin-right: var(--w2xhmu-margin-right-mobile, 0px); margin-bottom: var(--w2xhmu-margin-bottom-mobile, 0px); margin-left: var(--w2xhmu-margin-left-mobile, 0px); } &.beae-atc-btn { gap: var(--w2xhmu-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--w2xhmu-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--w2xhmu-bgBtnHover)) * 1%)); style(--w2xhmu-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--w2xhmu-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--w2xhmu-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); style(--w2xhmu-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--w2xhmu-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--w2xhmu-borderBtnHover)) * 1%)); style(--w2xhmu-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--w2xhmu-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--w2xhmu-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--w2xhmu-bgBtnHover)) * 1%)); style(--w2xhmu-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--w2xhmu-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--w2xhmu-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); style(--w2xhmu-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--w2xhmu-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--w2xhmu-borderBtnHover)) * 1%)); style(--w2xhmu-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--w2xhmu-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--w2xhmu-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); style(--w2xhmu-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--w2xhmu-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--w2xhmu-iconWidth,20px); min-width: var(--w2xhmu-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(--w2xhmu-iconGap-tablet); svg { width: var(--w2xhmu-iconWidth-tablet,var(--w2xhmu-iconWidth,20px)); min-width: var(--w2xhmu-iconWidth-tablet,var(--w2xhmu-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--w2xhmu-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--w2xhmu-iconWidth-mobile,var(--w2xhmu-iconWidth,20px)); min-width: var(--w2xhmu-iconWidth-mobile,var(--w2xhmu-iconWidth,20px)); height: 100%; } } } }[data-bnode="beae-u5bgrf"] { --u5bgrf-direction: row; --u5bgrf-direction-tablet: row; --u5bgrf-direction-mobile: column; --u5bgrf-structure: auto; --u5bgrf-structure-tablet: auto; --u5bgrf-structure-mobile: auto; }[data-bnode="beae-u5bgrf"] { padding-top: var(--u5bgrf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--u5bgrf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--u5bgrf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--u5bgrf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u5bgrf-padding-top-tablet, var(--u5bgrf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--u5bgrf-padding-right-tablet, var(--u5bgrf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--u5bgrf-padding-bottom-tablet, var(--u5bgrf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--u5bgrf-padding-left-tablet, var(--u5bgrf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u5bgrf-padding-top-mobile, var(--u5bgrf-padding-top-tablet, var(--u5bgrf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--u5bgrf-padding-right-mobile, var(--u5bgrf-padding-right-tablet, var(--u5bgrf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--u5bgrf-padding-bottom-mobile, var(--u5bgrf-padding-bottom-tablet, var(--u5bgrf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--u5bgrf-padding-left-mobile, var(--u5bgrf-padding-left-tablet, var(--u5bgrf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--u5bgrf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--u5bgrf-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(--u5bgrf-background-imageRatio, auto); background: var(--u5bgrf-background-color,transparent); border-style: var(--u5bgrf-borderStyle,solid); border-color: var(--u5bgrf-borderColor,#000000); border-width: var(--u5bgrf-borderWidth-tl,0px) var(--u5bgrf-borderWidth-tr,0px) var(--u5bgrf-borderWidth-br,0px) var(--u5bgrf-borderWidth-bl,0px); border-radius: var(--u5bgrf-borderRadius-tl,0px) var(--u5bgrf-borderRadius-tr,0px) var(--u5bgrf-borderRadius-br,0px) var(--u5bgrf-borderRadius-bl,0px); box-shadow: if(style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal,0) var(--u5bgrf-shadowVertical,0) var(--u5bgrf-shadowBlur,0) 1px var(--u5bgrf-shadowColor,#000000); else: none); max-width: var(--u5bgrf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--u5bgrf-background-imageRatio-tablet, var(--u5bgrf-background-imageRatio, auto)); border-width: var(--u5bgrf-borderWidth-tl-tablet,0px) var(--u5bgrf-borderWidth-tr-tablet,0px) var(--u5bgrf-borderWidth-br-tablet,0px) var(--u5bgrf-borderWidth-bl-tablet,0px); border-radius: var(--u5bgrf-borderRadius-tl-tablet,0px) var(--u5bgrf-borderRadius-tr-tablet,0px) var(--u5bgrf-borderRadius-br-tablet,0px) var(--u5bgrf-borderRadius-bl-tablet,0px); max-width: var(--u5bgrf-max-width-tablet, var(--u5bgrf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--u5bgrf-background-imageRatio-mobile, var(--u5bgrf-background-imageRatio, auto)); border-width: var(--u5bgrf-borderWidth-tl-mobile,0px) var(--u5bgrf-borderWidth-tr-mobile,0px) var(--u5bgrf-borderWidth-br-mobile,0px) var(--u5bgrf-borderWidth-bl-mobile,0px); border-radius: var(--u5bgrf-borderRadius-tl-mobile,0px) var(--u5bgrf-borderRadius-tr-mobile,0px) var(--u5bgrf-borderRadius-br-mobile,0px) var(--u5bgrf-borderRadius-bl-mobile,0px); max-width: var(--u5bgrf-max-width-mobile, var(--u5bgrf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--u5bgrf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--u5bgrf-gap,var(--beae-card-gap)); padding-top: var(--u5bgrf-padding-top,var(--beae-card-padding)); padding-right: var(--u5bgrf-padding-right,var(--beae-card-padding)); padding-bottom: var(--u5bgrf-padding-bottom,var(--beae-card-padding)); padding-left: var(--u5bgrf-padding-left,var(--beae-card-padding)); border-width: var(--u5bgrf-borderWidth,var(--beae-card-border-width)); border-width: var(--u5bgrf-borderWidth-tl,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-tr,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-br,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--u5bgrf-borderRadius-tl,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-tr,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-br,var(--beae-card-border-radius)) var(--u5bgrf-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(--u5bgrf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--u5bgrf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--u5bgrf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--u5bgrf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--u5bgrf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--u5bgrf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--u5bgrf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--u5bgrf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--u5bgrf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--u5bgrf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--u5bgrf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--u5bgrf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--u5bgrf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--u5bgrf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--u5bgrf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--u5bgrf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--u5bgrf-background-color,var(--beae-card-featured-background)); border-color: var(--u5bgrf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5bgrf-shadowVertical, var(--beae-card-shadow-y)) var(--u5bgrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5bgrf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--u5bgrf-background-color,var(--beae-card-prod-background)); border-color: var(--u5bgrf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5bgrf-shadowVertical, var(--beae-card-shadow-y)) var(--u5bgrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5bgrf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--u5bgrf-background-color,var(--beae-card-pricing-background)); border-color: var(--u5bgrf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5bgrf-shadowVertical, var(--beae-card-shadow-y)) var(--u5bgrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5bgrf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--u5bgrf-background-color,var(--beae-card-cta-background)); border-color: var(--u5bgrf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5bgrf-shadowVertical, var(--beae-card-shadow-y)) var(--u5bgrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5bgrf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--u5bgrf-background-color,var(--beae-card-media-background)); border-color: var(--u5bgrf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--u5bgrf-enableShadow: true): var(--u5bgrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5bgrf-shadowVertical, var(--beae-card-shadow-y)) var(--u5bgrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5bgrf-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-u5bgrf"] {     display: flex;     flex-direction: var(--u5bgrf-direction, column);     flex-wrap: nowrap;     justify-content: var(--u5bgrf-justify-content);     align-items: var(--u5bgrf-align-items);     gap: var(--u5bgrf-gap, var(--u5bgrf-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-u5bgrf"] {                            gap: var(--u5bgrf-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(--u5bgrf-padding-right-tablet, 0px) - var(--u5bgrf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u5bgrf"] {      flex-direction: var(--u5bgrf-direction-mobile, column);                      gap: var(--u5bgrf-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-h6ey0e"] { --h6ey0e-columns: 2; --h6ey0e-columns-tablet: 2; --h6ey0e-columns-mobile: 1; --h6ey0e-gap: 12px; --h6ey0e-gap-tablet: 16px; --h6ey0e-gap-mobile: 16px; --h6ey0e-navType: false; --h6ey0e-navType-tablet: false; --h6ey0e-navType-mobile: false; --h6ey0e-pagiType: false; --h6ey0e-pagiType-tablet: false; --h6ey0e-pagiType-mobile: false; --h6ey0e-listType: grid; --h6ey0e-listType-tablet: grid; --h6ey0e-listType-mobile: grid; --h6ey0e-stateNavigation: normal; --h6ey0e-stateNavigation-tablet: normal; --h6ey0e-stateNavigation-mobile: normal; --h6ey0e-statePagination: normal; --h6ey0e-statePagination-tablet: normal; --h6ey0e-statePagination-mobile: normal; --h6ey0e-stateNavigtion: normal; --h6ey0e-stateNavigtion-tablet: normal; --h6ey0e-stateNavigtion-mobile: normal; --h6ey0e-margin-top: 16px; --h6ey0e-margin-top-tablet: 16px; --h6ey0e-margin-top-mobile: 16px; --h6ey0e-margin-right: 0px; --h6ey0e-margin-right-tablet: 0px; --h6ey0e-margin-right-mobile: 0px; --h6ey0e-margin-bottom: 0px; --h6ey0e-margin-bottom-tablet: 0px; --h6ey0e-margin-bottom-mobile: 0px; --h6ey0e-margin-left: 0px; --h6ey0e-margin-left-tablet: 0px; --h6ey0e-margin-left-mobile: 0px; --h6ey0e-columnsMobile-mobile: 1; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-ngmzae"] { --ngmzae-width: 20px; --ngmzae-imageRatio: 1/1; --ngmzae-objFit: cover; --ngmzae-borderColor: #000000; --ngmzae-shadowColor: #000000; --ngmzae-borderStyle: none; --ngmzae-enableShadow: false; } [data-bnode="beae-h6ey0e"] [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-h6ey0e"] [data-bnode="beae-yrenbc"] { --yrenbc-typography: p; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-a779jq"] { --a779jq-direction: column; --a779jq-structure: columns; --a779jq-gap: 8px; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-16aosn"] { --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-h6ey0e"] [data-bnode="beae-py3m1i"] { --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; --py3m1i-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-h6ey0e"] [data-bnode="beae-py3m1i"] { --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; --py3m1i-typography: h3; --py3m1i-typography-tablet: h3; --py3m1i-typography-mobile: h3; } [data-bnode="beae-h6ey0e"] [data-bnode="beae-16aosn"] { --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; --16aosn-typography: p; --16aosn-typography-tablet: p; --16aosn-typography-mobile: p; } [data-bnode="beae-h6ey0e"] [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-h6ey0e"] { margin-top: var(--h6ey0e-margin-top, 0px); margin-right: var(--h6ey0e-margin-right, 0px); margin-bottom: var(--h6ey0e-margin-bottom, 0px); margin-left: var(--h6ey0e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h6ey0e-margin-top-tablet, 0px); margin-right: var(--h6ey0e-margin-right-tablet, 0px); margin-bottom: var(--h6ey0e-margin-bottom-tablet, 0px); margin-left: var(--h6ey0e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h6ey0e-margin-top-mobile, 0px); margin-right: var(--h6ey0e-margin-right-mobile, 0px); margin-bottom: var(--h6ey0e-margin-bottom-mobile, 0px); margin-left: var(--h6ey0e-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--h6ey0e-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--h6ey0e-gap,var(--beae-grid-gap, 20px)) * (var(--h6ey0e-columns, 3) - 1) + 1px) / var(--h6ey0e-columns, 3)); &:last-child{ margin-right: var(--h6ey0e-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(--h6ey0e-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--h6ey0e-columns) - 1) * var(--h6ey0e-gap,var(--beae-grid-gap, 20px))) / var(--h6ey0e-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--h6ey0e-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--h6ey0e-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--h6ey0e-columns-tablet, 3) - 1)) / var(--h6ey0e-columns-tablet, 3)); &:last-child{ margin-right: var(--h6ey0e-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(--h6ey0e-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--h6ey0e-columns-tablet) - 1) * var(--h6ey0e-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--h6ey0e-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--h6ey0e-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--h6ey0e-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--h6ey0e-columnsMobile-mobile, 1) - 1)) / var(--h6ey0e-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--h6ey0e-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(--h6ey0e-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--h6ey0e-columnsMobile-mobile) - 1) * var(--h6ey0e-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--h6ey0e-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--h6ey0e-navPadding,12px); background:var(--h6ey0e-navBg,#F5F5F5); color: var(--h6ey0e-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--h6ey0e-navBgHover,#CCCCCC); color: var(--h6ey0e-navColorHover,var(--beae-text-color)); } svg { width: var(--h6ey0e-navIconSize,20px); height: var(--h6ey0e-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--h6ey0e-pagiBg,#E6E6E6); &.active { background:var(--h6ey0e-pagiBgActive,#181818); } &:not(.active):hover { background:var(--h6ey0e-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--h6ey0e-pagiColor,#e6e6e6); &.active { color:var(--h6ey0e-pagiColorActive,#181818); } &:not(.active):hover { color: var(--h6ey0e-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--h6ey0e-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--h6ey0e-pagiBg,#E6E6E6); &.active { background: var(--h6ey0e-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--h6ey0e-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-h6ey0e"] [data-bnode="beae-ngmzae"] { margin-top: var(--ngmzae-margin-top, 0px); margin-right: var(--ngmzae-margin-right, 0px); margin-bottom: var(--ngmzae-margin-bottom, 0px); margin-left: var(--ngmzae-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ngmzae-margin-top-tablet, 0px); margin-right: var(--ngmzae-margin-right-tablet, 0px); margin-bottom: var(--ngmzae-margin-bottom-tablet, 0px); margin-left: var(--ngmzae-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ngmzae-margin-top-mobile, 0px); margin-right: var(--ngmzae-margin-right-mobile, 0px); margin-bottom: var(--ngmzae-margin-bottom-mobile, 0px); margin-left: var(--ngmzae-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ngmzae-width,100%) - var(--ngmzae-margin-left,0px) - var(--ngmzae-margin-right,0px)); min-height: min-content; border-style: var(--ngmzae-borderStyle,solid); border-color: var(--ngmzae-borderColor,#000000); border-width: var(--ngmzae-borderWidth-tl,0px) var(--ngmzae-borderWidth-tr,0px) var(--ngmzae-borderWidth-br,0px) var(--ngmzae-borderWidth-bl,0px); border-radius: var(--ngmzae-borderRadius-tl,0px) var(--ngmzae-borderRadius-tr,0px) var(--ngmzae-borderRadius-br,0px) var(--ngmzae-borderRadius-bl,0px); aspect-ratio: var(--ngmzae-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ngmzae-borderWidth-tl-tablet, var(--ngmzae-borderWidth-tl,0px)) var(--ngmzae-borderWidth-tr-tablet, var(--ngmzae-borderWidth-tr,0px)) var(--ngmzae-borderWidth-br-tablet, var(--ngmzae-borderWidth-br,0px)) var(--ngmzae-borderWidth-bl-tablet, var(--ngmzae-borderWidth-bl,0px)); border-radius: var(--ngmzae-borderRadius-tl-tablet, var(--ngmzae-borderRadius-tl,0px)) var(--ngmzae-borderRadius-tr-tablet, var(--ngmzae-borderRadius-tr,0px)) var(--ngmzae-borderRadius-br-tablet, var(--ngmzae-borderRadius-br,0px)) var(--ngmzae-borderRadius-bl-tablet, var(--ngmzae-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ngmzae-borderWidth-tl-mobile, var(--ngmzae-borderWidth-tl,0px)) var(--ngmzae-borderWidth-tr-mobile, var(--ngmzae-borderWidth-tr,0px)) var(--ngmzae-borderWidth-br-mobile, var(--ngmzae-borderWidth-br,0px)) var(--ngmzae-borderWidth-bl-mobile, var(--ngmzae-borderWidth-bl,0px)); border-radius: var(--ngmzae-borderRadius-tl-mobile, var(--ngmzae-borderRadius-tl,0px)) var(--ngmzae-borderRadius-tr-mobile, var(--ngmzae-borderRadius-tr,0px)) var(--ngmzae-borderRadius-br-mobile, var(--ngmzae-borderRadius-br,0px)) var(--ngmzae-borderRadius-bl-mobile, var(--ngmzae-borderRadius-bl,0px)); } box-shadow: if( style(--ngmzae-enableShadow: true): var(--ngmzae-shadowHorizontal, 0) var(--ngmzae-shadowVertical, 0) var(--ngmzae-shadowBlur, 0) 1px var(--ngmzae-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ngmzae-overlayColor-color, #000); opacity: var(--ngmzae-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ngmzae-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ngmzae-width-tablet,var(--ngmzae-width,100%)) - var(--ngmzae-margin-left-tablet,var(--ngmzae-margin-left,0px)) - var(--ngmzae-margin-right-tablet,var(--ngmzae-margin-right,0px))); aspect-ratio: var(--ngmzae-imageRatio-tablet, var(--ngmzae-imageRatio, auto)); img { object-fit: var(--ngmzae-objFit-tablet, var(--ngmzae-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ngmzae-width-mobile,var(--ngmzae-width,100%)) - var(--ngmzae-margin-left-mobile,var(--ngmzae-margin-left,0px)) - var(--ngmzae-margin-right-mobile,var(--ngmzae-margin-right,0px))); aspect-ratio: var(--ngmzae-imageRatio-mobile, var(--ngmzae-imageRatio, auto)); img { object-fit: var(--ngmzae-objFit-mobile, var(--ngmzae-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-h6ey0e"] [data-bnode="beae-a779jq"] { padding-top: var(--a779jq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--a779jq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--a779jq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--a779jq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--a779jq-padding-top-tablet, var(--a779jq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--a779jq-padding-right-tablet, var(--a779jq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--a779jq-padding-bottom-tablet, var(--a779jq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--a779jq-padding-left-tablet, var(--a779jq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--a779jq-padding-top-mobile, var(--a779jq-padding-top-tablet, var(--a779jq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--a779jq-padding-right-mobile, var(--a779jq-padding-right-tablet, var(--a779jq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--a779jq-padding-bottom-mobile, var(--a779jq-padding-bottom-tablet, var(--a779jq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--a779jq-padding-left-mobile, var(--a779jq-padding-left-tablet, var(--a779jq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--a779jq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--a779jq-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(--a779jq-background-imageRatio, auto); background: var(--a779jq-background-color,transparent); border-style: var(--a779jq-borderStyle,solid); border-color: var(--a779jq-borderColor,#000000); border-width: var(--a779jq-borderWidth-tl,0px) var(--a779jq-borderWidth-tr,0px) var(--a779jq-borderWidth-br,0px) var(--a779jq-borderWidth-bl,0px); border-radius: var(--a779jq-borderRadius-tl,0px) var(--a779jq-borderRadius-tr,0px) var(--a779jq-borderRadius-br,0px) var(--a779jq-borderRadius-bl,0px); box-shadow: if(style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal,0) var(--a779jq-shadowVertical,0) var(--a779jq-shadowBlur,0) 1px var(--a779jq-shadowColor,#000000); else: none); max-width: var(--a779jq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--a779jq-background-imageRatio-tablet, var(--a779jq-background-imageRatio, auto)); border-width: var(--a779jq-borderWidth-tl-tablet,0px) var(--a779jq-borderWidth-tr-tablet,0px) var(--a779jq-borderWidth-br-tablet,0px) var(--a779jq-borderWidth-bl-tablet,0px); border-radius: var(--a779jq-borderRadius-tl-tablet,0px) var(--a779jq-borderRadius-tr-tablet,0px) var(--a779jq-borderRadius-br-tablet,0px) var(--a779jq-borderRadius-bl-tablet,0px); max-width: var(--a779jq-max-width-tablet, var(--a779jq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--a779jq-background-imageRatio-mobile, var(--a779jq-background-imageRatio, auto)); border-width: var(--a779jq-borderWidth-tl-mobile,0px) var(--a779jq-borderWidth-tr-mobile,0px) var(--a779jq-borderWidth-br-mobile,0px) var(--a779jq-borderWidth-bl-mobile,0px); border-radius: var(--a779jq-borderRadius-tl-mobile,0px) var(--a779jq-borderRadius-tr-mobile,0px) var(--a779jq-borderRadius-br-mobile,0px) var(--a779jq-borderRadius-bl-mobile,0px); max-width: var(--a779jq-max-width-mobile, var(--a779jq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--a779jq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--a779jq-gap,var(--beae-card-gap)); padding-top: var(--a779jq-padding-top,var(--beae-card-padding)); padding-right: var(--a779jq-padding-right,var(--beae-card-padding)); padding-bottom: var(--a779jq-padding-bottom,var(--beae-card-padding)); padding-left: var(--a779jq-padding-left,var(--beae-card-padding)); border-width: var(--a779jq-borderWidth,var(--beae-card-border-width)); border-width: var(--a779jq-borderWidth-tl,var(--beae-card-border-width)) var(--a779jq-borderWidth-tr,var(--beae-card-border-width)) var(--a779jq-borderWidth-br,var(--beae-card-border-width)) var(--a779jq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a779jq-borderRadius-tl,var(--beae-card-border-radius)) var(--a779jq-borderRadius-tr,var(--beae-card-border-radius)) var(--a779jq-borderRadius-br,var(--beae-card-border-radius)) var(--a779jq-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(--a779jq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--a779jq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--a779jq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--a779jq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--a779jq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--a779jq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a779jq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a779jq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--a779jq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--a779jq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--a779jq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--a779jq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--a779jq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--a779jq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--a779jq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--a779jq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--a779jq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--a779jq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--a779jq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a779jq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a779jq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a779jq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a779jq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a779jq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a779jq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a779jq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--a779jq-background-color,var(--beae-card-featured-background)); border-color: var(--a779jq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal, var(--beae-card-shadow-x)) var(--a779jq-shadowVertical, var(--beae-card-shadow-y)) var(--a779jq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a779jq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--a779jq-background-color,var(--beae-card-prod-background)); border-color: var(--a779jq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal, var(--beae-card-shadow-x)) var(--a779jq-shadowVertical, var(--beae-card-shadow-y)) var(--a779jq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a779jq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--a779jq-background-color,var(--beae-card-pricing-background)); border-color: var(--a779jq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal, var(--beae-card-shadow-x)) var(--a779jq-shadowVertical, var(--beae-card-shadow-y)) var(--a779jq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a779jq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--a779jq-background-color,var(--beae-card-cta-background)); border-color: var(--a779jq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal, var(--beae-card-shadow-x)) var(--a779jq-shadowVertical, var(--beae-card-shadow-y)) var(--a779jq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a779jq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--a779jq-background-color,var(--beae-card-media-background)); border-color: var(--a779jq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--a779jq-enableShadow: true): var(--a779jq-shadowHorizontal, var(--beae-card-shadow-x)) var(--a779jq-shadowVertical, var(--beae-card-shadow-y)) var(--a779jq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a779jq-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-h6ey0e"] [data-bnode="beae-py3m1i"] { margin-top: var(--py3m1i-margin-top, 0px); margin-right: var(--py3m1i-margin-right, 0px); margin-bottom: var(--py3m1i-margin-bottom, 0px); margin-left: var(--py3m1i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--py3m1i-margin-top-tablet, 0px); margin-right: var(--py3m1i-margin-right-tablet, 0px); margin-bottom: var(--py3m1i-margin-bottom-tablet, 0px); margin-left: var(--py3m1i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--py3m1i-margin-top-mobile, 0px); margin-right: var(--py3m1i-margin-right-mobile, 0px); margin-bottom: var(--py3m1i-margin-bottom-mobile, 0px); margin-left: var(--py3m1i-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--py3m1i-highlightColor,var(--beae-p-color)); top: var(--py3m1i-highlightTop, 100%); } } [data-bnode="beae-h6ey0e"] [data-bnode="beae-16aosn"] { margin-top: var(--16aosn-margin-top, 0px); margin-right: var(--16aosn-margin-right, 0px); margin-bottom: var(--16aosn-margin-bottom, 0px); margin-left: var(--16aosn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--16aosn-margin-top-tablet, 0px); margin-right: var(--16aosn-margin-right-tablet, 0px); margin-bottom: var(--16aosn-margin-bottom-tablet, 0px); margin-left: var(--16aosn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--16aosn-margin-top-mobile, 0px); margin-right: var(--16aosn-margin-right-mobile, 0px); margin-bottom: var(--16aosn-margin-bottom-mobile, 0px); margin-left: var(--16aosn-margin-left-mobile, 0px); } } [data-bnode="beae-h6ey0e"] [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-h6ey0e"] [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-h6ey0e"] [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-h6ey0e"] [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-a779jq"] {     display: flex;     flex-direction: var(--a779jq-direction, column);     flex-wrap: nowrap;     justify-content: var(--a779jq-justify-content);     align-items: var(--a779jq-align-items);     gap: var(--a779jq-gap, var(--a779jq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a779jq"] {                            gap: var(--a779jq-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(--a779jq-padding-right-tablet, 0px) - var(--a779jq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-a779jq"] {                            gap: var(--a779jq-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(--a779jq-padding-right-mobile, 0px) - var(--a779jq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mzyfsq"] { --mzyfsq-width: 1600px; --mzyfsq-width-tablet: 1600px; --mzyfsq-width-mobile: 1600px; --mzyfsq-height: fit-content; --mzyfsq-height-tablet: fit-content; --mzyfsq-height-mobile: fit-content; --mzyfsq-padding-top: 40px; --mzyfsq-padding-top-tablet: 40px; --mzyfsq-padding-top-mobile: 40px; --mzyfsq-padding-right: 30px; --mzyfsq-padding-right-tablet: 28px; --mzyfsq-padding-right-mobile: 16px; --mzyfsq-padding-bottom: 80px; --mzyfsq-padding-bottom-tablet: 40px; --mzyfsq-padding-bottom-mobile: 40px; --mzyfsq-padding-left: 30px; --mzyfsq-padding-left-tablet: 28px; --mzyfsq-padding-left-mobile: 16px; }[data-bnode="beae-mzyfsq"] { padding-top: var(--mzyfsq-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--mzyfsq-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--mzyfsq-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--mzyfsq-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mzyfsq-padding-top-tablet, var(--mzyfsq-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--mzyfsq-padding-right-tablet, var(--mzyfsq-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--mzyfsq-padding-bottom-tablet, var(--mzyfsq-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--mzyfsq-padding-left-tablet, var(--mzyfsq-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mzyfsq-padding-top-mobile, var(--mzyfsq-padding-top-tablet, var(--mzyfsq-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--mzyfsq-padding-right-mobile, var(--mzyfsq-padding-right-tablet, var(--mzyfsq-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--mzyfsq-padding-bottom-mobile, var(--mzyfsq-padding-bottom-tablet, var(--mzyfsq-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--mzyfsq-padding-left-mobile, var(--mzyfsq-padding-left-tablet, var(--mzyfsq-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--mzyfsq-padding-left, var(--beae-section-padding-x, 0px)) - var(--mzyfsq-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--mzyfsq-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--mzyfsq-height); width: 100%; max-width: var(--mzyfsq-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(--mzyfsq-height-tablet, auto); width: 100%; max-width: var(--mzyfsq-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--mzyfsq-height-mobile, auto); width: 100%; max-width: var(--mzyfsq-width-mobile, 100%); } } } }[data-bnode="beae-mzyfsq"] > .beae-section-container{     display: flex;     flex-direction: var(--mzyfsq-direction, column);     flex-wrap: nowrap;     justify-content: var(--mzyfsq-justify-content);     align-items: var(--mzyfsq-align-items);     gap: var(--mzyfsq-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-mzyfsq"] > .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(--mzyfsq-padding-right-tablet, 0px) - var(--mzyfsq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mzyfsq"] > .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(--mzyfsq-padding-right-mobile, 0px) - var(--mzyfsq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-l2nrzt"] { --l2nrzt-direction: row; --l2nrzt-direction-tablet: row; --l2nrzt-direction-mobile: column; --l2nrzt-structure: columns; --l2nrzt-structure-tablet: auto; --l2nrzt-structure-mobile: auto; --l2nrzt-background-type: color; --l2nrzt-background-type-tablet: color; --l2nrzt-background-type-mobile: color; --l2nrzt-background-color: #F2F4F9; --l2nrzt-background-color-tablet: #F2F4F9; --l2nrzt-background-color-mobile: #F2F4F9; --l2nrzt-borderRadius-tl: 24px; --l2nrzt-borderRadius-tl-tablet: 24px; --l2nrzt-borderRadius-tl-mobile: 24px; --l2nrzt-borderRadius-tr: 24px; --l2nrzt-borderRadius-tr-tablet: 24px; --l2nrzt-borderRadius-tr-mobile: 24px; --l2nrzt-borderRadius-bl: 24px; --l2nrzt-borderRadius-bl-tablet: 24px; --l2nrzt-borderRadius-bl-mobile: 24px; --l2nrzt-borderRadius-br: 24px; --l2nrzt-borderRadius-br-tablet: 24px; --l2nrzt-borderRadius-br-mobile: 24px; --l2nrzt-align-items-tablet: stretch; --l2nrzt-align-items-mobile: stretch; }[data-bnode="beae-l2nrzt"] { padding-top: var(--l2nrzt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--l2nrzt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--l2nrzt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--l2nrzt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--l2nrzt-padding-top-tablet, var(--l2nrzt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--l2nrzt-padding-right-tablet, var(--l2nrzt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--l2nrzt-padding-bottom-tablet, var(--l2nrzt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--l2nrzt-padding-left-tablet, var(--l2nrzt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--l2nrzt-padding-top-mobile, var(--l2nrzt-padding-top-tablet, var(--l2nrzt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--l2nrzt-padding-right-mobile, var(--l2nrzt-padding-right-tablet, var(--l2nrzt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--l2nrzt-padding-bottom-mobile, var(--l2nrzt-padding-bottom-tablet, var(--l2nrzt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--l2nrzt-padding-left-mobile, var(--l2nrzt-padding-left-tablet, var(--l2nrzt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--l2nrzt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--l2nrzt-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(--l2nrzt-background-imageRatio, auto); background: var(--l2nrzt-background-color,transparent); border-style: var(--l2nrzt-borderStyle,solid); border-color: var(--l2nrzt-borderColor,#000000); border-width: var(--l2nrzt-borderWidth-tl,0px) var(--l2nrzt-borderWidth-tr,0px) var(--l2nrzt-borderWidth-br,0px) var(--l2nrzt-borderWidth-bl,0px); border-radius: var(--l2nrzt-borderRadius-tl,0px) var(--l2nrzt-borderRadius-tr,0px) var(--l2nrzt-borderRadius-br,0px) var(--l2nrzt-borderRadius-bl,0px); box-shadow: if(style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal,0) var(--l2nrzt-shadowVertical,0) var(--l2nrzt-shadowBlur,0) 1px var(--l2nrzt-shadowColor,#000000); else: none); max-width: var(--l2nrzt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--l2nrzt-background-imageRatio-tablet, var(--l2nrzt-background-imageRatio, auto)); border-width: var(--l2nrzt-borderWidth-tl-tablet,0px) var(--l2nrzt-borderWidth-tr-tablet,0px) var(--l2nrzt-borderWidth-br-tablet,0px) var(--l2nrzt-borderWidth-bl-tablet,0px); border-radius: var(--l2nrzt-borderRadius-tl-tablet,0px) var(--l2nrzt-borderRadius-tr-tablet,0px) var(--l2nrzt-borderRadius-br-tablet,0px) var(--l2nrzt-borderRadius-bl-tablet,0px); max-width: var(--l2nrzt-max-width-tablet, var(--l2nrzt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--l2nrzt-background-imageRatio-mobile, var(--l2nrzt-background-imageRatio, auto)); border-width: var(--l2nrzt-borderWidth-tl-mobile,0px) var(--l2nrzt-borderWidth-tr-mobile,0px) var(--l2nrzt-borderWidth-br-mobile,0px) var(--l2nrzt-borderWidth-bl-mobile,0px); border-radius: var(--l2nrzt-borderRadius-tl-mobile,0px) var(--l2nrzt-borderRadius-tr-mobile,0px) var(--l2nrzt-borderRadius-br-mobile,0px) var(--l2nrzt-borderRadius-bl-mobile,0px); max-width: var(--l2nrzt-max-width-mobile, var(--l2nrzt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--l2nrzt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--l2nrzt-gap,var(--beae-card-gap)); padding-top: var(--l2nrzt-padding-top,var(--beae-card-padding)); padding-right: var(--l2nrzt-padding-right,var(--beae-card-padding)); padding-bottom: var(--l2nrzt-padding-bottom,var(--beae-card-padding)); padding-left: var(--l2nrzt-padding-left,var(--beae-card-padding)); border-width: var(--l2nrzt-borderWidth,var(--beae-card-border-width)); border-width: var(--l2nrzt-borderWidth-tl,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-tr,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-br,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--l2nrzt-borderRadius-tl,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-tr,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-br,var(--beae-card-border-radius)) var(--l2nrzt-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(--l2nrzt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--l2nrzt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--l2nrzt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--l2nrzt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--l2nrzt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--l2nrzt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--l2nrzt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--l2nrzt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--l2nrzt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--l2nrzt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--l2nrzt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--l2nrzt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--l2nrzt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--l2nrzt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--l2nrzt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--l2nrzt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--l2nrzt-background-color,var(--beae-card-featured-background)); border-color: var(--l2nrzt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal, var(--beae-card-shadow-x)) var(--l2nrzt-shadowVertical, var(--beae-card-shadow-y)) var(--l2nrzt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l2nrzt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--l2nrzt-background-color,var(--beae-card-prod-background)); border-color: var(--l2nrzt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal, var(--beae-card-shadow-x)) var(--l2nrzt-shadowVertical, var(--beae-card-shadow-y)) var(--l2nrzt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l2nrzt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--l2nrzt-background-color,var(--beae-card-pricing-background)); border-color: var(--l2nrzt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal, var(--beae-card-shadow-x)) var(--l2nrzt-shadowVertical, var(--beae-card-shadow-y)) var(--l2nrzt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l2nrzt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--l2nrzt-background-color,var(--beae-card-cta-background)); border-color: var(--l2nrzt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal, var(--beae-card-shadow-x)) var(--l2nrzt-shadowVertical, var(--beae-card-shadow-y)) var(--l2nrzt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l2nrzt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--l2nrzt-background-color,var(--beae-card-media-background)); border-color: var(--l2nrzt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--l2nrzt-enableShadow: true): var(--l2nrzt-shadowHorizontal, var(--beae-card-shadow-x)) var(--l2nrzt-shadowVertical, var(--beae-card-shadow-y)) var(--l2nrzt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l2nrzt-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-l2nrzt"] {     display: flex;     flex-direction: var(--l2nrzt-direction, column);     flex-wrap: nowrap;     justify-content: var(--l2nrzt-justify-content);     align-items: var(--l2nrzt-align-items);     gap: var(--l2nrzt-gap, var(--l2nrzt-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(--l2nrzt-padding-right, 0px) - var(--l2nrzt-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-l2nrzt"] {                      align-items: var(--l2nrzt-align-items-tablet, inherit);      gap: var(--l2nrzt-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-l2nrzt"] {      flex-direction: var(--l2nrzt-direction-mobile, column);                      gap: var(--l2nrzt-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-be3dfq"] { --be3dfq-direction: column; --be3dfq-direction-tablet: column; --be3dfq-direction-mobile: column; --be3dfq-align-items: flex-start; --be3dfq-align-items-tablet: flex-start; --be3dfq-align-items-mobile: flex-start; --be3dfq-justify-content: center; --be3dfq-justify-content-tablet: center; --be3dfq-justify-content-mobile: center; --be3dfq-gap: 40px; --be3dfq-gap-tablet: 40px; --be3dfq-gap-mobile: 24px; --be3dfq-background-type: color; --be3dfq-background-type-tablet: color; --be3dfq-background-type-mobile: color; --be3dfq-background-color: #EFF1F600; --be3dfq-background-color-tablet: #EFF1F600; --be3dfq-background-color-mobile: #EFF1F600; --be3dfq-borderRadius-tl: 24px; --be3dfq-borderRadius-tl-tablet: 24px; --be3dfq-borderRadius-tl-mobile: 24px; --be3dfq-borderRadius-tr: 24px; --be3dfq-borderRadius-tr-tablet: 24px; --be3dfq-borderRadius-tr-mobile: 24px; --be3dfq-borderRadius-bl: 24px; --be3dfq-borderRadius-bl-tablet: 24px; --be3dfq-borderRadius-bl-mobile: 24px; --be3dfq-borderRadius-br: 24px; --be3dfq-borderRadius-br-tablet: 24px; --be3dfq-borderRadius-br-mobile: 24px; --be3dfq-padding-top: 0px; --be3dfq-padding-top-tablet: 32px; --be3dfq-padding-top-mobile: 40px; --be3dfq-padding-right: 32px; --be3dfq-padding-right-tablet: 16px; --be3dfq-padding-right-mobile: 16px; --be3dfq-padding-bottom: 0px; --be3dfq-padding-bottom-tablet: 32px; --be3dfq-padding-bottom-mobile: 28px; --be3dfq-padding-left: 32px; --be3dfq-padding-left-tablet: 16px; --be3dfq-padding-left-mobile: 16px; }[data-bnode="beae-be3dfq"] { padding-top: var(--be3dfq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be3dfq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be3dfq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be3dfq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be3dfq-padding-top-tablet, var(--be3dfq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be3dfq-padding-right-tablet, var(--be3dfq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be3dfq-padding-bottom-tablet, var(--be3dfq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be3dfq-padding-left-tablet, var(--be3dfq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be3dfq-padding-top-mobile, var(--be3dfq-padding-top-tablet, var(--be3dfq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be3dfq-padding-right-mobile, var(--be3dfq-padding-right-tablet, var(--be3dfq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be3dfq-padding-bottom-mobile, var(--be3dfq-padding-bottom-tablet, var(--be3dfq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be3dfq-padding-left-mobile, var(--be3dfq-padding-left-tablet, var(--be3dfq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be3dfq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be3dfq-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(--be3dfq-background-imageRatio, auto); background: var(--be3dfq-background-color,transparent); border-style: var(--be3dfq-borderStyle,solid); border-color: var(--be3dfq-borderColor,#000000); border-width: var(--be3dfq-borderWidth-tl,0px) var(--be3dfq-borderWidth-tr,0px) var(--be3dfq-borderWidth-br,0px) var(--be3dfq-borderWidth-bl,0px); border-radius: var(--be3dfq-borderRadius-tl,0px) var(--be3dfq-borderRadius-tr,0px) var(--be3dfq-borderRadius-br,0px) var(--be3dfq-borderRadius-bl,0px); box-shadow: if(style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal,0) var(--be3dfq-shadowVertical,0) var(--be3dfq-shadowBlur,0) 1px var(--be3dfq-shadowColor,#000000); else: none); max-width: var(--be3dfq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be3dfq-background-imageRatio-tablet, var(--be3dfq-background-imageRatio, auto)); border-width: var(--be3dfq-borderWidth-tl-tablet,0px) var(--be3dfq-borderWidth-tr-tablet,0px) var(--be3dfq-borderWidth-br-tablet,0px) var(--be3dfq-borderWidth-bl-tablet,0px); border-radius: var(--be3dfq-borderRadius-tl-tablet,0px) var(--be3dfq-borderRadius-tr-tablet,0px) var(--be3dfq-borderRadius-br-tablet,0px) var(--be3dfq-borderRadius-bl-tablet,0px); max-width: var(--be3dfq-max-width-tablet, var(--be3dfq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be3dfq-background-imageRatio-mobile, var(--be3dfq-background-imageRatio, auto)); border-width: var(--be3dfq-borderWidth-tl-mobile,0px) var(--be3dfq-borderWidth-tr-mobile,0px) var(--be3dfq-borderWidth-br-mobile,0px) var(--be3dfq-borderWidth-bl-mobile,0px); border-radius: var(--be3dfq-borderRadius-tl-mobile,0px) var(--be3dfq-borderRadius-tr-mobile,0px) var(--be3dfq-borderRadius-br-mobile,0px) var(--be3dfq-borderRadius-bl-mobile,0px); max-width: var(--be3dfq-max-width-mobile, var(--be3dfq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be3dfq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be3dfq-gap,var(--beae-card-gap)); padding-top: var(--be3dfq-padding-top,var(--beae-card-padding)); padding-right: var(--be3dfq-padding-right,var(--beae-card-padding)); padding-bottom: var(--be3dfq-padding-bottom,var(--beae-card-padding)); padding-left: var(--be3dfq-padding-left,var(--beae-card-padding)); border-width: var(--be3dfq-borderWidth,var(--beae-card-border-width)); border-width: var(--be3dfq-borderWidth-tl,var(--beae-card-border-width)) var(--be3dfq-borderWidth-tr,var(--beae-card-border-width)) var(--be3dfq-borderWidth-br,var(--beae-card-border-width)) var(--be3dfq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be3dfq-borderRadius-tl,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-tr,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-br,var(--beae-card-border-radius)) var(--be3dfq-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(--be3dfq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be3dfq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be3dfq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be3dfq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be3dfq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be3dfq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be3dfq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be3dfq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be3dfq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be3dfq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be3dfq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be3dfq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be3dfq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be3dfq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be3dfq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be3dfq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be3dfq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be3dfq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be3dfq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be3dfq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be3dfq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be3dfq-background-color,var(--beae-card-featured-background)); border-color: var(--be3dfq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal, var(--beae-card-shadow-x)) var(--be3dfq-shadowVertical, var(--beae-card-shadow-y)) var(--be3dfq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be3dfq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be3dfq-background-color,var(--beae-card-prod-background)); border-color: var(--be3dfq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal, var(--beae-card-shadow-x)) var(--be3dfq-shadowVertical, var(--beae-card-shadow-y)) var(--be3dfq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be3dfq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be3dfq-background-color,var(--beae-card-pricing-background)); border-color: var(--be3dfq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal, var(--beae-card-shadow-x)) var(--be3dfq-shadowVertical, var(--beae-card-shadow-y)) var(--be3dfq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be3dfq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be3dfq-background-color,var(--beae-card-cta-background)); border-color: var(--be3dfq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal, var(--beae-card-shadow-x)) var(--be3dfq-shadowVertical, var(--beae-card-shadow-y)) var(--be3dfq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be3dfq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be3dfq-background-color,var(--beae-card-media-background)); border-color: var(--be3dfq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be3dfq-enableShadow: true): var(--be3dfq-shadowHorizontal, var(--beae-card-shadow-x)) var(--be3dfq-shadowVertical, var(--beae-card-shadow-y)) var(--be3dfq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be3dfq-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-be3dfq"] {     display: flex;     flex-direction: var(--be3dfq-direction, column);     flex-wrap: nowrap;     justify-content: var(--be3dfq-justify-content);     align-items: var(--be3dfq-align-items);     gap: var(--be3dfq-gap, var(--be3dfq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-be3dfq"] {                            gap: var(--be3dfq-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(--be3dfq-padding-right-tablet, 0px) - var(--be3dfq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-be3dfq"] {                            gap: var(--be3dfq-gap-mobile, var(--be3dfq-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(--be3dfq-padding-right-mobile, 0px) - var(--be3dfq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5uapab"] { --5uapab-direction: column; --5uapab-direction-tablet: column; --5uapab-direction-mobile: column; --5uapab-structure: columns; --5uapab-structure-tablet: columns; --5uapab-structure-mobile: columns; --5uapab-align-items: flex-start; --5uapab-align-items-tablet: flex-start; --5uapab-align-items-mobile: flex-start; --5uapab-justify-content: flex-start; --5uapab-justify-content-tablet: flex-start; --5uapab-justify-content-mobile: flex-start; --5uapab-gap: 16px; --5uapab-gap-tablet: 16px; --5uapab-gap-mobile: 16px; }[data-bnode="beae-5uapab"] { padding-top: var(--5uapab-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5uapab-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5uapab-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5uapab-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5uapab-padding-top-tablet, var(--5uapab-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5uapab-padding-right-tablet, var(--5uapab-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5uapab-padding-bottom-tablet, var(--5uapab-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5uapab-padding-left-tablet, var(--5uapab-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5uapab-padding-top-mobile, var(--5uapab-padding-top-tablet, var(--5uapab-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5uapab-padding-right-mobile, var(--5uapab-padding-right-tablet, var(--5uapab-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5uapab-padding-bottom-mobile, var(--5uapab-padding-bottom-tablet, var(--5uapab-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5uapab-padding-left-mobile, var(--5uapab-padding-left-tablet, var(--5uapab-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5uapab-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5uapab-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(--5uapab-background-imageRatio, auto); background: var(--5uapab-background-color,transparent); border-style: var(--5uapab-borderStyle,solid); border-color: var(--5uapab-borderColor,#000000); border-width: var(--5uapab-borderWidth-tl,0px) var(--5uapab-borderWidth-tr,0px) var(--5uapab-borderWidth-br,0px) var(--5uapab-borderWidth-bl,0px); border-radius: var(--5uapab-borderRadius-tl,0px) var(--5uapab-borderRadius-tr,0px) var(--5uapab-borderRadius-br,0px) var(--5uapab-borderRadius-bl,0px); box-shadow: if(style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal,0) var(--5uapab-shadowVertical,0) var(--5uapab-shadowBlur,0) 1px var(--5uapab-shadowColor,#000000); else: none); max-width: var(--5uapab-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5uapab-background-imageRatio-tablet, var(--5uapab-background-imageRatio, auto)); border-width: var(--5uapab-borderWidth-tl-tablet,0px) var(--5uapab-borderWidth-tr-tablet,0px) var(--5uapab-borderWidth-br-tablet,0px) var(--5uapab-borderWidth-bl-tablet,0px); border-radius: var(--5uapab-borderRadius-tl-tablet,0px) var(--5uapab-borderRadius-tr-tablet,0px) var(--5uapab-borderRadius-br-tablet,0px) var(--5uapab-borderRadius-bl-tablet,0px); max-width: var(--5uapab-max-width-tablet, var(--5uapab-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5uapab-background-imageRatio-mobile, var(--5uapab-background-imageRatio, auto)); border-width: var(--5uapab-borderWidth-tl-mobile,0px) var(--5uapab-borderWidth-tr-mobile,0px) var(--5uapab-borderWidth-br-mobile,0px) var(--5uapab-borderWidth-bl-mobile,0px); border-radius: var(--5uapab-borderRadius-tl-mobile,0px) var(--5uapab-borderRadius-tr-mobile,0px) var(--5uapab-borderRadius-br-mobile,0px) var(--5uapab-borderRadius-bl-mobile,0px); max-width: var(--5uapab-max-width-mobile, var(--5uapab-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5uapab-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5uapab-gap,var(--beae-card-gap)); padding-top: var(--5uapab-padding-top,var(--beae-card-padding)); padding-right: var(--5uapab-padding-right,var(--beae-card-padding)); padding-bottom: var(--5uapab-padding-bottom,var(--beae-card-padding)); padding-left: var(--5uapab-padding-left,var(--beae-card-padding)); border-width: var(--5uapab-borderWidth,var(--beae-card-border-width)); border-width: var(--5uapab-borderWidth-tl,var(--beae-card-border-width)) var(--5uapab-borderWidth-tr,var(--beae-card-border-width)) var(--5uapab-borderWidth-br,var(--beae-card-border-width)) var(--5uapab-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5uapab-borderRadius-tl,var(--beae-card-border-radius)) var(--5uapab-borderRadius-tr,var(--beae-card-border-radius)) var(--5uapab-borderRadius-br,var(--beae-card-border-radius)) var(--5uapab-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(--5uapab-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5uapab-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5uapab-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5uapab-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5uapab-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5uapab-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5uapab-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5uapab-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5uapab-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5uapab-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5uapab-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5uapab-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5uapab-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5uapab-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5uapab-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5uapab-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5uapab-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5uapab-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5uapab-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5uapab-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5uapab-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5uapab-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5uapab-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5uapab-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5uapab-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5uapab-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5uapab-background-color,var(--beae-card-featured-background)); border-color: var(--5uapab-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal, var(--beae-card-shadow-x)) var(--5uapab-shadowVertical, var(--beae-card-shadow-y)) var(--5uapab-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5uapab-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5uapab-background-color,var(--beae-card-prod-background)); border-color: var(--5uapab-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal, var(--beae-card-shadow-x)) var(--5uapab-shadowVertical, var(--beae-card-shadow-y)) var(--5uapab-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5uapab-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5uapab-background-color,var(--beae-card-pricing-background)); border-color: var(--5uapab-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal, var(--beae-card-shadow-x)) var(--5uapab-shadowVertical, var(--beae-card-shadow-y)) var(--5uapab-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5uapab-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5uapab-background-color,var(--beae-card-cta-background)); border-color: var(--5uapab-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal, var(--beae-card-shadow-x)) var(--5uapab-shadowVertical, var(--beae-card-shadow-y)) var(--5uapab-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5uapab-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5uapab-background-color,var(--beae-card-media-background)); border-color: var(--5uapab-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5uapab-enableShadow: true): var(--5uapab-shadowHorizontal, var(--beae-card-shadow-x)) var(--5uapab-shadowVertical, var(--beae-card-shadow-y)) var(--5uapab-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5uapab-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-5uapab"] {     display: flex;     flex-direction: var(--5uapab-direction, column);     flex-wrap: nowrap;     justify-content: var(--5uapab-justify-content);     align-items: var(--5uapab-align-items);     gap: var(--5uapab-gap, var(--5uapab-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5uapab"] {                            gap: var(--5uapab-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(--5uapab-padding-right-tablet, 0px) - var(--5uapab-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5uapab"] {                            gap: var(--5uapab-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(--5uapab-padding-right-mobile, 0px) - var(--5uapab-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w0la7u"] { --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; --w0la7u-typography: h2; --w0la7u-typography-tablet: h2; --w0la7u-typography-mobile: h2; }[data-bnode="beae-w0la7u"] { margin-top: var(--w0la7u-margin-top, 0px); margin-right: var(--w0la7u-margin-right, 0px); margin-bottom: var(--w0la7u-margin-bottom, 0px); margin-left: var(--w0la7u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w0la7u-margin-top-tablet, 0px); margin-right: var(--w0la7u-margin-right-tablet, 0px); margin-bottom: var(--w0la7u-margin-bottom-tablet, 0px); margin-left: var(--w0la7u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w0la7u-margin-top-mobile, 0px); margin-right: var(--w0la7u-margin-right-mobile, 0px); margin-bottom: var(--w0la7u-margin-bottom-mobile, 0px); margin-left: var(--w0la7u-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--w0la7u-highlightColor,var(--beae-p-color)); top: var(--w0la7u-highlightTop, 100%); } }[data-bnode="beae-g7ihpi"] { --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; --g7ihpi-typography: p; --g7ihpi-typography-tablet: p; --g7ihpi-typography-mobile: p; }[data-bnode="beae-g7ihpi"] { margin-top: var(--g7ihpi-margin-top, 0px); margin-right: var(--g7ihpi-margin-right, 0px); margin-bottom: var(--g7ihpi-margin-bottom, 0px); margin-left: var(--g7ihpi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g7ihpi-margin-top-tablet, 0px); margin-right: var(--g7ihpi-margin-right-tablet, 0px); margin-bottom: var(--g7ihpi-margin-bottom-tablet, 0px); margin-left: var(--g7ihpi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g7ihpi-margin-top-mobile, 0px); margin-right: var(--g7ihpi-margin-right-mobile, 0px); margin-bottom: var(--g7ihpi-margin-bottom-mobile, 0px); margin-left: var(--g7ihpi-margin-left-mobile, 0px); } }[data-bnode="beae-xfopl3"] { --xfopl3-headerState: active; --xfopl3-headerState-tablet: active; --xfopl3-headerState-mobile: active; --xfopl3-colorActive: #143052; --xfopl3-colorActive-tablet: #143052; --xfopl3-colorActive-mobile: #143052; --xfopl3-tabBgActive: #fff; --xfopl3-tabBgActive-tablet: #fff; --xfopl3-tabBgActive-mobile: #fff; --xfopl3-paddingX: 24px; --xfopl3-paddingX-tablet: 24px; --xfopl3-paddingX-mobile: 24px; --xfopl3-paddingY: 20px; --xfopl3-paddingY-tablet: 20px; --xfopl3-paddingY-mobile: 20px; --xfopl3-borderStyle: none; --xfopl3-borderStyle-tablet: none; --xfopl3-borderStyle-mobile: none; --xfopl3-tabBg: #F5F5F500; --xfopl3-tabBg-tablet: #F5F5F500; --xfopl3-tabBg-mobile: #F5F5F500; --xfopl3-headingTypo: h5; --xfopl3-headingTypo-tablet: h5; --xfopl3-headingTypo-mobile: h5; --xfopl3-borderWidth-tl: 0px; --xfopl3-borderWidth-tl-tablet: 10px; --xfopl3-borderWidth-tl-mobile: 10px; --xfopl3-borderWidth-tr: 0px; --xfopl3-borderWidth-tr-tablet: 10px; --xfopl3-borderWidth-tr-mobile: 10px; --xfopl3-borderWidth-bl: 0px; --xfopl3-borderWidth-bl-tablet: 10px; --xfopl3-borderWidth-bl-mobile: 10px; --xfopl3-borderWidth-br: 0px; --xfopl3-borderWidth-br-tablet: 10px; --xfopl3-borderWidth-br-mobile: 10px; --xfopl3-borderColor: #e6e6e6; --xfopl3-borderColor-tablet: #e6e6e6; --xfopl3-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; --xfopl3-borderRadius-tl: 24px; --xfopl3-borderRadius-tl-tablet: 24px; --xfopl3-borderRadius-tl-mobile: 24px; --xfopl3-borderRadius-tr: 24px; --xfopl3-borderRadius-tr-tablet: 24px; --xfopl3-borderRadius-tr-mobile: 24px; --xfopl3-borderRadius-bl: 24px; --xfopl3-borderRadius-bl-tablet: 24px; --xfopl3-borderRadius-bl-mobile: 24px; --xfopl3-borderRadius-br: 24px; --xfopl3-borderRadius-br-tablet: 24px; --xfopl3-borderRadius-br-mobile: 24px; }[data-bnode="beae-xfopl3"] { margin-top: var(--xfopl3-margin-top, 0px); margin-right: var(--xfopl3-margin-right, 0px); margin-bottom: var(--xfopl3-margin-bottom, 0px); margin-left: var(--xfopl3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xfopl3-margin-top-tablet, 0px); margin-right: var(--xfopl3-margin-right-tablet, 0px); margin-bottom: var(--xfopl3-margin-bottom-tablet, 0px); margin-left: var(--xfopl3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xfopl3-margin-top-mobile, 0px); margin-right: var(--xfopl3-margin-right-mobile, 0px); margin-bottom: var(--xfopl3-margin-bottom-mobile, 0px); margin-left: var(--xfopl3-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(--xfopl3-borderStyle,solid); border-color: var(--xfopl3-borderColor,#000000); border-width: var(--xfopl3-borderWidth-tl,0px) var(--xfopl3-borderWidth-tr,0px) var(--xfopl3-borderWidth-br,0px) var(--xfopl3-borderWidth-bl,0px); border-radius: var(--xfopl3-borderRadius-tl,0px) var(--xfopl3-borderRadius-tr,0px) var(--xfopl3-borderRadius-br,0px) var(--xfopl3-borderRadius-bl,0px); box-shadow: if(style(--xfopl3-enableShadow: true): var(--xfopl3-shadowHorizontal,0) var(--xfopl3-shadowVertical,0) var(--xfopl3-shadowBlur,0) 1px var(--xfopl3-shadowColor,#000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--xfopl3-borderWidth-tl-tablet,0px) var(--xfopl3-borderWidth-tr-tablet,0px) var(--xfopl3-borderWidth-br-tablet,0px) var(--xfopl3-borderWidth-bl-tablet,0px); border-radius: var(--xfopl3-borderRadius-tl-tablet,0px) var(--xfopl3-borderRadius-tr-tablet,0px) var(--xfopl3-borderRadius-br-tablet,0px) var(--xfopl3-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--xfopl3-borderWidth-tl-mobile,0px) var(--xfopl3-borderWidth-tr-mobile,0px) var(--xfopl3-borderWidth-br-mobile,0px) var(--xfopl3-borderWidth-bl-mobile,0px); border-radius: var(--xfopl3-borderRadius-tl-mobile,0px) var(--xfopl3-borderRadius-tr-mobile,0px) var(--xfopl3-borderRadius-br-mobile,0px) var(--xfopl3-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(--xfopl3-colorActive); background: var(--xfopl3-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(--xfopl3-paddingX, 20px); padding-block: var(--xfopl3-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--xfopl3-tabBg); &:marker { display: none; } &:hover { background: var(--xfopl3-tabBgHover); color: var(--xfopl3-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-91tahq"] { --91tahq-direction: column; --91tahq-direction-tablet: column; --91tahq-direction-mobile: column; --91tahq-gap: 16px; --91tahq-gap-tablet: 16px; --91tahq-gap-mobile: 16px; --91tahq-padding-top: 12px; --91tahq-padding-top-tablet: 12px; --91tahq-padding-top-mobile: 12px; --91tahq-padding-bottom: 12px; --91tahq-padding-bottom-tablet: 12px; --91tahq-padding-bottom-mobile: 12px; --91tahq-padding-left: 20px; --91tahq-padding-left-tablet: 20px; --91tahq-padding-left-mobile: 20px; --91tahq-padding-right: 20px; --91tahq-padding-right-tablet: 20px; --91tahq-padding-right-mobile: 20px; --91tahq-background-type: color; --91tahq-background-type-tablet: color; --91tahq-background-type-mobile: color; --91tahq-background-color: #fff; --91tahq-background-color-tablet: #fff; --91tahq-background-color-mobile: #fff; --91tahq-borderStyle: none; --91tahq-borderStyle-tablet: none; --91tahq-borderStyle-mobile: none; --91tahq-borderWidth-tl: 2px; --91tahq-borderWidth-tl-tablet: 2px; --91tahq-borderWidth-tl-mobile: 2px; --91tahq-borderWidth-tr: 0px; --91tahq-borderWidth-tr-tablet: 0px; --91tahq-borderWidth-tr-mobile: 0px; --91tahq-borderWidth-bl: 0px; --91tahq-borderWidth-bl-tablet: 0px; --91tahq-borderWidth-bl-mobile: 0px; --91tahq-borderWidth-br: 0px; --91tahq-borderWidth-br-tablet: 0px; --91tahq-borderWidth-br-mobile: 0px; }[data-bnode="beae-91tahq"] { padding-top: var(--91tahq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--91tahq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--91tahq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--91tahq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--91tahq-padding-top-tablet, var(--91tahq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--91tahq-padding-right-tablet, var(--91tahq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--91tahq-padding-bottom-tablet, var(--91tahq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--91tahq-padding-left-tablet, var(--91tahq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--91tahq-padding-top-mobile, var(--91tahq-padding-top-tablet, var(--91tahq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--91tahq-padding-right-mobile, var(--91tahq-padding-right-tablet, var(--91tahq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--91tahq-padding-bottom-mobile, var(--91tahq-padding-bottom-tablet, var(--91tahq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--91tahq-padding-left-mobile, var(--91tahq-padding-left-tablet, var(--91tahq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--91tahq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--91tahq-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(--91tahq-background-imageRatio, auto); background: var(--91tahq-background-color,transparent); border-style: var(--91tahq-borderStyle,solid); border-color: var(--91tahq-borderColor,#000000); border-width: var(--91tahq-borderWidth-tl,0px) var(--91tahq-borderWidth-tr,0px) var(--91tahq-borderWidth-br,0px) var(--91tahq-borderWidth-bl,0px); border-radius: var(--91tahq-borderRadius-tl,0px) var(--91tahq-borderRadius-tr,0px) var(--91tahq-borderRadius-br,0px) var(--91tahq-borderRadius-bl,0px); box-shadow: if(style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal,0) var(--91tahq-shadowVertical,0) var(--91tahq-shadowBlur,0) 1px var(--91tahq-shadowColor,#000000); else: none); max-width: var(--91tahq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--91tahq-background-imageRatio-tablet, var(--91tahq-background-imageRatio, auto)); border-width: var(--91tahq-borderWidth-tl-tablet,0px) var(--91tahq-borderWidth-tr-tablet,0px) var(--91tahq-borderWidth-br-tablet,0px) var(--91tahq-borderWidth-bl-tablet,0px); border-radius: var(--91tahq-borderRadius-tl-tablet,0px) var(--91tahq-borderRadius-tr-tablet,0px) var(--91tahq-borderRadius-br-tablet,0px) var(--91tahq-borderRadius-bl-tablet,0px); max-width: var(--91tahq-max-width-tablet, var(--91tahq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--91tahq-background-imageRatio-mobile, var(--91tahq-background-imageRatio, auto)); border-width: var(--91tahq-borderWidth-tl-mobile,0px) var(--91tahq-borderWidth-tr-mobile,0px) var(--91tahq-borderWidth-br-mobile,0px) var(--91tahq-borderWidth-bl-mobile,0px); border-radius: var(--91tahq-borderRadius-tl-mobile,0px) var(--91tahq-borderRadius-tr-mobile,0px) var(--91tahq-borderRadius-br-mobile,0px) var(--91tahq-borderRadius-bl-mobile,0px); max-width: var(--91tahq-max-width-mobile, var(--91tahq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--91tahq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--91tahq-gap,var(--beae-card-gap)); padding-top: var(--91tahq-padding-top,var(--beae-card-padding)); padding-right: var(--91tahq-padding-right,var(--beae-card-padding)); padding-bottom: var(--91tahq-padding-bottom,var(--beae-card-padding)); padding-left: var(--91tahq-padding-left,var(--beae-card-padding)); border-width: var(--91tahq-borderWidth,var(--beae-card-border-width)); border-width: var(--91tahq-borderWidth-tl,var(--beae-card-border-width)) var(--91tahq-borderWidth-tr,var(--beae-card-border-width)) var(--91tahq-borderWidth-br,var(--beae-card-border-width)) var(--91tahq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--91tahq-borderRadius-tl,var(--beae-card-border-radius)) var(--91tahq-borderRadius-tr,var(--beae-card-border-radius)) var(--91tahq-borderRadius-br,var(--beae-card-border-radius)) var(--91tahq-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(--91tahq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--91tahq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--91tahq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--91tahq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--91tahq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--91tahq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--91tahq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--91tahq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--91tahq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--91tahq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--91tahq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--91tahq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--91tahq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--91tahq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--91tahq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--91tahq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--91tahq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--91tahq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--91tahq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--91tahq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--91tahq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--91tahq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--91tahq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--91tahq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--91tahq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--91tahq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--91tahq-background-color,var(--beae-card-featured-background)); border-color: var(--91tahq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal, var(--beae-card-shadow-x)) var(--91tahq-shadowVertical, var(--beae-card-shadow-y)) var(--91tahq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--91tahq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--91tahq-background-color,var(--beae-card-prod-background)); border-color: var(--91tahq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal, var(--beae-card-shadow-x)) var(--91tahq-shadowVertical, var(--beae-card-shadow-y)) var(--91tahq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--91tahq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--91tahq-background-color,var(--beae-card-pricing-background)); border-color: var(--91tahq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal, var(--beae-card-shadow-x)) var(--91tahq-shadowVertical, var(--beae-card-shadow-y)) var(--91tahq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--91tahq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--91tahq-background-color,var(--beae-card-cta-background)); border-color: var(--91tahq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal, var(--beae-card-shadow-x)) var(--91tahq-shadowVertical, var(--beae-card-shadow-y)) var(--91tahq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--91tahq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--91tahq-background-color,var(--beae-card-media-background)); border-color: var(--91tahq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--91tahq-enableShadow: true): var(--91tahq-shadowHorizontal, var(--beae-card-shadow-x)) var(--91tahq-shadowVertical, var(--beae-card-shadow-y)) var(--91tahq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--91tahq-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-91tahq"] {     display: flex;     flex-direction: var(--91tahq-direction, column);     flex-wrap: nowrap;     justify-content: var(--91tahq-justify-content);     align-items: var(--91tahq-align-items);     gap: var(--91tahq-gap, var(--91tahq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-91tahq"] {                            gap: var(--91tahq-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(--91tahq-padding-right-tablet, 0px) - var(--91tahq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-91tahq"] {                            gap: var(--91tahq-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(--91tahq-padding-right-mobile, 0px) - var(--91tahq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ujuqzb"] { --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-ujuqzb"] { margin-top: var(--ujuqzb-margin-top, 0px); margin-right: var(--ujuqzb-margin-right, 0px); margin-bottom: var(--ujuqzb-margin-bottom, 0px); margin-left: var(--ujuqzb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ujuqzb-margin-top-tablet, 0px); margin-right: var(--ujuqzb-margin-right-tablet, 0px); margin-bottom: var(--ujuqzb-margin-bottom-tablet, 0px); margin-left: var(--ujuqzb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ujuqzb-margin-top-mobile, 0px); margin-right: var(--ujuqzb-margin-right-mobile, 0px); margin-bottom: var(--ujuqzb-margin-bottom-mobile, 0px); margin-left: var(--ujuqzb-margin-left-mobile, 0px); } }[data-bnode="beae-voeydv"] { --voeydv-direction: column; --voeydv-direction-tablet: column; --voeydv-direction-mobile: column; --voeydv-gap: 16px; --voeydv-gap-tablet: 16px; --voeydv-gap-mobile: 16px; --voeydv-padding-top: 12px; --voeydv-padding-top-tablet: 12px; --voeydv-padding-top-mobile: 12px; --voeydv-padding-bottom: 12px; --voeydv-padding-bottom-tablet: 12px; --voeydv-padding-bottom-mobile: 12px; --voeydv-padding-left: 20px; --voeydv-padding-left-tablet: 20px; --voeydv-padding-left-mobile: 20px; --voeydv-padding-right: 20px; --voeydv-padding-right-tablet: 20px; --voeydv-padding-right-mobile: 20px; --voeydv-borderStyle: none; --voeydv-borderStyle-tablet: none; --voeydv-borderStyle-mobile: none; --voeydv-borderWidth-tl: 0px; --voeydv-borderWidth-tl-tablet: 0px; --voeydv-borderWidth-tl-mobile: 0px; --voeydv-borderWidth-tr: 1px; --voeydv-borderWidth-tr-tablet: 1px; --voeydv-borderWidth-tr-mobile: 1px; --voeydv-borderWidth-bl: 1px; --voeydv-borderWidth-bl-tablet: 1px; --voeydv-borderWidth-bl-mobile: 1px; --voeydv-borderWidth-br: 1px; --voeydv-borderWidth-br-tablet: 1px; --voeydv-borderWidth-br-mobile: 1px; --voeydv-borderColor: #e6e6e6; --voeydv-borderColor-tablet: #e6e6e6; --voeydv-borderColor-mobile: #e6e6e6; --voeydv-background-type: color; --voeydv-background-type-tablet: color; --voeydv-background-type-mobile: color; --voeydv-background-color: #fff; --voeydv-background-color-tablet: #fff; --voeydv-background-color-mobile: #fff; }[data-bnode="beae-voeydv"] { padding-top: var(--voeydv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--voeydv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--voeydv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--voeydv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--voeydv-padding-top-tablet, var(--voeydv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--voeydv-padding-right-tablet, var(--voeydv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--voeydv-padding-bottom-tablet, var(--voeydv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--voeydv-padding-left-tablet, var(--voeydv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--voeydv-padding-top-mobile, var(--voeydv-padding-top-tablet, var(--voeydv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--voeydv-padding-right-mobile, var(--voeydv-padding-right-tablet, var(--voeydv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--voeydv-padding-bottom-mobile, var(--voeydv-padding-bottom-tablet, var(--voeydv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--voeydv-padding-left-mobile, var(--voeydv-padding-left-tablet, var(--voeydv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--voeydv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--voeydv-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(--voeydv-background-imageRatio, auto); background: var(--voeydv-background-color,transparent); border-style: var(--voeydv-borderStyle,solid); border-color: var(--voeydv-borderColor,#000000); border-width: var(--voeydv-borderWidth-tl,0px) var(--voeydv-borderWidth-tr,0px) var(--voeydv-borderWidth-br,0px) var(--voeydv-borderWidth-bl,0px); border-radius: var(--voeydv-borderRadius-tl,0px) var(--voeydv-borderRadius-tr,0px) var(--voeydv-borderRadius-br,0px) var(--voeydv-borderRadius-bl,0px); box-shadow: if(style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal,0) var(--voeydv-shadowVertical,0) var(--voeydv-shadowBlur,0) 1px var(--voeydv-shadowColor,#000000); else: none); max-width: var(--voeydv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--voeydv-background-imageRatio-tablet, var(--voeydv-background-imageRatio, auto)); border-width: var(--voeydv-borderWidth-tl-tablet,0px) var(--voeydv-borderWidth-tr-tablet,0px) var(--voeydv-borderWidth-br-tablet,0px) var(--voeydv-borderWidth-bl-tablet,0px); border-radius: var(--voeydv-borderRadius-tl-tablet,0px) var(--voeydv-borderRadius-tr-tablet,0px) var(--voeydv-borderRadius-br-tablet,0px) var(--voeydv-borderRadius-bl-tablet,0px); max-width: var(--voeydv-max-width-tablet, var(--voeydv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--voeydv-background-imageRatio-mobile, var(--voeydv-background-imageRatio, auto)); border-width: var(--voeydv-borderWidth-tl-mobile,0px) var(--voeydv-borderWidth-tr-mobile,0px) var(--voeydv-borderWidth-br-mobile,0px) var(--voeydv-borderWidth-bl-mobile,0px); border-radius: var(--voeydv-borderRadius-tl-mobile,0px) var(--voeydv-borderRadius-tr-mobile,0px) var(--voeydv-borderRadius-br-mobile,0px) var(--voeydv-borderRadius-bl-mobile,0px); max-width: var(--voeydv-max-width-mobile, var(--voeydv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--voeydv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--voeydv-gap,var(--beae-card-gap)); padding-top: var(--voeydv-padding-top,var(--beae-card-padding)); padding-right: var(--voeydv-padding-right,var(--beae-card-padding)); padding-bottom: var(--voeydv-padding-bottom,var(--beae-card-padding)); padding-left: var(--voeydv-padding-left,var(--beae-card-padding)); border-width: var(--voeydv-borderWidth,var(--beae-card-border-width)); border-width: var(--voeydv-borderWidth-tl,var(--beae-card-border-width)) var(--voeydv-borderWidth-tr,var(--beae-card-border-width)) var(--voeydv-borderWidth-br,var(--beae-card-border-width)) var(--voeydv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--voeydv-borderRadius-tl,var(--beae-card-border-radius)) var(--voeydv-borderRadius-tr,var(--beae-card-border-radius)) var(--voeydv-borderRadius-br,var(--beae-card-border-radius)) var(--voeydv-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(--voeydv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--voeydv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--voeydv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--voeydv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--voeydv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--voeydv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--voeydv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--voeydv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--voeydv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--voeydv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--voeydv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--voeydv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--voeydv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--voeydv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--voeydv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--voeydv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--voeydv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--voeydv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--voeydv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--voeydv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--voeydv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--voeydv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--voeydv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--voeydv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--voeydv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--voeydv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--voeydv-background-color,var(--beae-card-featured-background)); border-color: var(--voeydv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal, var(--beae-card-shadow-x)) var(--voeydv-shadowVertical, var(--beae-card-shadow-y)) var(--voeydv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--voeydv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--voeydv-background-color,var(--beae-card-prod-background)); border-color: var(--voeydv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal, var(--beae-card-shadow-x)) var(--voeydv-shadowVertical, var(--beae-card-shadow-y)) var(--voeydv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--voeydv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--voeydv-background-color,var(--beae-card-pricing-background)); border-color: var(--voeydv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal, var(--beae-card-shadow-x)) var(--voeydv-shadowVertical, var(--beae-card-shadow-y)) var(--voeydv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--voeydv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--voeydv-background-color,var(--beae-card-cta-background)); border-color: var(--voeydv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal, var(--beae-card-shadow-x)) var(--voeydv-shadowVertical, var(--beae-card-shadow-y)) var(--voeydv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--voeydv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--voeydv-background-color,var(--beae-card-media-background)); border-color: var(--voeydv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--voeydv-enableShadow: true): var(--voeydv-shadowHorizontal, var(--beae-card-shadow-x)) var(--voeydv-shadowVertical, var(--beae-card-shadow-y)) var(--voeydv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--voeydv-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-voeydv"] {     display: flex;     flex-direction: var(--voeydv-direction, column);     flex-wrap: nowrap;     justify-content: var(--voeydv-justify-content);     align-items: var(--voeydv-align-items);     gap: var(--voeydv-gap, var(--voeydv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-voeydv"] {                            gap: var(--voeydv-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(--voeydv-padding-right-tablet, 0px) - var(--voeydv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-voeydv"] {                            gap: var(--voeydv-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(--voeydv-padding-right-mobile, 0px) - var(--voeydv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bqa0i2"] { --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-bqa0i2"] { margin-top: var(--bqa0i2-margin-top, 0px); margin-right: var(--bqa0i2-margin-right, 0px); margin-bottom: var(--bqa0i2-margin-bottom, 0px); margin-left: var(--bqa0i2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bqa0i2-margin-top-tablet, 0px); margin-right: var(--bqa0i2-margin-right-tablet, 0px); margin-bottom: var(--bqa0i2-margin-bottom-tablet, 0px); margin-left: var(--bqa0i2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bqa0i2-margin-top-mobile, 0px); margin-right: var(--bqa0i2-margin-right-mobile, 0px); margin-bottom: var(--bqa0i2-margin-bottom-mobile, 0px); margin-left: var(--bqa0i2-margin-left-mobile, 0px); } }[data-bnode="beae-a7o36t"] { --a7o36t-direction: column; --a7o36t-direction-tablet: column; --a7o36t-direction-mobile: column; --a7o36t-gap: 16px; --a7o36t-gap-tablet: 16px; --a7o36t-gap-mobile: 16px; --a7o36t-background-type: color; --a7o36t-background-type-tablet: color; --a7o36t-background-type-mobile: color; --a7o36t-background-color: #fff; --a7o36t-background-color-tablet: #fff; --a7o36t-background-color-mobile: #fff; --a7o36t-padding-top: 12px; --a7o36t-padding-top-tablet: 12px; --a7o36t-padding-top-mobile: 12px; --a7o36t-padding-right: 20px; --a7o36t-padding-right-tablet: 20px; --a7o36t-padding-right-mobile: 20px; --a7o36t-padding-bottom: 12px; --a7o36t-padding-bottom-tablet: 12px; --a7o36t-padding-bottom-mobile: 12px; --a7o36t-padding-left: 20px; --a7o36t-padding-left-tablet: 20px; --a7o36t-padding-left-mobile: 20px; }[data-bnode="beae-a7o36t"] { padding-top: var(--a7o36t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--a7o36t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--a7o36t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--a7o36t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--a7o36t-padding-top-tablet, var(--a7o36t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--a7o36t-padding-right-tablet, var(--a7o36t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--a7o36t-padding-bottom-tablet, var(--a7o36t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--a7o36t-padding-left-tablet, var(--a7o36t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--a7o36t-padding-top-mobile, var(--a7o36t-padding-top-tablet, var(--a7o36t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--a7o36t-padding-right-mobile, var(--a7o36t-padding-right-tablet, var(--a7o36t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--a7o36t-padding-bottom-mobile, var(--a7o36t-padding-bottom-tablet, var(--a7o36t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--a7o36t-padding-left-mobile, var(--a7o36t-padding-left-tablet, var(--a7o36t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--a7o36t-padding-left, var(--beae-slot-padding-x, 0px)) - var(--a7o36t-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(--a7o36t-background-imageRatio, auto); background: var(--a7o36t-background-color,transparent); border-style: var(--a7o36t-borderStyle,solid); border-color: var(--a7o36t-borderColor,#000000); border-width: var(--a7o36t-borderWidth-tl,0px) var(--a7o36t-borderWidth-tr,0px) var(--a7o36t-borderWidth-br,0px) var(--a7o36t-borderWidth-bl,0px); border-radius: var(--a7o36t-borderRadius-tl,0px) var(--a7o36t-borderRadius-tr,0px) var(--a7o36t-borderRadius-br,0px) var(--a7o36t-borderRadius-bl,0px); box-shadow: if(style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal,0) var(--a7o36t-shadowVertical,0) var(--a7o36t-shadowBlur,0) 1px var(--a7o36t-shadowColor,#000000); else: none); max-width: var(--a7o36t-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--a7o36t-background-imageRatio-tablet, var(--a7o36t-background-imageRatio, auto)); border-width: var(--a7o36t-borderWidth-tl-tablet,0px) var(--a7o36t-borderWidth-tr-tablet,0px) var(--a7o36t-borderWidth-br-tablet,0px) var(--a7o36t-borderWidth-bl-tablet,0px); border-radius: var(--a7o36t-borderRadius-tl-tablet,0px) var(--a7o36t-borderRadius-tr-tablet,0px) var(--a7o36t-borderRadius-br-tablet,0px) var(--a7o36t-borderRadius-bl-tablet,0px); max-width: var(--a7o36t-max-width-tablet, var(--a7o36t-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--a7o36t-background-imageRatio-mobile, var(--a7o36t-background-imageRatio, auto)); border-width: var(--a7o36t-borderWidth-tl-mobile,0px) var(--a7o36t-borderWidth-tr-mobile,0px) var(--a7o36t-borderWidth-br-mobile,0px) var(--a7o36t-borderWidth-bl-mobile,0px); border-radius: var(--a7o36t-borderRadius-tl-mobile,0px) var(--a7o36t-borderRadius-tr-mobile,0px) var(--a7o36t-borderRadius-br-mobile,0px) var(--a7o36t-borderRadius-bl-mobile,0px); max-width: var(--a7o36t-max-width-mobile, var(--a7o36t-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--a7o36t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--a7o36t-gap,var(--beae-card-gap)); padding-top: var(--a7o36t-padding-top,var(--beae-card-padding)); padding-right: var(--a7o36t-padding-right,var(--beae-card-padding)); padding-bottom: var(--a7o36t-padding-bottom,var(--beae-card-padding)); padding-left: var(--a7o36t-padding-left,var(--beae-card-padding)); border-width: var(--a7o36t-borderWidth,var(--beae-card-border-width)); border-width: var(--a7o36t-borderWidth-tl,var(--beae-card-border-width)) var(--a7o36t-borderWidth-tr,var(--beae-card-border-width)) var(--a7o36t-borderWidth-br,var(--beae-card-border-width)) var(--a7o36t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a7o36t-borderRadius-tl,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-tr,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-br,var(--beae-card-border-radius)) var(--a7o36t-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(--a7o36t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--a7o36t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--a7o36t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--a7o36t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--a7o36t-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--a7o36t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a7o36t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a7o36t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--a7o36t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--a7o36t-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--a7o36t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--a7o36t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--a7o36t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--a7o36t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--a7o36t-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--a7o36t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a7o36t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a7o36t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a7o36t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a7o36t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a7o36t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--a7o36t-background-color,var(--beae-card-featured-background)); border-color: var(--a7o36t-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal, var(--beae-card-shadow-x)) var(--a7o36t-shadowVertical, var(--beae-card-shadow-y)) var(--a7o36t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a7o36t-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--a7o36t-background-color,var(--beae-card-prod-background)); border-color: var(--a7o36t-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal, var(--beae-card-shadow-x)) var(--a7o36t-shadowVertical, var(--beae-card-shadow-y)) var(--a7o36t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a7o36t-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--a7o36t-background-color,var(--beae-card-pricing-background)); border-color: var(--a7o36t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal, var(--beae-card-shadow-x)) var(--a7o36t-shadowVertical, var(--beae-card-shadow-y)) var(--a7o36t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a7o36t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--a7o36t-background-color,var(--beae-card-cta-background)); border-color: var(--a7o36t-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal, var(--beae-card-shadow-x)) var(--a7o36t-shadowVertical, var(--beae-card-shadow-y)) var(--a7o36t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a7o36t-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--a7o36t-background-color,var(--beae-card-media-background)); border-color: var(--a7o36t-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--a7o36t-enableShadow: true): var(--a7o36t-shadowHorizontal, var(--beae-card-shadow-x)) var(--a7o36t-shadowVertical, var(--beae-card-shadow-y)) var(--a7o36t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a7o36t-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-a7o36t"] {     display: flex;     flex-direction: var(--a7o36t-direction, column);     flex-wrap: nowrap;     justify-content: var(--a7o36t-justify-content);     align-items: var(--a7o36t-align-items);     gap: var(--a7o36t-gap, var(--a7o36t-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a7o36t"] {                            gap: var(--a7o36t-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(--a7o36t-padding-right-tablet, 0px) - var(--a7o36t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-a7o36t"] {                            gap: var(--a7o36t-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(--a7o36t-padding-right-mobile, 0px) - var(--a7o36t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-98nq3f"] { --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; --98nq3f-margin-top: 0px; --98nq3f-margin-top-tablet: 0px; --98nq3f-margin-top-mobile: 0px; --98nq3f-margin-right: 0px; --98nq3f-margin-right-tablet: 0px; --98nq3f-margin-right-mobile: 0px; --98nq3f-margin-bottom: 0px; --98nq3f-margin-bottom-tablet: 0px; --98nq3f-margin-bottom-mobile: 0px; --98nq3f-margin-left: 0px; --98nq3f-margin-left-tablet: 0px; --98nq3f-margin-left-mobile: 0px; }[data-bnode="beae-98nq3f"] { margin-top: var(--98nq3f-margin-top, 0px); margin-right: var(--98nq3f-margin-right, 0px); margin-bottom: var(--98nq3f-margin-bottom, 0px); margin-left: var(--98nq3f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--98nq3f-margin-top-tablet, 0px); margin-right: var(--98nq3f-margin-right-tablet, 0px); margin-bottom: var(--98nq3f-margin-bottom-tablet, 0px); margin-left: var(--98nq3f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--98nq3f-margin-top-mobile, 0px); margin-right: var(--98nq3f-margin-right-mobile, 0px); margin-bottom: var(--98nq3f-margin-bottom-mobile, 0px); margin-left: var(--98nq3f-margin-left-mobile, 0px); } }[data-bnode="beae-dlu21b"] { --dlu21b-direction: column; --dlu21b-direction-tablet: column; --dlu21b-direction-mobile: column; --dlu21b-gap: 16px; --dlu21b-gap-tablet: 16px; --dlu21b-gap-mobile: 16px; --dlu21b-background-type: color; --dlu21b-background-type-tablet: color; --dlu21b-background-type-mobile: color; --dlu21b-background-color: #fff; --dlu21b-background-color-tablet: #fff; --dlu21b-background-color-mobile: #fff; --dlu21b-padding-top: 12px; --dlu21b-padding-top-tablet: 12px; --dlu21b-padding-top-mobile: 12px; --dlu21b-padding-right: 20px; --dlu21b-padding-right-tablet: 20px; --dlu21b-padding-right-mobile: 20px; --dlu21b-padding-bottom: 12px; --dlu21b-padding-bottom-tablet: 12px; --dlu21b-padding-bottom-mobile: 12px; --dlu21b-padding-left: 20px; --dlu21b-padding-left-tablet: 20px; --dlu21b-padding-left-mobile: 20px; }[data-bnode="beae-dlu21b"] { padding-top: var(--dlu21b-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dlu21b-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dlu21b-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dlu21b-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dlu21b-padding-top-tablet, var(--dlu21b-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dlu21b-padding-right-tablet, var(--dlu21b-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dlu21b-padding-bottom-tablet, var(--dlu21b-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dlu21b-padding-left-tablet, var(--dlu21b-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dlu21b-padding-top-mobile, var(--dlu21b-padding-top-tablet, var(--dlu21b-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dlu21b-padding-right-mobile, var(--dlu21b-padding-right-tablet, var(--dlu21b-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dlu21b-padding-bottom-mobile, var(--dlu21b-padding-bottom-tablet, var(--dlu21b-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dlu21b-padding-left-mobile, var(--dlu21b-padding-left-tablet, var(--dlu21b-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dlu21b-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dlu21b-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(--dlu21b-background-imageRatio, auto); background: var(--dlu21b-background-color,transparent); border-style: var(--dlu21b-borderStyle,solid); border-color: var(--dlu21b-borderColor,#000000); border-width: var(--dlu21b-borderWidth-tl,0px) var(--dlu21b-borderWidth-tr,0px) var(--dlu21b-borderWidth-br,0px) var(--dlu21b-borderWidth-bl,0px); border-radius: var(--dlu21b-borderRadius-tl,0px) var(--dlu21b-borderRadius-tr,0px) var(--dlu21b-borderRadius-br,0px) var(--dlu21b-borderRadius-bl,0px); box-shadow: if(style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal,0) var(--dlu21b-shadowVertical,0) var(--dlu21b-shadowBlur,0) 1px var(--dlu21b-shadowColor,#000000); else: none); max-width: var(--dlu21b-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dlu21b-background-imageRatio-tablet, var(--dlu21b-background-imageRatio, auto)); border-width: var(--dlu21b-borderWidth-tl-tablet,0px) var(--dlu21b-borderWidth-tr-tablet,0px) var(--dlu21b-borderWidth-br-tablet,0px) var(--dlu21b-borderWidth-bl-tablet,0px); border-radius: var(--dlu21b-borderRadius-tl-tablet,0px) var(--dlu21b-borderRadius-tr-tablet,0px) var(--dlu21b-borderRadius-br-tablet,0px) var(--dlu21b-borderRadius-bl-tablet,0px); max-width: var(--dlu21b-max-width-tablet, var(--dlu21b-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dlu21b-background-imageRatio-mobile, var(--dlu21b-background-imageRatio, auto)); border-width: var(--dlu21b-borderWidth-tl-mobile,0px) var(--dlu21b-borderWidth-tr-mobile,0px) var(--dlu21b-borderWidth-br-mobile,0px) var(--dlu21b-borderWidth-bl-mobile,0px); border-radius: var(--dlu21b-borderRadius-tl-mobile,0px) var(--dlu21b-borderRadius-tr-mobile,0px) var(--dlu21b-borderRadius-br-mobile,0px) var(--dlu21b-borderRadius-bl-mobile,0px); max-width: var(--dlu21b-max-width-mobile, var(--dlu21b-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dlu21b-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dlu21b-gap,var(--beae-card-gap)); padding-top: var(--dlu21b-padding-top,var(--beae-card-padding)); padding-right: var(--dlu21b-padding-right,var(--beae-card-padding)); padding-bottom: var(--dlu21b-padding-bottom,var(--beae-card-padding)); padding-left: var(--dlu21b-padding-left,var(--beae-card-padding)); border-width: var(--dlu21b-borderWidth,var(--beae-card-border-width)); border-width: var(--dlu21b-borderWidth-tl,var(--beae-card-border-width)) var(--dlu21b-borderWidth-tr,var(--beae-card-border-width)) var(--dlu21b-borderWidth-br,var(--beae-card-border-width)) var(--dlu21b-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dlu21b-borderRadius-tl,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-tr,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-br,var(--beae-card-border-radius)) var(--dlu21b-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(--dlu21b-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dlu21b-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dlu21b-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dlu21b-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dlu21b-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dlu21b-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dlu21b-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dlu21b-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dlu21b-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dlu21b-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dlu21b-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dlu21b-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dlu21b-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dlu21b-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dlu21b-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dlu21b-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dlu21b-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dlu21b-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dlu21b-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dlu21b-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dlu21b-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dlu21b-background-color,var(--beae-card-featured-background)); border-color: var(--dlu21b-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal, var(--beae-card-shadow-x)) var(--dlu21b-shadowVertical, var(--beae-card-shadow-y)) var(--dlu21b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dlu21b-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dlu21b-background-color,var(--beae-card-prod-background)); border-color: var(--dlu21b-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal, var(--beae-card-shadow-x)) var(--dlu21b-shadowVertical, var(--beae-card-shadow-y)) var(--dlu21b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dlu21b-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dlu21b-background-color,var(--beae-card-pricing-background)); border-color: var(--dlu21b-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal, var(--beae-card-shadow-x)) var(--dlu21b-shadowVertical, var(--beae-card-shadow-y)) var(--dlu21b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dlu21b-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dlu21b-background-color,var(--beae-card-cta-background)); border-color: var(--dlu21b-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal, var(--beae-card-shadow-x)) var(--dlu21b-shadowVertical, var(--beae-card-shadow-y)) var(--dlu21b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dlu21b-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dlu21b-background-color,var(--beae-card-media-background)); border-color: var(--dlu21b-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dlu21b-enableShadow: true): var(--dlu21b-shadowHorizontal, var(--beae-card-shadow-x)) var(--dlu21b-shadowVertical, var(--beae-card-shadow-y)) var(--dlu21b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dlu21b-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-dlu21b"] {     display: flex;     flex-direction: var(--dlu21b-direction, column);     flex-wrap: nowrap;     justify-content: var(--dlu21b-justify-content);     align-items: var(--dlu21b-align-items);     gap: var(--dlu21b-gap, var(--dlu21b-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dlu21b"] {                            gap: var(--dlu21b-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(--dlu21b-padding-right-tablet, 0px) - var(--dlu21b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dlu21b"] {                            gap: var(--dlu21b-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(--dlu21b-padding-right-mobile, 0px) - var(--dlu21b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-hzznnt"] { --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-hzznnt"] { margin-top: var(--hzznnt-margin-top, 0px); margin-right: var(--hzznnt-margin-right, 0px); margin-bottom: var(--hzznnt-margin-bottom, 0px); margin-left: var(--hzznnt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hzznnt-margin-top-tablet, 0px); margin-right: var(--hzznnt-margin-right-tablet, 0px); margin-bottom: var(--hzznnt-margin-bottom-tablet, 0px); margin-left: var(--hzznnt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hzznnt-margin-top-mobile, 0px); margin-right: var(--hzznnt-margin-right-mobile, 0px); margin-bottom: var(--hzznnt-margin-bottom-mobile, 0px); margin-left: var(--hzznnt-margin-left-mobile, 0px); } }[data-bnode="beae-ksk83p"] { --ksk83p-direction-tablet: row; --ksk83p-direction-mobile: row; --ksk83p-align-items-tablet: stretch; --ksk83p-align-items-mobile: stretch; }[data-bnode="beae-ksk83p"] { padding-top: var(--ksk83p-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ksk83p-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ksk83p-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ksk83p-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ksk83p-padding-top-tablet, var(--ksk83p-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ksk83p-padding-right-tablet, var(--ksk83p-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ksk83p-padding-bottom-tablet, var(--ksk83p-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ksk83p-padding-left-tablet, var(--ksk83p-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ksk83p-padding-top-mobile, var(--ksk83p-padding-top-tablet, var(--ksk83p-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ksk83p-padding-right-mobile, var(--ksk83p-padding-right-tablet, var(--ksk83p-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ksk83p-padding-bottom-mobile, var(--ksk83p-padding-bottom-tablet, var(--ksk83p-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ksk83p-padding-left-mobile, var(--ksk83p-padding-left-tablet, var(--ksk83p-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ksk83p-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ksk83p-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(--ksk83p-background-imageRatio, auto); background: var(--ksk83p-background-color,transparent); border-style: var(--ksk83p-borderStyle,solid); border-color: var(--ksk83p-borderColor,#000000); border-width: var(--ksk83p-borderWidth-tl,0px) var(--ksk83p-borderWidth-tr,0px) var(--ksk83p-borderWidth-br,0px) var(--ksk83p-borderWidth-bl,0px); border-radius: var(--ksk83p-borderRadius-tl,0px) var(--ksk83p-borderRadius-tr,0px) var(--ksk83p-borderRadius-br,0px) var(--ksk83p-borderRadius-bl,0px); box-shadow: if(style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal,0) var(--ksk83p-shadowVertical,0) var(--ksk83p-shadowBlur,0) 1px var(--ksk83p-shadowColor,#000000); else: none); max-width: var(--ksk83p-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ksk83p-background-imageRatio-tablet, var(--ksk83p-background-imageRatio, auto)); border-width: var(--ksk83p-borderWidth-tl-tablet,0px) var(--ksk83p-borderWidth-tr-tablet,0px) var(--ksk83p-borderWidth-br-tablet,0px) var(--ksk83p-borderWidth-bl-tablet,0px); border-radius: var(--ksk83p-borderRadius-tl-tablet,0px) var(--ksk83p-borderRadius-tr-tablet,0px) var(--ksk83p-borderRadius-br-tablet,0px) var(--ksk83p-borderRadius-bl-tablet,0px); max-width: var(--ksk83p-max-width-tablet, var(--ksk83p-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ksk83p-background-imageRatio-mobile, var(--ksk83p-background-imageRatio, auto)); border-width: var(--ksk83p-borderWidth-tl-mobile,0px) var(--ksk83p-borderWidth-tr-mobile,0px) var(--ksk83p-borderWidth-br-mobile,0px) var(--ksk83p-borderWidth-bl-mobile,0px); border-radius: var(--ksk83p-borderRadius-tl-mobile,0px) var(--ksk83p-borderRadius-tr-mobile,0px) var(--ksk83p-borderRadius-br-mobile,0px) var(--ksk83p-borderRadius-bl-mobile,0px); max-width: var(--ksk83p-max-width-mobile, var(--ksk83p-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ksk83p-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ksk83p-gap,var(--beae-card-gap)); padding-top: var(--ksk83p-padding-top,var(--beae-card-padding)); padding-right: var(--ksk83p-padding-right,var(--beae-card-padding)); padding-bottom: var(--ksk83p-padding-bottom,var(--beae-card-padding)); padding-left: var(--ksk83p-padding-left,var(--beae-card-padding)); border-width: var(--ksk83p-borderWidth,var(--beae-card-border-width)); border-width: var(--ksk83p-borderWidth-tl,var(--beae-card-border-width)) var(--ksk83p-borderWidth-tr,var(--beae-card-border-width)) var(--ksk83p-borderWidth-br,var(--beae-card-border-width)) var(--ksk83p-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ksk83p-borderRadius-tl,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-tr,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-br,var(--beae-card-border-radius)) var(--ksk83p-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(--ksk83p-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ksk83p-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ksk83p-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ksk83p-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ksk83p-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ksk83p-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ksk83p-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ksk83p-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ksk83p-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ksk83p-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ksk83p-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ksk83p-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ksk83p-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ksk83p-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ksk83p-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ksk83p-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ksk83p-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ksk83p-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ksk83p-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ksk83p-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ksk83p-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ksk83p-background-color,var(--beae-card-featured-background)); border-color: var(--ksk83p-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksk83p-shadowVertical, var(--beae-card-shadow-y)) var(--ksk83p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksk83p-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ksk83p-background-color,var(--beae-card-prod-background)); border-color: var(--ksk83p-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksk83p-shadowVertical, var(--beae-card-shadow-y)) var(--ksk83p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksk83p-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ksk83p-background-color,var(--beae-card-pricing-background)); border-color: var(--ksk83p-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksk83p-shadowVertical, var(--beae-card-shadow-y)) var(--ksk83p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksk83p-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ksk83p-background-color,var(--beae-card-cta-background)); border-color: var(--ksk83p-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksk83p-shadowVertical, var(--beae-card-shadow-y)) var(--ksk83p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksk83p-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ksk83p-background-color,var(--beae-card-media-background)); border-color: var(--ksk83p-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ksk83p-enableShadow: true): var(--ksk83p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksk83p-shadowVertical, var(--beae-card-shadow-y)) var(--ksk83p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksk83p-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-ksk83p"] {     display: flex;     flex-direction: var(--ksk83p-direction, column);     flex-wrap: nowrap;     justify-content: var(--ksk83p-justify-content);     align-items: var(--ksk83p-align-items);     gap: var(--ksk83p-gap, var(--ksk83p-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ksk83p"] {      flex-direction: var(--ksk83p-direction-tablet, column);                 align-items: var(--ksk83p-align-items-tablet, inherit);      gap: var(--ksk83p-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(--ksk83p-padding-right-tablet, 0px) - var(--ksk83p-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ksk83p"] {                            gap: var(--ksk83p-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(--ksk83p-padding-right-mobile, 0px) - var(--ksk83p-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ha9n20"] { --ha9n20-width: 100%; --ha9n20-width-tablet: 100%; --ha9n20-width-mobile: 100%; --ha9n20-imageRatio: 7/6; --ha9n20-imageRatio-tablet: 7/6; --ha9n20-imageRatio-mobile: 7/6; --ha9n20-borderRadius-tl: 24px; --ha9n20-borderRadius-tl-tablet: 24px; --ha9n20-borderRadius-tl-mobile: 24px; --ha9n20-borderRadius-tr: 24px; --ha9n20-borderRadius-tr-tablet: 24px; --ha9n20-borderRadius-tr-mobile: 24px; --ha9n20-borderRadius-bl: 24px; --ha9n20-borderRadius-bl-tablet: 24px; --ha9n20-borderRadius-bl-mobile: 24px; --ha9n20-borderRadius-br: 24px; --ha9n20-borderRadius-br-tablet: 24px; --ha9n20-borderRadius-br-mobile: 24px; }[data-bnode="beae-ha9n20"] { margin-top: var(--ha9n20-margin-top, 0px); margin-right: var(--ha9n20-margin-right, 0px); margin-bottom: var(--ha9n20-margin-bottom, 0px); margin-left: var(--ha9n20-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ha9n20-margin-top-tablet, 0px); margin-right: var(--ha9n20-margin-right-tablet, 0px); margin-bottom: var(--ha9n20-margin-bottom-tablet, 0px); margin-left: var(--ha9n20-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ha9n20-margin-top-mobile, 0px); margin-right: var(--ha9n20-margin-right-mobile, 0px); margin-bottom: var(--ha9n20-margin-bottom-mobile, 0px); margin-left: var(--ha9n20-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--ha9n20-objFit, cover); width: var(--ha9n20-width); aspect-ratio: var(--ha9n20-imageRatio, auto); border-style: var(--ha9n20-borderStyle,solid); border-color: var(--ha9n20-borderColor,#000000); border-width: var(--ha9n20-borderWidth-tl,0px) var(--ha9n20-borderWidth-tr,0px) var(--ha9n20-borderWidth-br,0px) var(--ha9n20-borderWidth-bl,0px); border-radius: var(--ha9n20-borderRadius-tl,0px) var(--ha9n20-borderRadius-tr,0px) var(--ha9n20-borderRadius-br,0px) var(--ha9n20-borderRadius-bl,0px); box-shadow: if( style(--ha9n20-enableShadow: true): var(--ha9n20-shadowHorizontal, 0) var(--ha9n20-shadowVertical, 0) var(--ha9n20-shadowBlur, 0) 1px var(--ha9n20-shadowColor, #000000); else: none ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ha9n20-borderWidth-tl-tablet,0px) var(--ha9n20-borderWidth-tr-tablet,0px) var(--ha9n20-borderWidth-br-tablet,0px) var(--ha9n20-borderWidth-bl-tablet,0px); border-radius: var(--ha9n20-borderRadius-tl-tablet,0px) var(--ha9n20-borderRadius-tr-tablet,0px) var(--ha9n20-borderRadius-br-tablet,0px) var(--ha9n20-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--ha9n20-borderWidth-tl-mobile,0px) var(--ha9n20-borderWidth-tr-mobile,0px) var(--ha9n20-borderWidth-br-mobile,0px) var(--ha9n20-borderWidth-bl-mobile,0px); border-radius: var(--ha9n20-borderRadius-tl-mobile,0px) var(--ha9n20-borderRadius-tr-mobile,0px) var(--ha9n20-borderRadius-br-mobile,0px) var(--ha9n20-borderRadius-bl-mobile,0px); } @media (max-width: 1180px) { width: var(--ha9n20-width-tablet); aspect-ratio: var(--ha9n20-imageRatio-tablet, var(--ha9n20-imageRatio, auto)); } @media (max-width: 767px) { width: var(--ha9n20-width-mobile); aspect-ratio: var(--ha9n20-imageRatio-mobile, var(--ha9n20-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--ha9n20-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-v9g1kc"] { --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; --v9g1kc-typography: p; --v9g1kc-typography-tablet: p; --v9g1kc-typography-mobile: p; }[data-bnode="beae-v9g1kc"] { margin-top: var(--v9g1kc-margin-top, 0px); margin-right: var(--v9g1kc-margin-right, 0px); margin-bottom: var(--v9g1kc-margin-bottom, 0px); margin-left: var(--v9g1kc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--v9g1kc-margin-top-tablet, 0px); margin-right: var(--v9g1kc-margin-right-tablet, 0px); margin-bottom: var(--v9g1kc-margin-bottom-tablet, 0px); margin-left: var(--v9g1kc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--v9g1kc-margin-top-mobile, 0px); margin-right: var(--v9g1kc-margin-right-mobile, 0px); margin-bottom: var(--v9g1kc-margin-bottom-mobile, 0px); margin-left: var(--v9g1kc-margin-left-mobile, 0px); } }[data-bnode="beae-o1fz4z"] { --o1fz4z-timer: label; --o1fz4z-timer-tablet: label; --o1fz4z-timer-mobile: label; --o1fz4z-paddingY: 0px; --o1fz4z-paddingY-tablet: 0px; --o1fz4z-paddingY-mobile: 0px; --o1fz4z-paddingX: 0px; --o1fz4z-paddingX-tablet: 0px; --o1fz4z-paddingX-mobile: 0px; --o1fz4z-background-type: color; --o1fz4z-background-type-tablet: color; --o1fz4z-background-type-mobile: color; --o1fz4z-background-color: #EDEDED00; --o1fz4z-background-color-tablet: #EDEDED00; --o1fz4z-background-color-mobile: #EDEDED00; --o1fz4z-typographyNumber: h5; --o1fz4z-typographyNumber-tablet: h5; --o1fz4z-typographyNumber-mobile: h5; --o1fz4z-gap: 2px; --o1fz4z-gap-tablet: 2px; --o1fz4z-gap-mobile: 2px; --o1fz4z-typographyLabel: p; --o1fz4z-typographyLabel-tablet: p; --o1fz4z-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-o1fz4z"] { margin-top: var(--o1fz4z-margin-top, 0px); margin-right: var(--o1fz4z-margin-right, 0px); margin-bottom: var(--o1fz4z-margin-bottom, 0px); margin-left: var(--o1fz4z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o1fz4z-margin-top-tablet, 0px); margin-right: var(--o1fz4z-margin-right-tablet, 0px); margin-bottom: var(--o1fz4z-margin-bottom-tablet, 0px); margin-left: var(--o1fz4z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o1fz4z-margin-top-mobile, 0px); margin-right: var(--o1fz4z-margin-right-mobile, 0px); margin-bottom: var(--o1fz4z-margin-bottom-mobile, 0px); margin-left: var(--o1fz4z-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--o1fz4z-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(--o1fz4z-borderStyle,solid); border-color: var(--o1fz4z-borderColor,#000000); border-width: var(--o1fz4z-borderWidth-tl,0px) var(--o1fz4z-borderWidth-tr,0px) var(--o1fz4z-borderWidth-br,0px) var(--o1fz4z-borderWidth-bl,0px); border-radius: var(--o1fz4z-borderRadius-tl,0px) var(--o1fz4z-borderRadius-tr,0px) var(--o1fz4z-borderRadius-br,0px) var(--o1fz4z-borderRadius-bl,0px); box-shadow: if(style(--o1fz4z-enableShadow: true): var(--o1fz4z-shadowHorizontal,0) var(--o1fz4z-shadowVertical,0) var(--o1fz4z-shadowBlur,0) 1px var(--o1fz4z-shadowColor,#000000); else: none); max-width: var(--o1fz4z-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--o1fz4z-borderWidth-tl-tablet,0px) var(--o1fz4z-borderWidth-tr-tablet,0px) var(--o1fz4z-borderWidth-br-tablet,0px) var(--o1fz4z-borderWidth-bl-tablet,0px); border-radius: var(--o1fz4z-borderRadius-tl-tablet,0px) var(--o1fz4z-borderRadius-tr-tablet,0px) var(--o1fz4z-borderRadius-br-tablet,0px) var(--o1fz4z-borderRadius-bl-tablet,0px); max-width: var(--o1fz4z-max-width-tablet, var(--o1fz4z-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--o1fz4z-borderWidth-tl-mobile,0px) var(--o1fz4z-borderWidth-tr-mobile,0px) var(--o1fz4z-borderWidth-br-mobile,0px) var(--o1fz4z-borderWidth-bl-mobile,0px); border-radius: var(--o1fz4z-borderRadius-tl-mobile,0px) var(--o1fz4z-borderRadius-tr-mobile,0px) var(--o1fz4z-borderRadius-br-mobile,0px) var(--o1fz4z-borderRadius-bl-mobile,0px); max-width: var(--o1fz4z-max-width-mobile, var(--o1fz4z-max-width, 100%)); } overflow: hidden; background: var(--o1fz4z-background-color); padding-inline: var(--o1fz4z-paddingX); padding-block: var(--o1fz4z-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(--o1fz4z-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--o1fz4z-paddingX-tablet); padding-block: var(--o1fz4z-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--o1fz4z-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--o1fz4z-paddingX-mobile); padding-block: var(--o1fz4z-paddingY-mobile); } } } }[data-bnode="beae-u4yw6g"] { --u4yw6g-width: 1600px; --u4yw6g-width-tablet: 1600px; --u4yw6g-width-mobile: 1600px; --u4yw6g-height: fit-content; --u4yw6g-height-tablet: fit-content; --u4yw6g-height-mobile: fit-content; --u4yw6g-padding-top: 16px; --u4yw6g-padding-top-tablet: 16px; --u4yw6g-padding-top-mobile: 16px; --u4yw6g-padding-right: 30px; --u4yw6g-padding-right-tablet: 30px; --u4yw6g-padding-right-mobile: 16px; --u4yw6g-padding-bottom: 16px; --u4yw6g-padding-bottom-tablet: 16px; --u4yw6g-padding-bottom-mobile: 16px; --u4yw6g-padding-left: 30px; --u4yw6g-padding-left-tablet: 30px; --u4yw6g-padding-left-mobile: 16px; --u4yw6g-direction: row; --u4yw6g-direction-tablet: row; --u4yw6g-direction-mobile: column; --u4yw6g-align-items: center; --u4yw6g-align-items-tablet: center; --u4yw6g-align-items-mobile: flex-start; --u4yw6g-justify-content: center; --u4yw6g-justify-content-tablet: center; --u4yw6g-justify-content-mobile: center; --u4yw6g-background-type: color; --u4yw6g-background-type-tablet: color; --u4yw6g-background-type-mobile: color; --u4yw6g-background-color: #F4F1EC; --u4yw6g-background-color-tablet: #F4F1EC; --u4yw6g-background-color-mobile: #F4F1EC; }[data-bnode="beae-u4yw6g"] { padding-top: var(--u4yw6g-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--u4yw6g-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--u4yw6g-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--u4yw6g-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u4yw6g-padding-top-tablet, var(--u4yw6g-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--u4yw6g-padding-right-tablet, var(--u4yw6g-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--u4yw6g-padding-bottom-tablet, var(--u4yw6g-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--u4yw6g-padding-left-tablet, var(--u4yw6g-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u4yw6g-padding-top-mobile, var(--u4yw6g-padding-top-tablet, var(--u4yw6g-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--u4yw6g-padding-right-mobile, var(--u4yw6g-padding-right-tablet, var(--u4yw6g-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--u4yw6g-padding-bottom-mobile, var(--u4yw6g-padding-bottom-tablet, var(--u4yw6g-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--u4yw6g-padding-left-mobile, var(--u4yw6g-padding-left-tablet, var(--u4yw6g-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--u4yw6g-padding-left, var(--beae-section-padding-x, 0px)) - var(--u4yw6g-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--u4yw6g-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--u4yw6g-height); width: 100%; max-width: var(--u4yw6g-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(--u4yw6g-height-tablet, auto); width: 100%; max-width: var(--u4yw6g-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--u4yw6g-height-mobile, auto); width: 100%; max-width: var(--u4yw6g-width-mobile, 100%); } } } }[data-bnode="beae-u4yw6g"] > .beae-section-container{     display: flex;     flex-direction: var(--u4yw6g-direction, column);     flex-wrap: nowrap;     justify-content: var(--u4yw6g-justify-content);     align-items: var(--u4yw6g-align-items);     gap: var(--u4yw6g-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-u4yw6g"] > .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(--u4yw6g-padding-right-tablet, 0px) - var(--u4yw6g-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u4yw6g"] > .beae-section-container{      flex-direction: var(--u4yw6g-direction-mobile, column);                 align-items: var(--u4yw6g-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;        }           }    }