/** Shopify CDN: Minification failed

Line 224: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;
          }
        } 
      }
    
    :root{ --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-text-color: #5b5b5b;
          --beae-heading-color: #121212;
          --beae-background-color: #ffffff;
          --beae-btn-pr-background-color: #121212;
          --beae-btn-pr-label-color: #ffffff;
          --beae-btn-pr-border-color: #121212;
          --beae-btn-se-background-color: #ececec;
          --beae-btn-se-label-color: #121212;
          --beae-btn-se-border-color: #ececec;
          --beae-btn-te-label-color: #121212;

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

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), white 10%);
          --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), white 25%);

          --color-scheme-text: #5b5b5b;
          --color-scheme-bg: #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: 52px;
--beae-h1-font-weight: 400;
--beae-h1-line-height: 1.3;
--beae-h1-letter-spacing: 0.6px;
--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: 400;
--beae-h2-line-height: 1.3;
--beae-h2-letter-spacing: 0.6px;
--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: 24px;
--beae-h3-font-weight: 400;
--beae-h3-line-height: 1.3;
--beae-h3-letter-spacing: 0.6px;
--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: 18px;
--beae-h4-font-weight: 400;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: 0.6px;
--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: 15px;
--beae-h5-font-weight: 400;
--beae-h5-line-height: 1.3;
--beae-h5-letter-spacing: 0.6px;
--beae-h5-text-transform: capitalize;
--beae-h5-font-style: normal;
--beae-h5-text-align: start;
--beae-h5-color: var(--beae-heading-color);
--beae-h6-font-family: Assistant;
--beae-h6-font-size: 14px;
--beae-h6-font-weight: 400;
--beae-h6-line-height: 1.3;
--beae-h6-letter-spacing: 0.6px;
--beae-h6-text-transform: capitalize;
--beae-h6-font-style: normal;
--beae-h6-text-align: start;
--beae-h6-color: var(--beae-heading-color);
--beae-p-font-family: Assistant;
--beae-p-font-size: 16px;
--beae-p-font-weight: 400;
--beae-p-line-height: 1.8;
--beae-p-letter-spacing: 0.6px;
--beae-p-text-transform: inherit;
--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: 13.2px;
--beae-p2-font-weight: 400;
--beae-p2-line-height: 1.82;
--beae-p2-letter-spacing: 0.6px;
--beae-p2-text-transform: inherit;
--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: 18px;
--beae-p3-font-weight: 400;
--beae-p3-line-height: 1.8;
--beae-p3-letter-spacing: 0.6px;
--beae-p3-text-transform: inherit;
--beae-p3-font-style: normal;
--beae-p3-text-align: start;
--beae-p3-color: var(--beae-text-color);
--beae-btn-font-size: 15px;
--beae-btn-font-weight: 400;
--beae-btn-letter-spacing: 1px;
--beae-btn-text-transform: normal;
--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: 44px;
--beae-h1-line-height: 1.3;
--beae-h1-letter-spacing: 0.6px;
--beae-h2-font-size: 34px;
--beae-h2-line-height: 1.3;
--beae-h3-font-size: 22px;
--beae-h3-line-height: 1.3;
--beae-h5-font-size: 15px;
--beae-h6-font-size: 14px;
--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-h2-font-size: 30px;
--beae-h3-font-size: 20px;
--beae-h4-font-size: 18px;
--beae-h5-font-size: 15px;
--beae-h6-font-size: 14px;
--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-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-h6 {
            font-family: var(--beae-h6-font-family);
            font-size: var(--beae-h6-font-size);
            font-weight: var(--beae-h6-font-weight);
            line-height: var(--beae-h6-line-height);
            letter-spacing: var(--beae-h6-letter-spacing);
            text-transform: var(--beae-h6-text-transform);
            font-style: var(--beae-h6-font-style);
            text-align: var(--beae-h6-text-align, start);
            color: var(--beae-h6-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h6 {
              font-size: var(--beae-h6-font-size-tablet, var(--beae-h6-font-size));
              line-height: var(--beae-h6-line-height-tablet, var(--beae-h6-line-height));
              letter-spacing: var(--beae-h6-letter-spacing-tablet, var(--beae-h6-letter-spacing));
              text-align: var(--beae-h6-text-align-tablet, var(--beae-h6-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h6 {
              font-size: var(--beae-h6-font-size-mobile, var(--beae-h6-font-size));
              line-height: var(--beae-h6-line-height-mobile, var(--beae-h6-line-height));
              letter-spacing: var(--beae-h6-letter-spacing-mobile, var(--beae-h6-letter-spacing));
              text-align: var(--beae-h6-text-align-mobile, var(--beae-h6-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-btn-pr, .beae-btn-se, .beae-btn-te {
        display: flex;
        align-items: center;
        justify-content: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-cjzcqf"] { --cjzcqf-width: 1400px; --cjzcqf-width-tablet: 1400px; --cjzcqf-width-mobile: 1400px; --cjzcqf-height: 500px; --cjzcqf-height-tablet: 800px; --cjzcqf-height-mobile: 800px; --cjzcqf-padding-top: 112px; --cjzcqf-padding-top-tablet: 96px; --cjzcqf-padding-top-mobile: 40px; --cjzcqf-padding-bottom: 112px; --cjzcqf-padding-bottom-tablet: 96px; --cjzcqf-padding-bottom-mobile: 40px; --cjzcqf-padding-right: 32px; --cjzcqf-padding-right-tablet: 32px; --cjzcqf-padding-right-mobile: 20px; --cjzcqf-padding-left: 32px; --cjzcqf-padding-left-tablet: 32px; --cjzcqf-padding-left-mobile: 20px; --cjzcqf-direction: column; --cjzcqf-direction-tablet: column; --cjzcqf-direction-mobile: column; --cjzcqf-structure: columns; --cjzcqf-structure-tablet: auto; --cjzcqf-structure-mobile: auto; --cjzcqf-background-type: image; --cjzcqf-background-type-tablet: image; --cjzcqf-background-type-mobile: image; --cjzcqf-background-image: [object Object]; --cjzcqf-background-image-tablet: [object Object]; --cjzcqf-background-image-mobile: [object Object]; --cjzcqf-background-color: #ffffff; --cjzcqf-background-color-tablet: #ffffff; --cjzcqf-background-color-mobile: #ffffff; --cjzcqf-align-items: flex-start; --cjzcqf-align-items-tablet: center; --cjzcqf-align-items-mobile: center; --cjzcqf-justify-content: center; --cjzcqf-justify-content-tablet: center; --cjzcqf-justify-content-mobile: center; }[data-bnode="beae-cjzcqf"] { padding-top: var(--cjzcqf-padding-top, 0px); padding-right: var(--cjzcqf-padding-right, 0px); padding-bottom: var(--cjzcqf-padding-bottom, 0px); padding-left: var(--cjzcqf-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--cjzcqf-padding-top-tablet, 0px); padding-right: var(--cjzcqf-padding-right-tablet, 0px); padding-bottom: var(--cjzcqf-padding-bottom-tablet, 0px); padding-left: var(--cjzcqf-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--cjzcqf-padding-top-mobile, 0px); padding-right: var(--cjzcqf-padding-right-mobile, 0px); padding-bottom: var(--cjzcqf-padding-bottom-mobile, 0px); padding-left: var(--cjzcqf-padding-left-mobile, 0px); } width: calc(100% - var(--cjzcqf-padding-left, 0px) - var(--cjzcqf-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--cjzcqf-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--cjzcqf-height); width: 100%; max-width: var(--cjzcqf-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(--cjzcqf-background-color-tablet, var(--cjzcqf-background-color)); & .beae-section-container { height: var(--cjzcqf-height-tablet, auto); width: 100%; max-width: var(--cjzcqf-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--cjzcqf-background-color-mobile, var(--cjzcqf-background-color-tablet, var(--cjzcqf-background-color))); & .beae-section-container { height: var(--cjzcqf-height-mobile, auto); width: 100%; max-width: var(--cjzcqf-width-mobile, 100%); } } } }[data-bnode="beae-cjzcqf"] > .beae-section-container{     display: flex;     flex-direction: var(--cjzcqf-direction, column);     flex-wrap: nowrap;     justify-content: var(--cjzcqf-justify-content);     align-items: var(--cjzcqf-align-items);     gap: var(--cjzcqf-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-cjzcqf"] > .beae-section-container{                      align-items: var(--cjzcqf-align-items-tablet, inherit);                    &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-cjzcqf"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--cjzcqf-padding-right-mobile, 0px) - var(--cjzcqf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rr7ab9"] { --rr7ab9-max-width: 1392px; --rr7ab9-max-width-tablet: 1392px; --rr7ab9-max-width-mobile: 1392px; --rr7ab9-background-type: color; --rr7ab9-background-type-tablet: color; --rr7ab9-background-type-mobile: color; --rr7ab9-background-image: [object Object]; --rr7ab9-background-image-tablet: [object Object]; --rr7ab9-background-image-mobile: [object Object]; --rr7ab9-background-color: #ffffff00; --rr7ab9-background-color-tablet: #ffffff00; --rr7ab9-background-color-mobile: #ffffff00; --rr7ab9-direction: column; --rr7ab9-direction-tablet: column; --rr7ab9-direction-mobile: column; --rr7ab9-padding-top: 0px; --rr7ab9-padding-top-tablet: 0px; --rr7ab9-padding-top-mobile: 0px; --rr7ab9-padding-right: 0px; --rr7ab9-padding-right-tablet: 0px; --rr7ab9-padding-right-mobile: 0px; --rr7ab9-padding-bottom: 0px; --rr7ab9-padding-bottom-tablet: 0px; --rr7ab9-padding-bottom-mobile: 0px; --rr7ab9-padding-left: 0px; --rr7ab9-padding-left-tablet: 0px; --rr7ab9-padding-left-mobile: 0px; --rr7ab9-gap: 40px; --rr7ab9-gap-tablet: 40px; --rr7ab9-gap-mobile: 40px; --rr7ab9-align-items: flex-start; --rr7ab9-align-items-tablet: flex-start; --rr7ab9-align-items-mobile: flex-start; --rr7ab9-justify-content: center; --rr7ab9-justify-content-tablet: center; --rr7ab9-justify-content-mobile: center; --rr7ab9-structure: auto; --rr7ab9-structure-tablet: auto; --rr7ab9-structure-mobile: auto; }[data-bnode="beae-rr7ab9"] { padding-top: var(--rr7ab9-padding-top, 0px); padding-right: var(--rr7ab9-padding-right, 0px); padding-bottom: var(--rr7ab9-padding-bottom, 0px); padding-left: var(--rr7ab9-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rr7ab9-padding-top-tablet, 0px); padding-right: var(--rr7ab9-padding-right-tablet, 0px); padding-bottom: var(--rr7ab9-padding-bottom-tablet, 0px); padding-left: var(--rr7ab9-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--rr7ab9-padding-top-mobile, 0px); padding-right: var(--rr7ab9-padding-right-mobile, 0px); padding-bottom: var(--rr7ab9-padding-bottom-mobile, 0px); padding-left: var(--rr7ab9-padding-left-mobile, 0px); } width: calc(100% - var(--rr7ab9-padding-left, 0px) - var(--rr7ab9-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; background: var(--rr7ab9-background-color); border-style: var(--rr7ab9-borderStyle, solid); border-color: var(--rr7ab9-borderColor, #000000); border-width: var(--rr7ab9-borderWidth-tl, 0px) var(--rr7ab9-borderWidth-tr, 0px) var(--rr7ab9-borderWidth-br, 0px) var(--rr7ab9-borderWidth-bl, 0px); border-radius: var(--rr7ab9-borderRadius-tl, 0px) var(--rr7ab9-borderRadius-tr, 0px) var(--rr7ab9-borderRadius-br, 0px) var(--rr7ab9-borderRadius-bl, 0px); box-shadow: if( style(--rr7ab9-enableShadow: true): var(--rr7ab9-shadowHorizontal, 0) var(--rr7ab9-shadowVertical, 0) var(--rr7ab9-shadowBlur, 0) 1px var(--rr7ab9-shadowColor, #000000) ; else: none ); max-width: var(--rr7ab9-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--rr7ab9-borderWidth-tl-tablet, 0px) var(--rr7ab9-borderWidth-tr-tablet, 0px) var(--rr7ab9-borderWidth-br-tablet, 0px) var(--rr7ab9-borderWidth-bl-tablet, 0px); border-radius: var(--rr7ab9-borderRadius-tl-tablet, 0px) var(--rr7ab9-borderRadius-tr-tablet, 0px) var(--rr7ab9-borderRadius-br-tablet, 0px) var(--rr7ab9-borderRadius-bl-tablet, 0px); max-width: var(--rr7ab9-max-width-tablet, var(--rr7ab9-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--rr7ab9-borderWidth-tl-mobile, 0px) var(--rr7ab9-borderWidth-tr-mobile, 0px) var(--rr7ab9-borderWidth-br-mobile, 0px) var(--rr7ab9-borderWidth-bl-mobile, 0px); border-radius: var(--rr7ab9-borderRadius-tl-mobile, 0px) var(--rr7ab9-borderRadius-tr-mobile, 0px) var(--rr7ab9-borderRadius-br-mobile, 0px) var(--rr7ab9-borderRadius-bl-mobile, 0px); max-width: var(--rr7ab9-max-width-mobile, var(--rr7ab9-max-width, 100%)); } > * { position: relative; z-index: 1; } .beae-kclrl1 { display: none !important; } .beae-vector-underline { position: relative; display: inline-block; white-space: nowrap; } .beae-vector-underline img { position: absolute; left: 50%; bottom: -0.22em; width: 108%; max-width: none; height: auto; pointer-events: none; transform: translateX(-50%); } > .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-rr7ab9"] {     display: flex;     flex-direction: var(--rr7ab9-direction, column);     flex-wrap: nowrap;     justify-content: var(--rr7ab9-justify-content);     align-items: var(--rr7ab9-align-items);     gap: var(--rr7ab9-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rr7ab9"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rr7ab9-padding-right-tablet, 0px) - var(--rr7ab9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rr7ab9"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rr7ab9-padding-right-mobile, 0px) - var(--rr7ab9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-f6bnkr"] { --f6bnkr-direction: column; --f6bnkr-direction-tablet: column; --f6bnkr-direction-mobile: column; --f6bnkr-structure: columns; --f6bnkr-structure-tablet: columns; --f6bnkr-structure-mobile: columns; --f6bnkr-max-width: 512px; --f6bnkr-max-width-tablet: 512px; --f6bnkr-max-width-mobile: 512px; --f6bnkr-gap: 40px; --f6bnkr-gap-tablet: 40px; --f6bnkr-gap-mobile: 40px; }[data-bnode="beae-f6bnkr"] { padding-top: var(--f6bnkr-padding-top, 0px); padding-right: var(--f6bnkr-padding-right, 0px); padding-bottom: var(--f6bnkr-padding-bottom, 0px); padding-left: var(--f6bnkr-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--f6bnkr-padding-top-tablet, 0px); padding-right: var(--f6bnkr-padding-right-tablet, 0px); padding-bottom: var(--f6bnkr-padding-bottom-tablet, 0px); padding-left: var(--f6bnkr-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--f6bnkr-padding-top-mobile, 0px); padding-right: var(--f6bnkr-padding-right-mobile, 0px); padding-bottom: var(--f6bnkr-padding-bottom-mobile, 0px); padding-left: var(--f6bnkr-padding-left-mobile, 0px); } width: calc(100% - var(--f6bnkr-padding-left, 0px) - var(--f6bnkr-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--f6bnkr-background-imageRatio, auto); background: var(--f6bnkr-background-color); border-style: var(--f6bnkr-borderStyle,solid); border-color: var(--f6bnkr-borderColor,#000000); border-width: var(--f6bnkr-borderWidth-tl,0px) var(--f6bnkr-borderWidth-tr,0px) var(--f6bnkr-borderWidth-br,0px) var(--f6bnkr-borderWidth-bl,0px); border-radius: var(--f6bnkr-borderRadius-tl,0px) var(--f6bnkr-borderRadius-tr,0px) var(--f6bnkr-borderRadius-br,0px) var(--f6bnkr-borderRadius-bl,0px); box-shadow: if(style(--f6bnkr-enableShadow: true): var(--f6bnkr-shadowHorizontal,0) var(--f6bnkr-shadowVertical,0) var(--f6bnkr-shadowBlur,0) 1px var(--f6bnkr-shadowColor,#000000); else: none); max-width: var(--f6bnkr-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--f6bnkr-background-imageRatio-tablet, var(--f6bnkr-background-imageRatio, auto)); border-width: var(--f6bnkr-borderWidth-tl-tablet,0px) var(--f6bnkr-borderWidth-tr-tablet,0px) var(--f6bnkr-borderWidth-br-tablet,0px) var(--f6bnkr-borderWidth-bl-tablet,0px); border-radius: var(--f6bnkr-borderRadius-tl-tablet,0px) var(--f6bnkr-borderRadius-tr-tablet,0px) var(--f6bnkr-borderRadius-br-tablet,0px) var(--f6bnkr-borderRadius-bl-tablet,0px); max-width: var(--f6bnkr-max-width-tablet, var(--f6bnkr-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--f6bnkr-background-imageRatio-mobile, var(--f6bnkr-background-imageRatio, auto)); border-width: var(--f6bnkr-borderWidth-tl-mobile,0px) var(--f6bnkr-borderWidth-tr-mobile,0px) var(--f6bnkr-borderWidth-br-mobile,0px) var(--f6bnkr-borderWidth-bl-mobile,0px); border-radius: var(--f6bnkr-borderRadius-tl-mobile,0px) var(--f6bnkr-borderRadius-tr-mobile,0px) var(--f6bnkr-borderRadius-br-mobile,0px) var(--f6bnkr-borderRadius-bl-mobile,0px); max-width: var(--f6bnkr-max-width-mobile, var(--f6bnkr-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-f6bnkr"] {     display: flex;     flex-direction: var(--f6bnkr-direction, column);     flex-wrap: nowrap;     justify-content: var(--f6bnkr-justify-content);     align-items: var(--f6bnkr-align-items);     gap: var(--f6bnkr-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-f6bnkr"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--f6bnkr-padding-right-tablet, 0px) - var(--f6bnkr-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-f6bnkr"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--f6bnkr-padding-right-mobile, 0px) - var(--f6bnkr-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-dyxgza"] { --dyxgza-direction: column; --dyxgza-direction-tablet: column; --dyxgza-direction-mobile: column; --dyxgza-structure: columns; --dyxgza-structure-tablet: columns; --dyxgza-structure-mobile: columns; --dyxgza-gap: 20px; --dyxgza-gap-tablet: 20px; --dyxgza-gap-mobile: 20px; --dyxgza-align-items: flex-start; --dyxgza-align-items-tablet: flex-start; --dyxgza-align-items-mobile: flex-start; --dyxgza-max-width: 100%; --dyxgza-max-width-tablet: 100%; --dyxgza-max-width-mobile: 100%; }[data-bnode="beae-dyxgza"] { padding-top: var(--dyxgza-padding-top, 0px); padding-right: var(--dyxgza-padding-right, 0px); padding-bottom: var(--dyxgza-padding-bottom, 0px); padding-left: var(--dyxgza-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--dyxgza-padding-top-tablet, 0px); padding-right: var(--dyxgza-padding-right-tablet, 0px); padding-bottom: var(--dyxgza-padding-bottom-tablet, 0px); padding-left: var(--dyxgza-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--dyxgza-padding-top-mobile, 0px); padding-right: var(--dyxgza-padding-right-mobile, 0px); padding-bottom: var(--dyxgza-padding-bottom-mobile, 0px); padding-left: var(--dyxgza-padding-left-mobile, 0px); } width: calc(100% - var(--dyxgza-padding-left, 0px) - var(--dyxgza-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--dyxgza-background-imageRatio, auto); background: var(--dyxgza-background-color); border-style: var(--dyxgza-borderStyle,solid); border-color: var(--dyxgza-borderColor,#000000); border-width: var(--dyxgza-borderWidth-tl,0px) var(--dyxgza-borderWidth-tr,0px) var(--dyxgza-borderWidth-br,0px) var(--dyxgza-borderWidth-bl,0px); border-radius: var(--dyxgza-borderRadius-tl,0px) var(--dyxgza-borderRadius-tr,0px) var(--dyxgza-borderRadius-br,0px) var(--dyxgza-borderRadius-bl,0px); box-shadow: if(style(--dyxgza-enableShadow: true): var(--dyxgza-shadowHorizontal,0) var(--dyxgza-shadowVertical,0) var(--dyxgza-shadowBlur,0) 1px var(--dyxgza-shadowColor,#000000); else: none); max-width: var(--dyxgza-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dyxgza-background-imageRatio-tablet, var(--dyxgza-background-imageRatio, auto)); border-width: var(--dyxgza-borderWidth-tl-tablet,0px) var(--dyxgza-borderWidth-tr-tablet,0px) var(--dyxgza-borderWidth-br-tablet,0px) var(--dyxgza-borderWidth-bl-tablet,0px); border-radius: var(--dyxgza-borderRadius-tl-tablet,0px) var(--dyxgza-borderRadius-tr-tablet,0px) var(--dyxgza-borderRadius-br-tablet,0px) var(--dyxgza-borderRadius-bl-tablet,0px); max-width: var(--dyxgza-max-width-tablet, var(--dyxgza-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dyxgza-background-imageRatio-mobile, var(--dyxgza-background-imageRatio, auto)); border-width: var(--dyxgza-borderWidth-tl-mobile,0px) var(--dyxgza-borderWidth-tr-mobile,0px) var(--dyxgza-borderWidth-br-mobile,0px) var(--dyxgza-borderWidth-bl-mobile,0px); border-radius: var(--dyxgza-borderRadius-tl-mobile,0px) var(--dyxgza-borderRadius-tr-mobile,0px) var(--dyxgza-borderRadius-br-mobile,0px) var(--dyxgza-borderRadius-bl-mobile,0px); max-width: var(--dyxgza-max-width-mobile, var(--dyxgza-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-dyxgza"] {     display: flex;     flex-direction: var(--dyxgza-direction, column);     flex-wrap: nowrap;     justify-content: var(--dyxgza-justify-content);     align-items: var(--dyxgza-align-items);     gap: var(--dyxgza-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dyxgza"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--dyxgza-padding-right-tablet, 0px) - var(--dyxgza-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dyxgza"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--dyxgza-padding-right-mobile, 0px) - var(--dyxgza-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ftiq6n"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #ffffff; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --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: none; --ftiq6n-typography: h1; --ftiq6n-typography-tablet: h1; --ftiq6n-typography-mobile: h1; --ftiq6n-margin-top: 0px; --ftiq6n-margin-top-tablet: 0px; --ftiq6n-margin-top-mobile: 0px; --ftiq6n-margin-right: 0px; --ftiq6n-margin-right-tablet: 0px; --ftiq6n-margin-right-mobile: 0px; --ftiq6n-margin-bottom: 0px; --ftiq6n-margin-bottom-tablet: 0px; --ftiq6n-margin-bottom-mobile: 0px; --ftiq6n-margin-left: 0px; --ftiq6n-margin-left-tablet: 0px; --ftiq6n-margin-left-mobile: 0px; --ftiq6n-highlightTop: 90%; --ftiq6n-highlightTop-tablet: 90%; --ftiq6n-highlightTop-mobile: 90%; --ftiq6n-highlightThickness: 7; --ftiq6n-highlightThickness-tablet: 7; --ftiq6n-highlightThickness-mobile: 7; --ftiq6n-highlightColor: #F9B690; --ftiq6n-highlightColor-tablet: #F9B690; --ftiq6n-highlightColor-mobile: #F9B690; }[data-bnode="beae-ftiq6n"] { margin-top: var(--ftiq6n-margin-top, 0px); margin-right: var(--ftiq6n-margin-right, 0px); margin-bottom: var(--ftiq6n-margin-bottom, 0px); margin-left: var(--ftiq6n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ftiq6n-margin-top-tablet, 0px); margin-right: var(--ftiq6n-margin-right-tablet, 0px); margin-bottom: var(--ftiq6n-margin-bottom-tablet, 0px); margin-left: var(--ftiq6n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ftiq6n-margin-top-mobile, 0px); margin-right: var(--ftiq6n-margin-right-mobile, 0px); margin-bottom: var(--ftiq6n-margin-bottom-mobile, 0px); margin-left: var(--ftiq6n-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ftiq6n-highlightColor,var(--beae-p-color)); top: var(--ftiq6n-highlightTop, 100%); } }[data-bnode="beae-rg17hs"] { --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: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --rg17hs-typography: p; --rg17hs-typography-tablet: p; --rg17hs-typography-mobile: p; --rg17hs-margin-top: 0px; --rg17hs-margin-top-tablet: 0px; --rg17hs-margin-top-mobile: 0px; --rg17hs-margin-right: 240px; --rg17hs-margin-right-tablet: 240px; --rg17hs-margin-right-mobile: 240px; --rg17hs-margin-bottom: 0px; --rg17hs-margin-bottom-tablet: 0px; --rg17hs-margin-bottom-mobile: 0px; --rg17hs-margin-left: 0px; --rg17hs-margin-left-tablet: 0px; --rg17hs-margin-left-mobile: 0px; }[data-bnode="beae-rg17hs"] { margin-top: var(--rg17hs-margin-top, 0px); margin-right: var(--rg17hs-margin-right, 0px); margin-bottom: var(--rg17hs-margin-bottom, 0px); margin-left: var(--rg17hs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rg17hs-margin-top-tablet, 0px); margin-right: var(--rg17hs-margin-right-tablet, 0px); margin-bottom: var(--rg17hs-margin-bottom-tablet, 0px); margin-left: var(--rg17hs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rg17hs-margin-top-mobile, 0px); margin-right: var(--rg17hs-margin-right-mobile, 0px); margin-bottom: var(--rg17hs-margin-bottom-mobile, 0px); margin-left: var(--rg17hs-margin-left-mobile, 0px); } }[data-bnode="beae-fikcvz"] { --fikcvz-width: fill; --fikcvz-width-tablet: fill; --fikcvz-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 8px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 8px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #121212; --beae-btn-pr-background-color: #f8e71cff; --beae-btn-text-transform: capitalize; --fikcvz-iconWidth: 20px; --fikcvz-iconWidth-tablet: 20px; --fikcvz-iconWidth-mobile: 20px; --fikcvz-iconGap: 5px; --fikcvz-iconGap-tablet: 5px; --fikcvz-iconGap-mobile: 5px; --fikcvz-button: pr; --fikcvz-button-tablet: pr; --fikcvz-button-mobile: pr; --fikcvz-bgPrHover: #f5f5f5; --fikcvz-bgPrHover-tablet: #f5f5f5; --fikcvz-bgPrHover-mobile: #f5f5f5; --fikcvz-labelPrHover: #2F3F28; --fikcvz-labelPrHover-tablet: #2F3F28; --fikcvz-labelPrHover-mobile: #2F3F28; --fikcvz-borderPrHover: #ffffff00; --fikcvz-borderPrHover-tablet: #ffffff00; --fikcvz-borderPrHover-mobile: #ffffff00; }[data-bnode="beae-fikcvz"] { margin-top: var(--fikcvz-margin-top, 0px); margin-right: var(--fikcvz-margin-right, 0px); margin-bottom: var(--fikcvz-margin-bottom, 0px); margin-left: var(--fikcvz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fikcvz-margin-top-tablet, 0px); margin-right: var(--fikcvz-margin-right-tablet, 0px); margin-bottom: var(--fikcvz-margin-bottom-tablet, 0px); margin-left: var(--fikcvz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fikcvz-margin-top-mobile, 0px); margin-right: var(--fikcvz-margin-right-mobile, 0px); margin-bottom: var(--fikcvz-margin-bottom-mobile, 0px); margin-left: var(--fikcvz-margin-left-mobile, 0px); } & { width: 29%; text-transform: var(--fikcvz-transform); gap: var(--fikcvz-iconGap, 5px); &.beae-btn-pr:hover { background-color: var(--fikcvz-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--fikcvz-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--fikcvz-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--fikcvz-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--fikcvz-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--fikcvz-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--fikcvz-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--fikcvz-iconWidth); } svg { width: var(--fikcvz-iconWidth, 20px); min-width: var(--fikcvz-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--fikcvz-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--fikcvz-iconWidth-tablet, var(--fikcvz-iconWidth)); } svg { width: var(--fikcvz-iconWidth-tablet, var(--fikcvz-iconWidth)); min-width: var(--fikcvz-iconWidth-tablet, var(--fikcvz-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--fikcvz-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--fikcvz-iconWidth-mobile, var(--fikcvz-iconWidth)); } svg { width: var(--fikcvz-iconWidth-mobile, var(--fikcvz-iconWidth)); min-width: var(--fikcvz-iconWidth-mobile, var(--fikcvz-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="beae-ubix8x"] { --ubix8x-width: 1392px; --ubix8x-width-tablet: 1392px; --ubix8x-width-mobile: 1392px; --ubix8x-height: fit-content; --ubix8x-height-tablet: fit-content; --ubix8x-height-mobile: fit-content; --ubix8x-padding-top: 112px; --ubix8x-padding-top-tablet: 96px; --ubix8x-padding-top-mobile: 80px; --ubix8x-padding-right: 32px; --ubix8x-padding-right-tablet: 32px; --ubix8x-padding-right-mobile: 16px; --ubix8x-padding-bottom: 112px; --ubix8x-padding-bottom-tablet: 96px; --ubix8x-padding-bottom-mobile: 80px; --ubix8x-padding-left: 32px; --ubix8x-padding-left-tablet: 32px; --ubix8x-padding-left-mobile: 16px; --ubix8x-direction: row; --ubix8x-direction-tablet: column; --ubix8x-direction-mobile: column; --ubix8x-structure: columns; --ubix8x-structure-tablet: columns; --ubix8x-structure-mobile: columns; --ubix8x-columns: 50.00,50.00; --ubix8x-columns-tablet: 50.00,50.00; --ubix8x-columns-mobile: 50.00,50.00; --ubix8x-columnsPresetId: 50.00,50.00; --ubix8x-columnsPresetId-tablet: 50.00,50.00; --ubix8x-columnsPresetId-mobile: 50.00,50.00; --ubix8x-gap: 80px; --ubix8x-gap-tablet: 48px; --ubix8x-gap-mobile: 40px; --ubix8x-align-items: center; --ubix8x-align-items-tablet: center; --ubix8x-align-items-mobile: center; --ubix8x-justify-content-tablet: center; --ubix8x-justify-content-mobile: center; }[data-bnode="beae-ubix8x"] { padding-top: var(--ubix8x-padding-top, 0px); padding-right: var(--ubix8x-padding-right, 0px); padding-bottom: var(--ubix8x-padding-bottom, 0px); padding-left: var(--ubix8x-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ubix8x-padding-top-tablet, 0px); padding-right: var(--ubix8x-padding-right-tablet, 0px); padding-bottom: var(--ubix8x-padding-bottom-tablet, 0px); padding-left: var(--ubix8x-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--ubix8x-padding-top-mobile, 0px); padding-right: var(--ubix8x-padding-right-mobile, 0px); padding-bottom: var(--ubix8x-padding-bottom-mobile, 0px); padding-left: var(--ubix8x-padding-left-mobile, 0px); } width: calc(100% - var(--ubix8x-padding-left, 0px) - var(--ubix8x-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--ubix8x-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--ubix8x-height); width: 100%; max-width: var(--ubix8x-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(--ubix8x-background-color-tablet, var(--ubix8x-background-color)); & .beae-section-container { height: var(--ubix8x-height-tablet, auto); width: 100%; max-width: var(--ubix8x-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--ubix8x-background-color-mobile, var(--ubix8x-background-color-tablet, var(--ubix8x-background-color))); & .beae-section-container { height: var(--ubix8x-height-mobile, auto); width: 100%; max-width: var(--ubix8x-width-mobile, 100%); } } } }[data-bnode="beae-ubix8x"] > .beae-section-container{     display: flex;     flex-direction: var(--ubix8x-direction, column);     flex-wrap: nowrap;     justify-content: var(--ubix8x-justify-content);     align-items: var(--ubix8x-align-items);     gap: var(--ubix8x-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--ubix8x-padding-right, 0px) - var(--ubix8x-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--ubix8x-padding-right, 0px) - var(--ubix8x-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ubix8x-padding-right, 0px) - var(--ubix8x-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ubix8x"] > .beae-section-container{      flex-direction: var(--ubix8x-direction-tablet, column);           justify-content: var(--ubix8x-justify-content-tablet, inherit);           gap: var(--ubix8x-gap-tablet, inherit);              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-ubix8x"] > .beae-section-container{      flex-direction: var(--ubix8x-direction-mobile, column);                      gap: var(--ubix8x-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-lo330e"] { --lo330e-background-type: color; --lo330e-background-type-tablet: color; --lo330e-background-type-mobile: color; --lo330e-background-image: [object Object]; --lo330e-background-image-tablet: [object Object]; --lo330e-background-image-mobile: [object Object]; --lo330e-background-color: #ffffff; --lo330e-background-color-tablet: #ffffff; --lo330e-background-color-mobile: #ffffff; --lo330e-padding-top: 0px; --lo330e-padding-top-tablet: 0px; --lo330e-padding-top-mobile: 0px; --lo330e-padding-right: 0px; --lo330e-padding-right-tablet: 0px; --lo330e-padding-right-mobile: 0px; --lo330e-padding-bottom: 0px; --lo330e-padding-bottom-tablet: 0px; --lo330e-padding-bottom-mobile: 0px; --lo330e-padding-left: 0px; --lo330e-padding-left-tablet: 0px; --lo330e-padding-left-mobile: 0px; --lo330e-borderRadius-tl: 24px; --lo330e-borderRadius-tl-tablet: 24px; --lo330e-borderRadius-tl-mobile: 24px; --lo330e-borderRadius-tr: 24px; --lo330e-borderRadius-tr-tablet: 24px; --lo330e-borderRadius-tr-mobile: 24px; --lo330e-borderRadius-bl: 24px; --lo330e-borderRadius-bl-tablet: 24px; --lo330e-borderRadius-bl-mobile: 24px; --lo330e-borderRadius-br: 24px; --lo330e-borderRadius-br-tablet: 24px; --lo330e-borderRadius-br-mobile: 24px; --lo330e-direction-mobile: row; }[data-bnode="beae-lo330e"] { padding-top: var(--lo330e-padding-top, 0px); padding-right: var(--lo330e-padding-right, 0px); padding-bottom: var(--lo330e-padding-bottom, 0px); padding-left: var(--lo330e-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lo330e-padding-top-tablet, 0px); padding-right: var(--lo330e-padding-right-tablet, 0px); padding-bottom: var(--lo330e-padding-bottom-tablet, 0px); padding-left: var(--lo330e-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--lo330e-padding-top-mobile, 0px); padding-right: var(--lo330e-padding-right-mobile, 0px); padding-bottom: var(--lo330e-padding-bottom-mobile, 0px); padding-left: var(--lo330e-padding-left-mobile, 0px); } width: calc(100% - var(--lo330e-padding-left, 0px) - var(--lo330e-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lo330e-background-imageRatio, auto); background: var(--lo330e-background-color); border-style: var(--lo330e-borderStyle,solid); border-color: var(--lo330e-borderColor,#000000); border-width: var(--lo330e-borderWidth-tl,0px) var(--lo330e-borderWidth-tr,0px) var(--lo330e-borderWidth-br,0px) var(--lo330e-borderWidth-bl,0px); border-radius: var(--lo330e-borderRadius-tl,0px) var(--lo330e-borderRadius-tr,0px) var(--lo330e-borderRadius-br,0px) var(--lo330e-borderRadius-bl,0px); box-shadow: if(style(--lo330e-enableShadow: true): var(--lo330e-shadowHorizontal,0) var(--lo330e-shadowVertical,0) var(--lo330e-shadowBlur,0) 1px var(--lo330e-shadowColor,#000000); else: none); max-width: var(--lo330e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lo330e-background-imageRatio-tablet, var(--lo330e-background-imageRatio, auto)); border-width: var(--lo330e-borderWidth-tl-tablet,0px) var(--lo330e-borderWidth-tr-tablet,0px) var(--lo330e-borderWidth-br-tablet,0px) var(--lo330e-borderWidth-bl-tablet,0px); border-radius: var(--lo330e-borderRadius-tl-tablet,0px) var(--lo330e-borderRadius-tr-tablet,0px) var(--lo330e-borderRadius-br-tablet,0px) var(--lo330e-borderRadius-bl-tablet,0px); max-width: var(--lo330e-max-width-tablet, var(--lo330e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lo330e-background-imageRatio-mobile, var(--lo330e-background-imageRatio, auto)); border-width: var(--lo330e-borderWidth-tl-mobile,0px) var(--lo330e-borderWidth-tr-mobile,0px) var(--lo330e-borderWidth-br-mobile,0px) var(--lo330e-borderWidth-bl-mobile,0px); border-radius: var(--lo330e-borderRadius-tl-mobile,0px) var(--lo330e-borderRadius-tr-mobile,0px) var(--lo330e-borderRadius-br-mobile,0px) var(--lo330e-borderRadius-bl-mobile,0px); max-width: var(--lo330e-max-width-mobile, var(--lo330e-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-lo330e"] {     display: flex;     flex-direction: var(--lo330e-direction, column);     flex-wrap: nowrap;     justify-content: var(--lo330e-justify-content);     align-items: var(--lo330e-align-items);     gap: var(--lo330e-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lo330e"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--lo330e-padding-right-tablet, 0px) - var(--lo330e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lo330e"] {      flex-direction: var(--lo330e-direction-mobile, column);                                     &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--lo330e-padding-right-mobile, 0px) - var(--lo330e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-h4vqgl"] { --h4vqgl-width: 100%; --h4vqgl-width-tablet: 100%; --h4vqgl-width-mobile: 100%; --h4vqgl-imageRatio: 1/1; --h4vqgl-imageRatio-tablet: 1/1; --h4vqgl-imageRatio-mobile: 1/1; --h4vqgl-objFit: cover; --h4vqgl-objFit-tablet: cover; --h4vqgl-objFit-mobile: cover; --h4vqgl-borderColor: #000000; --h4vqgl-borderColor-tablet: #000000; --h4vqgl-borderColor-mobile: #000000; --h4vqgl-shadowColor: #000000; --h4vqgl-shadowColor-tablet: #000000; --h4vqgl-shadowColor-mobile: #000000; --h4vqgl-borderStyle: none; --h4vqgl-borderStyle-tablet: none; --h4vqgl-borderStyle-mobile: none; --h4vqgl-enableShadow: false; --h4vqgl-enableShadow-tablet: false; --h4vqgl-enableShadow-mobile: false; --h4vqgl-overlayColor-type: color; --h4vqgl-overlayColor-type-tablet: color; --h4vqgl-overlayColor-type-mobile: color; --h4vqgl-overlayColor-color: #008c62; --h4vqgl-overlayColor-color-tablet: #008c62; --h4vqgl-overlayColor-color-mobile: #008c62; --h4vqgl-overlayOpacity: 0; --h4vqgl-overlayOpacity-tablet: 0; --h4vqgl-overlayOpacity-mobile: 0; --h4vqgl-borderRadius-tl: 24px; --h4vqgl-borderRadius-tl-tablet: 24px; --h4vqgl-borderRadius-tl-mobile: 24px; --h4vqgl-borderRadius-tr: 24px; --h4vqgl-borderRadius-tr-tablet: 24px; --h4vqgl-borderRadius-tr-mobile: 24px; --h4vqgl-borderRadius-bl: 24px; --h4vqgl-borderRadius-bl-tablet: 24px; --h4vqgl-borderRadius-bl-mobile: 24px; --h4vqgl-borderRadius-br: 24px; --h4vqgl-borderRadius-br-tablet: 24px; --h4vqgl-borderRadius-br-mobile: 24px; --h4vqgl-borderWidth-tl: 0px; --h4vqgl-borderWidth-tl-tablet: 0px; --h4vqgl-borderWidth-tl-mobile: 0px; --h4vqgl-borderWidth-tr: 0px; --h4vqgl-borderWidth-tr-tablet: 0px; --h4vqgl-borderWidth-tr-mobile: 0px; --h4vqgl-borderWidth-bl: 0px; --h4vqgl-borderWidth-bl-tablet: 0px; --h4vqgl-borderWidth-bl-mobile: 0px; --h4vqgl-borderWidth-br: 0px; --h4vqgl-borderWidth-br-tablet: 0px; --h4vqgl-borderWidth-br-mobile: 0px; }[data-bnode="beae-h4vqgl"] { margin-top: var(--h4vqgl-margin-top, 0px); margin-right: var(--h4vqgl-margin-right, 0px); margin-bottom: var(--h4vqgl-margin-bottom, 0px); margin-left: var(--h4vqgl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h4vqgl-margin-top-tablet, 0px); margin-right: var(--h4vqgl-margin-right-tablet, 0px); margin-bottom: var(--h4vqgl-margin-bottom-tablet, 0px); margin-left: var(--h4vqgl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h4vqgl-margin-top-mobile, 0px); margin-right: var(--h4vqgl-margin-right-mobile, 0px); margin-bottom: var(--h4vqgl-margin-bottom-mobile, 0px); margin-left: var(--h4vqgl-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--h4vqgl-width, 100%) - var(--h4vqgl-margin-left, 0px) - var(--h4vqgl-margin-right, 0px) ); min-height: min-content; border-style: var(--h4vqgl-borderStyle, solid); border-color: var(--h4vqgl-borderColor, #000000); border-width: var(--h4vqgl-borderWidth-tl, 0px) var(--h4vqgl-borderWidth-tr, 0px) var(--h4vqgl-borderWidth-br, 0px) var(--h4vqgl-borderWidth-bl, 0px); border-radius: var(--h4vqgl-borderRadius-tl, 0px) var(--h4vqgl-borderRadius-tr, 0px) var(--h4vqgl-borderRadius-br, 0px) var(--h4vqgl-borderRadius-bl, 0px); aspect-ratio: var(--h4vqgl-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--h4vqgl-borderWidth-tl-tablet, var(--h4vqgl-borderWidth-tl, 0px)) var(--h4vqgl-borderWidth-tr-tablet, var(--h4vqgl-borderWidth-tr, 0px)) var(--h4vqgl-borderWidth-br-tablet, var(--h4vqgl-borderWidth-br, 0px)) var(--h4vqgl-borderWidth-bl-tablet, var(--h4vqgl-borderWidth-bl, 0px)); border-radius: var(--h4vqgl-borderRadius-tl-tablet, var(--h4vqgl-borderRadius-tl, 0px)) var(--h4vqgl-borderRadius-tr-tablet, var(--h4vqgl-borderRadius-tr, 0px)) var(--h4vqgl-borderRadius-br-tablet, var(--h4vqgl-borderRadius-br, 0px)) var(--h4vqgl-borderRadius-bl-tablet, var(--h4vqgl-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--h4vqgl-borderWidth-tl-mobile, var(--h4vqgl-borderWidth-tl, 0px)) var(--h4vqgl-borderWidth-tr-mobile, var(--h4vqgl-borderWidth-tr, 0px)) var(--h4vqgl-borderWidth-br-mobile, var(--h4vqgl-borderWidth-br, 0px)) var(--h4vqgl-borderWidth-bl-mobile, var(--h4vqgl-borderWidth-bl, 0px)); border-radius: var(--h4vqgl-borderRadius-tl-mobile, var(--h4vqgl-borderRadius-tl, 0px)) var(--h4vqgl-borderRadius-tr-mobile, var(--h4vqgl-borderRadius-tr, 0px)) var(--h4vqgl-borderRadius-br-mobile, var(--h4vqgl-borderRadius-br, 0px)) var(--h4vqgl-borderRadius-bl-mobile, var(--h4vqgl-borderRadius-bl, 0px)); } box-shadow: if( style(--h4vqgl-enableShadow: true): var(--h4vqgl-shadowHorizontal, 0) var(--h4vqgl-shadowVertical, 0) var(--h4vqgl-shadowBlur, 0) 1px var(--h4vqgl-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background: var(--h4vqgl-overlayColor-color, #000); opacity: var(--h4vqgl-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--h4vqgl-objFit, cover); object-position: var(--beae-image-position, 0% 50%); transition: transform 0.25s ease; } img:hover { transform: scale(1.1); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--h4vqgl-width-tablet, var(--h4vqgl-width, 100%)) - var(--h4vqgl-margin-left-tablet, var(--h4vqgl-margin-left, 0px)) - var(--h4vqgl-margin-right-tablet, var(--h4vqgl-margin-right, 0px)) ); aspect-ratio: var(--h4vqgl-imageRatio-tablet, var(--h4vqgl-imageRatio, auto)); img { object-fit: var(--h4vqgl-objFit-tablet, var(--h4vqgl-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--h4vqgl-width-mobile, var(--h4vqgl-width, 100%)) - var(--h4vqgl-margin-left-mobile, var(--h4vqgl-margin-left, 0px)) - var(--h4vqgl-margin-right-mobile, var(--h4vqgl-margin-right, 0px)) ); aspect-ratio: var(--h4vqgl-imageRatio-mobile, var(--h4vqgl-imageRatio, auto)); img { object-fit: var(--h4vqgl-objFit-mobile, var(--h4vqgl-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-s1osxc"] { --s1osxc-direction: column; --s1osxc-direction-tablet: column; --s1osxc-direction-mobile: column; --s1osxc-padding-top: 0px; --s1osxc-padding-top-tablet: 0px; --s1osxc-padding-top-mobile: 0px; --s1osxc-padding-right: 0px; --s1osxc-padding-right-tablet: 0px; --s1osxc-padding-right-mobile: 0px; --s1osxc-padding-bottom: 0px; --s1osxc-padding-bottom-tablet: 0px; --s1osxc-padding-bottom-mobile: 0px; --s1osxc-padding-left: 0px; --s1osxc-padding-left-tablet: 0px; --s1osxc-padding-left-mobile: 0px; --s1osxc-gap: 40px; --s1osxc-gap-tablet: 36px; --s1osxc-gap-mobile: 36px; --s1osxc-align-items: stretch; --s1osxc-align-items-tablet: stretch; --s1osxc-align-items-mobile: stretch; --s1osxc-structure: columns; --s1osxc-structure-tablet: columns; --s1osxc-structure-mobile: columns; }[data-bnode="beae-s1osxc"] { padding-top: var(--s1osxc-padding-top, 0px); padding-right: var(--s1osxc-padding-right, 0px); padding-bottom: var(--s1osxc-padding-bottom, 0px); padding-left: var(--s1osxc-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--s1osxc-padding-top-tablet, 0px); padding-right: var(--s1osxc-padding-right-tablet, 0px); padding-bottom: var(--s1osxc-padding-bottom-tablet, 0px); padding-left: var(--s1osxc-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--s1osxc-padding-top-mobile, 0px); padding-right: var(--s1osxc-padding-right-mobile, 0px); padding-bottom: var(--s1osxc-padding-bottom-mobile, 0px); padding-left: var(--s1osxc-padding-left-mobile, 0px); } width: calc(100% - var(--s1osxc-padding-left, 0px) - var(--s1osxc-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--s1osxc-background-imageRatio, auto); background: var(--s1osxc-background-color); border-style: var(--s1osxc-borderStyle,solid); border-color: var(--s1osxc-borderColor,#000000); border-width: var(--s1osxc-borderWidth-tl,0px) var(--s1osxc-borderWidth-tr,0px) var(--s1osxc-borderWidth-br,0px) var(--s1osxc-borderWidth-bl,0px); border-radius: var(--s1osxc-borderRadius-tl,0px) var(--s1osxc-borderRadius-tr,0px) var(--s1osxc-borderRadius-br,0px) var(--s1osxc-borderRadius-bl,0px); box-shadow: if(style(--s1osxc-enableShadow: true): var(--s1osxc-shadowHorizontal,0) var(--s1osxc-shadowVertical,0) var(--s1osxc-shadowBlur,0) 1px var(--s1osxc-shadowColor,#000000); else: none); max-width: var(--s1osxc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s1osxc-background-imageRatio-tablet, var(--s1osxc-background-imageRatio, auto)); border-width: var(--s1osxc-borderWidth-tl-tablet,0px) var(--s1osxc-borderWidth-tr-tablet,0px) var(--s1osxc-borderWidth-br-tablet,0px) var(--s1osxc-borderWidth-bl-tablet,0px); border-radius: var(--s1osxc-borderRadius-tl-tablet,0px) var(--s1osxc-borderRadius-tr-tablet,0px) var(--s1osxc-borderRadius-br-tablet,0px) var(--s1osxc-borderRadius-bl-tablet,0px); max-width: var(--s1osxc-max-width-tablet, var(--s1osxc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s1osxc-background-imageRatio-mobile, var(--s1osxc-background-imageRatio, auto)); border-width: var(--s1osxc-borderWidth-tl-mobile,0px) var(--s1osxc-borderWidth-tr-mobile,0px) var(--s1osxc-borderWidth-br-mobile,0px) var(--s1osxc-borderWidth-bl-mobile,0px); border-radius: var(--s1osxc-borderRadius-tl-mobile,0px) var(--s1osxc-borderRadius-tr-mobile,0px) var(--s1osxc-borderRadius-br-mobile,0px) var(--s1osxc-borderRadius-bl-mobile,0px); max-width: var(--s1osxc-max-width-mobile, var(--s1osxc-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-s1osxc"] {     display: flex;     flex-direction: var(--s1osxc-direction, column);     flex-wrap: nowrap;     justify-content: var(--s1osxc-justify-content);     align-items: var(--s1osxc-align-items);     gap: var(--s1osxc-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s1osxc"] {                      align-items: var(--s1osxc-align-items-tablet, inherit);      gap: var(--s1osxc-gap-tablet, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--s1osxc-padding-right-tablet, 0px) - var(--s1osxc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-s1osxc"] {                            gap: var(--s1osxc-gap-mobile, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--s1osxc-padding-right-mobile, 0px) - var(--s1osxc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-q5lihu"] { --q5lihu-direction: column; --q5lihu-direction-tablet: column; --q5lihu-direction-mobile: column; --q5lihu-structure: columns; --q5lihu-structure-tablet: columns; --q5lihu-structure-mobile: columns; --q5lihu-gap: 12px; --q5lihu-gap-tablet: 12px; --q5lihu-gap-mobile: 12px; --q5lihu-padding-top: 0px; --q5lihu-padding-top-tablet: 0px; --q5lihu-padding-top-mobile: 0px; --q5lihu-padding-right: 0px; --q5lihu-padding-right-tablet: 0px; --q5lihu-padding-right-mobile: 0px; --q5lihu-padding-bottom: 0px; --q5lihu-padding-bottom-tablet: 0px; --q5lihu-padding-bottom-mobile: 0px; --q5lihu-padding-left: 0px; --q5lihu-padding-left-tablet: 0px; --q5lihu-padding-left-mobile: 0px; --q5lihu-borderStyle: solid; --q5lihu-borderStyle-tablet: solid; --q5lihu-borderStyle-mobile: solid; }[data-bnode="beae-q5lihu"] { padding-top: var(--q5lihu-padding-top, 0px); padding-right: var(--q5lihu-padding-right, 0px); padding-bottom: var(--q5lihu-padding-bottom, 0px); padding-left: var(--q5lihu-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--q5lihu-padding-top-tablet, 0px); padding-right: var(--q5lihu-padding-right-tablet, 0px); padding-bottom: var(--q5lihu-padding-bottom-tablet, 0px); padding-left: var(--q5lihu-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--q5lihu-padding-top-mobile, 0px); padding-right: var(--q5lihu-padding-right-mobile, 0px); padding-bottom: var(--q5lihu-padding-bottom-mobile, 0px); padding-left: var(--q5lihu-padding-left-mobile, 0px); } width: calc(100% - var(--q5lihu-padding-left, 0px) - var(--q5lihu-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--q5lihu-background-imageRatio, auto); background: var(--q5lihu-background-color); border-style: var(--q5lihu-borderStyle,solid); border-color: var(--q5lihu-borderColor,#000000); border-width: var(--q5lihu-borderWidth-tl,0px) var(--q5lihu-borderWidth-tr,0px) var(--q5lihu-borderWidth-br,0px) var(--q5lihu-borderWidth-bl,0px); border-radius: var(--q5lihu-borderRadius-tl,0px) var(--q5lihu-borderRadius-tr,0px) var(--q5lihu-borderRadius-br,0px) var(--q5lihu-borderRadius-bl,0px); box-shadow: if(style(--q5lihu-enableShadow: true): var(--q5lihu-shadowHorizontal,0) var(--q5lihu-shadowVertical,0) var(--q5lihu-shadowBlur,0) 1px var(--q5lihu-shadowColor,#000000); else: none); max-width: var(--q5lihu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--q5lihu-background-imageRatio-tablet, var(--q5lihu-background-imageRatio, auto)); border-width: var(--q5lihu-borderWidth-tl-tablet,0px) var(--q5lihu-borderWidth-tr-tablet,0px) var(--q5lihu-borderWidth-br-tablet,0px) var(--q5lihu-borderWidth-bl-tablet,0px); border-radius: var(--q5lihu-borderRadius-tl-tablet,0px) var(--q5lihu-borderRadius-tr-tablet,0px) var(--q5lihu-borderRadius-br-tablet,0px) var(--q5lihu-borderRadius-bl-tablet,0px); max-width: var(--q5lihu-max-width-tablet, var(--q5lihu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--q5lihu-background-imageRatio-mobile, var(--q5lihu-background-imageRatio, auto)); border-width: var(--q5lihu-borderWidth-tl-mobile,0px) var(--q5lihu-borderWidth-tr-mobile,0px) var(--q5lihu-borderWidth-br-mobile,0px) var(--q5lihu-borderWidth-bl-mobile,0px); border-radius: var(--q5lihu-borderRadius-tl-mobile,0px) var(--q5lihu-borderRadius-tr-mobile,0px) var(--q5lihu-borderRadius-br-mobile,0px) var(--q5lihu-borderRadius-bl-mobile,0px); max-width: var(--q5lihu-max-width-mobile, var(--q5lihu-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-q5lihu"] {     display: flex;     flex-direction: var(--q5lihu-direction, column);     flex-wrap: nowrap;     justify-content: var(--q5lihu-justify-content);     align-items: var(--q5lihu-align-items);     gap: var(--q5lihu-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-q5lihu"] {                            gap: var(--q5lihu-gap-tablet, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--q5lihu-padding-right-tablet, 0px) - var(--q5lihu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-q5lihu"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--q5lihu-padding-right-mobile, 0px) - var(--q5lihu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5f775w"] { --beae-p-font-size: 18px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --5f775w-typography: p; --5f775w-typography-tablet: p; --5f775w-typography-mobile: p; --5f775w-margin-top: 0px; --5f775w-margin-top-tablet: 0px; --5f775w-margin-top-mobile: 0px; --5f775w-margin-right: 0px; --5f775w-margin-right-tablet: 0px; --5f775w-margin-right-mobile: 0px; --5f775w-margin-bottom: 0px; --5f775w-margin-bottom-tablet: 0px; --5f775w-margin-bottom-mobile: 0px; --5f775w-margin-left: 0px; --5f775w-margin-left-tablet: 0px; --5f775w-margin-left-mobile: 0px; }[data-bnode="beae-5f775w"] { margin-top: var(--5f775w-margin-top, 0px); margin-right: var(--5f775w-margin-right, 0px); margin-bottom: var(--5f775w-margin-bottom, 0px); margin-left: var(--5f775w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5f775w-margin-top-tablet, 0px); margin-right: var(--5f775w-margin-right-tablet, 0px); margin-bottom: var(--5f775w-margin-bottom-tablet, 0px); margin-left: var(--5f775w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5f775w-margin-top-mobile, 0px); margin-right: var(--5f775w-margin-right-mobile, 0px); margin-bottom: var(--5f775w-margin-bottom-mobile, 0px); margin-left: var(--5f775w-margin-left-mobile, 0px); } }[data-bnode="beae-p4ev5m"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 34px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #1D1D1F; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --p4ev5m-typography: h2; --p4ev5m-typography-tablet: h2; --p4ev5m-typography-mobile: h2; --beae-h3-font-size-tablet: 22px; --beae-h3-font-size-mobile: 20px; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --p4ev5m-margin-top: 0px; --p4ev5m-margin-top-tablet: 0px; --p4ev5m-margin-top-mobile: 0px; --p4ev5m-margin-right: 0px; --p4ev5m-margin-right-tablet: 0px; --p4ev5m-margin-right-mobile: 0px; --p4ev5m-margin-bottom: 0px; --p4ev5m-margin-bottom-tablet: 0px; --p4ev5m-margin-bottom-mobile: 0px; --p4ev5m-margin-left: 0px; --p4ev5m-margin-left-tablet: 0px; --p4ev5m-margin-left-mobile: 0px; --p4ev5m-highlightColor: #F9B690; --p4ev5m-highlightColor-tablet: #F9B690; --p4ev5m-highlightColor-mobile: #F9B690; --p4ev5m-highlightThickness: 6; --p4ev5m-highlightThickness-tablet: 6; --p4ev5m-highlightThickness-mobile: 6; --p4ev5m-highlightTop: 90%; --p4ev5m-highlightTop-tablet: 90%; --p4ev5m-highlightTop-mobile: 90%; }[data-bnode="beae-p4ev5m"] { margin-top: var(--p4ev5m-margin-top, 0px); margin-right: var(--p4ev5m-margin-right, 0px); margin-bottom: var(--p4ev5m-margin-bottom, 0px); margin-left: var(--p4ev5m-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p4ev5m-margin-top-tablet, 0px); margin-right: var(--p4ev5m-margin-right-tablet, 0px); margin-bottom: var(--p4ev5m-margin-bottom-tablet, 0px); margin-left: var(--p4ev5m-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p4ev5m-margin-top-mobile, 0px); margin-right: var(--p4ev5m-margin-right-mobile, 0px); margin-bottom: var(--p4ev5m-margin-bottom-mobile, 0px); margin-left: var(--p4ev5m-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--p4ev5m-highlightColor,var(--beae-p-color)); top: var(--p4ev5m-highlightTop, 100%); } }[data-bnode="beae-lnooiq"] { --lnooiq-columns: 1; --lnooiq-columns-tablet: 1; --lnooiq-columns-mobile: 1; --lnooiq-gap: 28px; --lnooiq-gap-tablet: 28px; --lnooiq-gap-mobile: 20px; --lnooiq-navType: true; --lnooiq-navType-tablet: true; --lnooiq-navType-mobile: true; --lnooiq-pagiType: false; --lnooiq-pagiType-tablet: false; --lnooiq-pagiType-mobile: false; --lnooiq-listType: grid; --lnooiq-listType-tablet: grid; --lnooiq-listType-mobile: grid; --lnooiq-stateNavigation: normal; --lnooiq-stateNavigation-tablet: normal; --lnooiq-stateNavigation-mobile: normal; --lnooiq-statePagination: normal; --lnooiq-statePagination-tablet: normal; --lnooiq-statePagination-mobile: normal; --lnooiq-stateNavigtion: normal; --lnooiq-stateNavigtion-tablet: normal; --lnooiq-stateNavigtion-mobile: normal; --lnooiq-columnsMobile-mobile: 1; } [data-bnode="beae-lnooiq"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-lnooiq"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-lnooiq"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-lnooiq"] [data-bnode="beae-7chz7j"] { --7chz7j-width: 100%; --7chz7j-imageRatio: auto; --7chz7j-objFit: cover; --7chz7j-borderColor: #000000; --7chz7j-shadowColor: #000000; --7chz7j-borderStyle: none; --7chz7j-enableShadow: false; } [data-bnode="beae-lnooiq"] [data-bnode="beae-47kx0d"] { --47kx0d-typography: h4; --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #1D1D1F; --beae-h4-font-weight: 600; --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: none; } [data-bnode="beae-lnooiq"] [data-bnode="beae-76y0ou"] { --76y0ou-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; } [data-bnode="beae-lnooiq"] [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: 12px; --be-ctl-item-gap-tablet: 12px; --be-ctl-item-gap-mobile: 12px; --be-ctl-item-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderWidth-tl: 0px; --be-ctl-item-borderWidth-tl-tablet: 0px; --be-ctl-item-borderWidth-tl-mobile: 0px; --be-ctl-item-borderWidth-tr: 0px; --be-ctl-item-borderWidth-tr-tablet: 0px; --be-ctl-item-borderWidth-tr-mobile: 0px; --be-ctl-item-borderWidth-bl: 0px; --be-ctl-item-borderWidth-bl-tablet: 0px; --be-ctl-item-borderWidth-bl-mobile: 0px; --be-ctl-item-borderWidth-br: 1px; --be-ctl-item-borderWidth-br-tablet: 1px; --be-ctl-item-borderWidth-br-mobile: 1px; --be-ctl-item-padding-top: 0px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom: 28px; --be-ctl-item-padding-bottom-tablet: 28px; --be-ctl-item-padding-bottom-mobile: 20px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-borderColor: #e6e6e6; --be-ctl-item-borderColor-tablet: #e6e6e6; --be-ctl-item-borderColor-mobile: #e6e6e6; }[data-bnode="beae-lnooiq"] { margin-top: var(--lnooiq-margin-top, 0px); margin-right: var(--lnooiq-margin-right, 0px); margin-bottom: var(--lnooiq-margin-bottom, 0px); margin-left: var(--lnooiq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lnooiq-margin-top-tablet, 0px); margin-right: var(--lnooiq-margin-right-tablet, 0px); margin-bottom: var(--lnooiq-margin-bottom-tablet, 0px); margin-left: var(--lnooiq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lnooiq-margin-top-mobile, 0px); margin-right: var(--lnooiq-margin-right-mobile, 0px); margin-bottom: var(--lnooiq-margin-bottom-mobile, 0px); margin-left: var(--lnooiq-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--lnooiq-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - var(--lnooiq-gap, 20px) * (var(--lnooiq-columns, 3) - 1) + 1px) / var(--lnooiq-columns, 3) ); &:last-child { margin-right: var(--lnooiq-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--lnooiq-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lnooiq-columns) - 1) * var(--lnooiq-gap, 20px)) / var(--lnooiq-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--lnooiq-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--lnooiq-gap-tablet, 20px) * (var(--lnooiq-columns-tablet, 3) - 1) ) / var(--lnooiq-columns-tablet, 3) ); &:last-child { margin-right: var(--lnooiq-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--lnooiq-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lnooiq-columns-tablet) - 1) * var(--lnooiq-gap-tablet, 20px)) / var(--lnooiq-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--lnooiq-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--lnooiq-gap-mobile, 20px) * (var(--lnooiq-columnsMobile-mobile, 1) - 1) ) / var(--lnooiq-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--lnooiq-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--lnooiq-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--lnooiq-columnsMobile-mobile) - 1) * var(--lnooiq-gap-mobile, 20px) ) / var(--lnooiq-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--lnooiq-navPadding, 12px); background: var(--lnooiq-navBg, #f5f5f5); color: var(--lnooiq-navColor, #333333); cursor: pointer; &:hover { background: var(--lnooiq-navBgHover, #cccccc); color: var(--lnooiq-navColorHover, #333333); } svg { width: var(--lnooiq-navIconSize, 20px); height: var(--lnooiq-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lnooiq-pagiBg, #e6e6e6); &.active { background: var(--lnooiq-pagiBgActive, #181818); } &:not(.active):hover { background: var(--lnooiq-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--lnooiq-pagiColor, #e6e6e6); &.active { color: var(--lnooiq-pagiColorActive, #181818); } &:not(.active):hover { color: var(--lnooiq-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--lnooiq-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lnooiq-pagiBg, #e6e6e6); &.active { background: var(--lnooiq-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--lnooiq-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-lnooiq"] [data-bnode="beae-47kx0d"] { margin-top: var(--47kx0d-margin-top, 0px); margin-right: var(--47kx0d-margin-right, 0px); margin-bottom: var(--47kx0d-margin-bottom, 0px); margin-left: var(--47kx0d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--47kx0d-margin-top-tablet, 0px); margin-right: var(--47kx0d-margin-right-tablet, 0px); margin-bottom: var(--47kx0d-margin-bottom-tablet, 0px); margin-left: var(--47kx0d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--47kx0d-margin-top-mobile, 0px); margin-right: var(--47kx0d-margin-right-mobile, 0px); margin-bottom: var(--47kx0d-margin-bottom-mobile, 0px); margin-left: var(--47kx0d-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--47kx0d-highlightColor,var(--beae-p-color)); top: var(--47kx0d-highlightTop, 100%); } } [data-bnode="beae-lnooiq"] [data-bnode="beae-76y0ou"] { margin-top: var(--76y0ou-margin-top, 0px); margin-right: var(--76y0ou-margin-right, 0px); margin-bottom: var(--76y0ou-margin-bottom, 0px); margin-left: var(--76y0ou-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--76y0ou-margin-top-tablet, 0px); margin-right: var(--76y0ou-margin-right-tablet, 0px); margin-bottom: var(--76y0ou-margin-bottom-tablet, 0px); margin-left: var(--76y0ou-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--76y0ou-margin-top-mobile, 0px); margin-right: var(--76y0ou-margin-right-mobile, 0px); margin-bottom: var(--76y0ou-margin-bottom-mobile, 0px); margin-left: var(--76y0ou-margin-left-mobile, 0px); } } [data-bnode="beae-lnooiq"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, 0px); padding-right: var(--be-ctl-item-padding-right, 0px); padding-bottom: var(--be-ctl-item-padding-bottom, 0px); padding-left: var(--be-ctl-item-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, 0px); padding-right: var(--be-ctl-item-padding-right-tablet, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, 0px); padding-left: var(--be-ctl-item-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, 0px); padding-right: var(--be-ctl-item-padding-right-mobile, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, 0px); padding-left: var(--be-ctl-item-padding-left-mobile, 0px); } width: calc(100% - var(--be-ctl-item-padding-left, 0px) - var(--be-ctl-item-padding-right, 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); 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%)); } > * { 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-lnooiq"] [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, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lnooiq"] [data-bnode="be-ctl-item"] {                                          &>.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-lnooiq"] [data-bnode="be-ctl-item"] {                                          &>.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-kocfxc"] { --kocfxc-width: 1392px; --kocfxc-width-tablet: 1392px; --kocfxc-width-mobile: 1392px; --kocfxc-height: fit-content; --kocfxc-height-tablet: fit-content; --kocfxc-height-mobile: fit-content; --kocfxc-direction: column; --kocfxc-direction-tablet: column; --kocfxc-direction-mobile: column; --kocfxc-structure: columns; --kocfxc-structure-tablet: columns; --kocfxc-structure-mobile: columns; --kocfxc-padding-top: 0px; --kocfxc-padding-top-tablet: 0px; --kocfxc-padding-top-mobile: 0px; --kocfxc-padding-right: 28px; --kocfxc-padding-right-tablet: 28px; --kocfxc-padding-right-mobile: 28px; --kocfxc-padding-bottom: 112px; --kocfxc-padding-bottom-tablet: 112px; --kocfxc-padding-bottom-mobile: 112px; --kocfxc-padding-left: 28px; --kocfxc-padding-left-tablet: 28px; --kocfxc-padding-left-mobile: 28px; --kocfxc-align-items: stretch; --kocfxc-align-items-tablet: stretch; --kocfxc-align-items-mobile: stretch; --kocfxc-gap: 40px; --kocfxc-gap-tablet: 40px; --kocfxc-gap-mobile: 40px; }[data-bnode="beae-kocfxc"] { padding-top: var(--kocfxc-padding-top, 0px); padding-right: var(--kocfxc-padding-right, 0px); padding-bottom: var(--kocfxc-padding-bottom, 0px); padding-left: var(--kocfxc-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--kocfxc-padding-top-tablet, 0px); padding-right: var(--kocfxc-padding-right-tablet, 0px); padding-bottom: var(--kocfxc-padding-bottom-tablet, 0px); padding-left: var(--kocfxc-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--kocfxc-padding-top-mobile, 0px); padding-right: var(--kocfxc-padding-right-mobile, 0px); padding-bottom: var(--kocfxc-padding-bottom-mobile, 0px); padding-left: var(--kocfxc-padding-left-mobile, 0px); } width: calc(100% - var(--kocfxc-padding-left, 0px) - var(--kocfxc-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--kocfxc-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--kocfxc-height); width: 100%; max-width: var(--kocfxc-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(--kocfxc-background-color-tablet, var(--kocfxc-background-color)); & .beae-section-container { height: var(--kocfxc-height-tablet, auto); width: 100%; max-width: var(--kocfxc-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--kocfxc-background-color-mobile, var(--kocfxc-background-color-tablet, var(--kocfxc-background-color))); & .beae-section-container { height: var(--kocfxc-height-mobile, auto); width: 100%; max-width: var(--kocfxc-width-mobile, 100%); } } } }[data-bnode="beae-kocfxc"] > .beae-section-container{     display: flex;     flex-direction: var(--kocfxc-direction, column);     flex-wrap: nowrap;     justify-content: var(--kocfxc-justify-content);     align-items: var(--kocfxc-align-items);     gap: var(--kocfxc-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kocfxc"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kocfxc-padding-right-tablet, 0px) - var(--kocfxc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kocfxc"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kocfxc-padding-right-mobile, 0px) - var(--kocfxc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-feag0r"] { --feag0r-direction: row; --feag0r-direction-tablet: row; --feag0r-direction-mobile: row; --feag0r-structure: columns; --feag0r-structure-tablet: columns; --feag0r-structure-mobile: columns; }[data-bnode="beae-feag0r"] { padding-top: var(--feag0r-padding-top, 0px); padding-right: var(--feag0r-padding-right, 0px); padding-bottom: var(--feag0r-padding-bottom, 0px); padding-left: var(--feag0r-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--feag0r-padding-top-tablet, 0px); padding-right: var(--feag0r-padding-right-tablet, 0px); padding-bottom: var(--feag0r-padding-bottom-tablet, 0px); padding-left: var(--feag0r-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--feag0r-padding-top-mobile, 0px); padding-right: var(--feag0r-padding-right-mobile, 0px); padding-bottom: var(--feag0r-padding-bottom-mobile, 0px); padding-left: var(--feag0r-padding-left-mobile, 0px); } width: calc(100% - var(--feag0r-padding-left, 0px) - var(--feag0r-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--feag0r-background-imageRatio, auto); background: var(--feag0r-background-color); border-style: var(--feag0r-borderStyle,solid); border-color: var(--feag0r-borderColor,#000000); border-width: var(--feag0r-borderWidth-tl,0px) var(--feag0r-borderWidth-tr,0px) var(--feag0r-borderWidth-br,0px) var(--feag0r-borderWidth-bl,0px); border-radius: var(--feag0r-borderRadius-tl,0px) var(--feag0r-borderRadius-tr,0px) var(--feag0r-borderRadius-br,0px) var(--feag0r-borderRadius-bl,0px); box-shadow: if(style(--feag0r-enableShadow: true): var(--feag0r-shadowHorizontal,0) var(--feag0r-shadowVertical,0) var(--feag0r-shadowBlur,0) 1px var(--feag0r-shadowColor,#000000); else: none); max-width: var(--feag0r-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--feag0r-background-imageRatio-tablet, var(--feag0r-background-imageRatio, auto)); border-width: var(--feag0r-borderWidth-tl-tablet,0px) var(--feag0r-borderWidth-tr-tablet,0px) var(--feag0r-borderWidth-br-tablet,0px) var(--feag0r-borderWidth-bl-tablet,0px); border-radius: var(--feag0r-borderRadius-tl-tablet,0px) var(--feag0r-borderRadius-tr-tablet,0px) var(--feag0r-borderRadius-br-tablet,0px) var(--feag0r-borderRadius-bl-tablet,0px); max-width: var(--feag0r-max-width-tablet, var(--feag0r-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--feag0r-background-imageRatio-mobile, var(--feag0r-background-imageRatio, auto)); border-width: var(--feag0r-borderWidth-tl-mobile,0px) var(--feag0r-borderWidth-tr-mobile,0px) var(--feag0r-borderWidth-br-mobile,0px) var(--feag0r-borderWidth-bl-mobile,0px); border-radius: var(--feag0r-borderRadius-tl-mobile,0px) var(--feag0r-borderRadius-tr-mobile,0px) var(--feag0r-borderRadius-br-mobile,0px) var(--feag0r-borderRadius-bl-mobile,0px); max-width: var(--feag0r-max-width-mobile, var(--feag0r-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-feag0r"] {     display: flex;     flex-direction: var(--feag0r-direction, column);     flex-wrap: nowrap;     justify-content: var(--feag0r-justify-content);     align-items: var(--feag0r-align-items);     gap: var(--feag0r-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--feag0r-padding-right, 0px) - var(--feag0r-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-feag0r"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--feag0r-padding-right-tablet, 0px) - var(--feag0r-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-feag0r"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--feag0r-padding-right-mobile, 0px) - var(--feag0r-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2tu5z7"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #1D1D1F; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --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: none; --2tu5z7-typography: h2; --2tu5z7-typography-tablet: h2; --2tu5z7-typography-mobile: h2; --beae-h2-text-align: center; --2tu5z7-highlightColor: #f9b690; --2tu5z7-highlightColor-tablet: #f9b690; --2tu5z7-highlightColor-mobile: #f9b690; --2tu5z7-highlightThickness: 6; --2tu5z7-highlightThickness-tablet: 6; --2tu5z7-highlightThickness-mobile: 6; --2tu5z7-highlightTop: 90%; --2tu5z7-highlightTop-tablet: 90%; --2tu5z7-highlightTop-mobile: 90%; }[data-bnode="beae-2tu5z7"] { margin-top: var(--2tu5z7-margin-top, 0px); margin-right: var(--2tu5z7-margin-right, 0px); margin-bottom: var(--2tu5z7-margin-bottom, 0px); margin-left: var(--2tu5z7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2tu5z7-margin-top-tablet, 0px); margin-right: var(--2tu5z7-margin-right-tablet, 0px); margin-bottom: var(--2tu5z7-margin-bottom-tablet, 0px); margin-left: var(--2tu5z7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2tu5z7-margin-top-mobile, 0px); margin-right: var(--2tu5z7-margin-right-mobile, 0px); margin-bottom: var(--2tu5z7-margin-bottom-mobile, 0px); margin-left: var(--2tu5z7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--2tu5z7-highlightColor,var(--beae-p-color)); top: var(--2tu5z7-highlightTop, 100%); } }[data-bnode="beae-awfyts"] { --awfyts-columns: 3; --awfyts-columns-tablet: 2.1; --awfyts-columns-mobile: 1; --awfyts-gap: 32px; --awfyts-gap-tablet: 16px; --awfyts-gap-mobile: 20px; --awfyts-navType: false; --awfyts-navType-tablet: false; --awfyts-navType-mobile: false; --awfyts-pagiType: false; --awfyts-pagiType-tablet: false; --awfyts-pagiType-mobile: false; --awfyts-listType: slider; --awfyts-listType-tablet: slider; --awfyts-listType-mobile: slider; --awfyts-stateNavigation: normal; --awfyts-stateNavigation-tablet: normal; --awfyts-stateNavigation-mobile: normal; --awfyts-statePagination: normal; --awfyts-statePagination-tablet: normal; --awfyts-statePagination-mobile: normal; --awfyts-stateNavigtion: normal; --awfyts-stateNavigtion-tablet: normal; --awfyts-stateNavigtion-mobile: normal; --awfyts-columnsMobile-mobile: 1; } [data-bnode="beae-awfyts"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-awfyts"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-awfyts"] [data-bnode="beae-r2it2q"] { --r2it2q-direction: column; --r2it2q-structure: columns; --r2it2q-borderStyle: none; } [data-bnode="beae-awfyts"] [data-bnode="beae-x66zs5"] { --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #FFF; --beae-btn-pr-background-color: #2F3F28; --x66zs5-transform: none; --x66zs5-iconWidth: 20px; --x66zs5-iconGap: 5px; } [data-bnode="beae-awfyts"] [data-bnode="beae-cpgd2c"] { --beae-btn-font-size: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 42px; --beae-btn-padding: 33px; --beae-btn-padding-tablet: 25px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #1D1D1F; --beae-btn-pr-background-color: #FFFFFF; --cpgd2c-transform: none; --cpgd2c-iconWidth: 20px; --cpgd2c-iconGap: 5px; --cpgd2c-labelPrHover: #1D1D1F; --cpgd2c-bgPrHover: #ffffff; --beae-btn-font-size-mobile: 15px; --beae-btn-height-mobile: 36px; --beae-btn-padding-mobile: 21px; --beae-btn-text-transform: capitalize; } [data-bnode="beae-awfyts"] [data-bnode="beae-rqlx5q"] { --rqlx5q-structure: auto; --rqlx5q-max-width: fit-content; } [data-bnode="beae-awfyts"] [data-bnode="beae-5nxmlj"] { --5nxmlj-imageRatio: 6/7; --5nxmlj-borderRadius-tl: 24px; --5nxmlj-borderRadius-tr: 24px; --5nxmlj-borderRadius-bl: 24px; --5nxmlj-borderRadius-br: 24px; --5nxmlj-width: 100%; --5nxmlj-overlayColor-type: color; --5nxmlj-overlayColor-color: #ffffff00; --5nxmlj-enableShadow: false; --5nxmlj-borderWidth-tl: 0px; --5nxmlj-borderWidth-tr: 0px; --5nxmlj-borderWidth-bl: 0px; --5nxmlj-borderWidth-br: 0px; --5nxmlj-imageRatio-tablet: 1/1; --5nxmlj-imageRatio-mobile: 1/1; } [data-bnode="beae-awfyts"] [data-bnode="beae-6n98ew"] { --6n98ew-direction: column; --6n98ew-structure: columns; --6n98ew-gap: 8px; --6n98ew-padding-top: 0px; --6n98ew-padding-right: 24px; --6n98ew-padding-bottom: 0px; --6n98ew-padding-left: 24px; } [data-bnode="beae-awfyts"] [data-bnode="beae-bogiw8"] { --bogiw8-typography: h4; --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #1D1D1F; --beae-h4-font-weight: 600; --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: none; } [data-bnode="beae-awfyts"] [data-bnode="beae-ituxmx"] { --beae-p-font-weight: 600; --ituxmx-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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; --ituxmx-margin-top: 0px; --ituxmx-margin-right: 0px; --ituxmx-margin-bottom: 0px; --ituxmx-margin-left: 0px; } [data-bnode="beae-awfyts"] [data-bnode="beae-r33kwm"] { --beae-p-font-weight: 500; } [data-bnode="beae-awfyts"] [data-bnode="beae-d93u53"] { --beae-btn-text-transform: capitalize; --beae-btn-pr-label-color: #1D1D1F; --beae-btn-pr-background-color: #FFFFFF; --d93u53-labelPrHover: #2f3f28; --d93u53-bgPrHover: #FFFFFF; --d93u53-borderPrHover: #FFFFFF; --beae-btn-font-size-mobile: 15px; --beae-btn-height-mobile: 35px; --beae-btn-padding-mobile: 20px; } [data-bnode="beae-awfyts"] [data-bnode="beae-5nxmlj"] { --5nxmlj-width: 100%; --5nxmlj-width-tablet: 100%; --5nxmlj-width-mobile: 100%; --5nxmlj-imageRatio: auto; --5nxmlj-imageRatio-tablet: auto; --5nxmlj-imageRatio-mobile: auto; --5nxmlj-objFit: cover; --5nxmlj-objFit-tablet: cover; --5nxmlj-objFit-mobile: cover; --5nxmlj-borderColor: #000000; --5nxmlj-borderColor-tablet: #000000; --5nxmlj-borderColor-mobile: #000000; --5nxmlj-shadowColor: #000000; --5nxmlj-shadowColor-tablet: #000000; --5nxmlj-shadowColor-mobile: #000000; --5nxmlj-borderStyle: none; --5nxmlj-borderStyle-tablet: none; --5nxmlj-borderStyle-mobile: none; --5nxmlj-enableShadow: false; --5nxmlj-enableShadow-tablet: false; --5nxmlj-enableShadow-mobile: false; } [data-bnode="beae-awfyts"] [data-bnode="beae-rqlx5q"] { --rqlx5q-direction: row; --rqlx5q-direction-tablet: row; --rqlx5q-direction-mobile: row; --rqlx5q-structure: columns; --rqlx5q-structure-tablet: columns; --rqlx5q-structure-mobile: columns; } [data-bnode="beae-awfyts"] [data-bnode="beae-d93u53"] { --d93u53-width: fill; --d93u53-width-tablet: fill; --d93u53-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #FFF; --beae-btn-pr-background-color: #2F3F28; --beae-btn-text-transform: capitalize; --d93u53-iconWidth: 20px; --d93u53-iconWidth-tablet: 20px; --d93u53-iconWidth-mobile: 20px; --d93u53-iconGap: 5px; --d93u53-iconGap-tablet: 5px; --d93u53-iconGap-mobile: 5px; --d93u53-button: pr; --d93u53-button-tablet: pr; --d93u53-button-mobile: pr; } [data-bnode="beae-awfyts"] [data-bnode="beae-bogiw8"] { --beae-h3-font-size: 30px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 24px; --beae-h3-color: #1D1D1F; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 600; --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: none; --bogiw8-typography: h3; --bogiw8-typography-tablet: h3; --bogiw8-typography-mobile: h3; } [data-bnode="beae-awfyts"] [data-bnode="beae-r33kwm"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; --r33kwm-typography: p; --r33kwm-typography-tablet: p; --r33kwm-typography-mobile: p; --beae-p-text-align: start; } [data-bnode="beae-awfyts"] [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: 24px; --be-ctl-item-gap-tablet: 24px; --be-ctl-item-gap-mobile: 24px; }[data-bnode="beae-awfyts"] { margin-top: var(--awfyts-margin-top, 0px); margin-right: var(--awfyts-margin-right, 0px); margin-bottom: var(--awfyts-margin-bottom, 0px); margin-left: var(--awfyts-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--awfyts-margin-top-tablet, 0px); margin-right: var(--awfyts-margin-right-tablet, 0px); margin-bottom: var(--awfyts-margin-bottom-tablet, 0px); margin-left: var(--awfyts-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--awfyts-margin-top-mobile, 0px); margin-right: var(--awfyts-margin-right-mobile, 0px); margin-bottom: var(--awfyts-margin-bottom-mobile, 0px); margin-left: var(--awfyts-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--awfyts-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--awfyts-gap,20px) * (var(--awfyts-columns, 3) - 1) + 1px) / var(--awfyts-columns, 3)); &:last-child{ margin-right: var(--awfyts-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(--awfyts-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--awfyts-columns) - 1) * var(--awfyts-gap,20px)) / var(--awfyts-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--awfyts-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--awfyts-gap-tablet,20px) * (var(--awfyts-columns-tablet, 3) - 1)) / var(--awfyts-columns-tablet, 3)); &:last-child{ margin-right: var(--awfyts-gap-tablet,20px); } } } } & .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(--awfyts-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--awfyts-columns-tablet) - 1) * var(--awfyts-gap-tablet,20px)) / var(--awfyts-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--awfyts-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--awfyts-gap-mobile,20px) * (var(--awfyts-columnsMobile-mobile, 1) - 1)) / var(--awfyts-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--awfyts-gap-mobile,20px); } } } } & .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(--awfyts-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--awfyts-columnsMobile-mobile) - 1) * var(--awfyts-gap-mobile,20px)) / var(--awfyts-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--awfyts-navPadding,12px); background:var(--awfyts-navBg,#F5F5F5); color: var(--awfyts-navColor,#333333); cursor: pointer; &:hover { background:var(--awfyts-navBgHover,#CCCCCC); color: var(--awfyts-navColorHover,#333333); } svg { width: var(--awfyts-navIconSize,20px); height: var(--awfyts-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--awfyts-pagiBg,#E6E6E6); &.active { background:var(--awfyts-pagiBgActive,#181818); } &:not(.active):hover { background:var(--awfyts-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--awfyts-pagiColor,#e6e6e6); &.active { color:var(--awfyts-pagiColorActive,#181818); } &:not(.active):hover { color: var(--awfyts-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--awfyts-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--awfyts-pagiBg,#E6E6E6); &.active { background: var(--awfyts-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--awfyts-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-awfyts"] [data-bnode="beae-r2it2q"] { padding-top: var(--r2it2q-padding-top, 0px); padding-right: var(--r2it2q-padding-right, 0px); padding-bottom: var(--r2it2q-padding-bottom, 0px); padding-left: var(--r2it2q-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--r2it2q-padding-top-tablet, 0px); padding-right: var(--r2it2q-padding-right-tablet, 0px); padding-bottom: var(--r2it2q-padding-bottom-tablet, 0px); padding-left: var(--r2it2q-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--r2it2q-padding-top-mobile, 0px); padding-right: var(--r2it2q-padding-right-mobile, 0px); padding-bottom: var(--r2it2q-padding-bottom-mobile, 0px); padding-left: var(--r2it2q-padding-left-mobile, 0px); } width: calc(100% - var(--r2it2q-padding-left, 0px) - var(--r2it2q-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--r2it2q-background-imageRatio, auto); background: var(--r2it2q-background-color); border-style: var(--r2it2q-borderStyle, solid); border-color: var(--r2it2q-borderColor, #000000); border-width: var(--r2it2q-borderWidth-tl, 0px) var(--r2it2q-borderWidth-tr, 0px) var(--r2it2q-borderWidth-br, 0px) var(--r2it2q-borderWidth-bl, 0px); border-radius: var(--r2it2q-borderRadius-tl, 0px) var(--r2it2q-borderRadius-tr, 0px) var(--r2it2q-borderRadius-br, 0px) var(--r2it2q-borderRadius-bl, 0px); box-shadow: if( style(--r2it2q-enableShadow: true): var(--r2it2q-shadowHorizontal, 0) var(--r2it2q-shadowVertical, 0) var(--r2it2q-shadowBlur, 0) 1px var(--r2it2q-shadowColor, #000000) ; else: none ); max-width: var(--r2it2q-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--r2it2q-background-imageRatio-tablet, var(--r2it2q-background-imageRatio, auto) ); border-width: var(--r2it2q-borderWidth-tl-tablet, 0px) var(--r2it2q-borderWidth-tr-tablet, 0px) var(--r2it2q-borderWidth-br-tablet, 0px) var(--r2it2q-borderWidth-bl-tablet, 0px); border-radius: var(--r2it2q-borderRadius-tl-tablet, 0px) var(--r2it2q-borderRadius-tr-tablet, 0px) var(--r2it2q-borderRadius-br-tablet, 0px) var(--r2it2q-borderRadius-bl-tablet, 0px); max-width: var(--r2it2q-max-width-tablet, var(--r2it2q-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--r2it2q-background-imageRatio-mobile, var(--r2it2q-background-imageRatio, auto) ); border-width: var(--r2it2q-borderWidth-tl-mobile, 0px) var(--r2it2q-borderWidth-tr-mobile, 0px) var(--r2it2q-borderWidth-br-mobile, 0px) var(--r2it2q-borderWidth-bl-mobile, 0px); border-radius: var(--r2it2q-borderRadius-tl-mobile, 0px) var(--r2it2q-borderRadius-tr-mobile, 0px) var(--r2it2q-borderRadius-br-mobile, 0px) var(--r2it2q-borderRadius-bl-mobile, 0px); max-width: var(--r2it2q-max-width-mobile, var(--r2it2q-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; } } } &.beae-slot > .beae-media-wrapper { position: relative; } } [data-bnode="beae-awfyts"] [data-bnode="beae-5nxmlj"] { margin-top: var(--5nxmlj-margin-top, 0px); margin-right: var(--5nxmlj-margin-right, 0px); margin-bottom: var(--5nxmlj-margin-bottom, 0px); margin-left: var(--5nxmlj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5nxmlj-margin-top-tablet, 0px); margin-right: var(--5nxmlj-margin-right-tablet, 0px); margin-bottom: var(--5nxmlj-margin-bottom-tablet, 0px); margin-left: var(--5nxmlj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5nxmlj-margin-top-mobile, 0px); margin-right: var(--5nxmlj-margin-right-mobile, 0px); margin-bottom: var(--5nxmlj-margin-bottom-mobile, 0px); margin-left: var(--5nxmlj-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--5nxmlj-width, 100%) - var(--5nxmlj-margin-left, 0px) - var(--5nxmlj-margin-right, 0px) ); min-height: min-content; border-style: var(--5nxmlj-borderStyle, solid); border-color: var(--5nxmlj-borderColor, #000000); border-width: var(--5nxmlj-borderWidth-tl, 0px) var(--5nxmlj-borderWidth-tr, 0px) var(--5nxmlj-borderWidth-br, 0px) var(--5nxmlj-borderWidth-bl, 0px); border-radius: var(--5nxmlj-borderRadius-tl, 0px) var(--5nxmlj-borderRadius-tr, 0px) var(--5nxmlj-borderRadius-br, 0px) var(--5nxmlj-borderRadius-bl, 0px); aspect-ratio: var(--5nxmlj-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5nxmlj-borderWidth-tl-tablet, var(--5nxmlj-borderWidth-tl, 0px)) var(--5nxmlj-borderWidth-tr-tablet, var(--5nxmlj-borderWidth-tr, 0px)) var(--5nxmlj-borderWidth-br-tablet, var(--5nxmlj-borderWidth-br, 0px)) var(--5nxmlj-borderWidth-bl-tablet, var(--5nxmlj-borderWidth-bl, 0px)); border-radius: var(--5nxmlj-borderRadius-tl-tablet, var(--5nxmlj-borderRadius-tl, 0px)) var(--5nxmlj-borderRadius-tr-tablet, var(--5nxmlj-borderRadius-tr, 0px)) var(--5nxmlj-borderRadius-br-tablet, var(--5nxmlj-borderRadius-br, 0px)) var(--5nxmlj-borderRadius-bl-tablet, var(--5nxmlj-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--5nxmlj-borderWidth-tl-mobile, var(--5nxmlj-borderWidth-tl, 0px)) var(--5nxmlj-borderWidth-tr-mobile, var(--5nxmlj-borderWidth-tr, 0px)) var(--5nxmlj-borderWidth-br-mobile, var(--5nxmlj-borderWidth-br, 0px)) var(--5nxmlj-borderWidth-bl-mobile, var(--5nxmlj-borderWidth-bl, 0px)); border-radius: var(--5nxmlj-borderRadius-tl-mobile, var(--5nxmlj-borderRadius-tl, 0px)) var(--5nxmlj-borderRadius-tr-mobile, var(--5nxmlj-borderRadius-tr, 0px)) var(--5nxmlj-borderRadius-br-mobile, var(--5nxmlj-borderRadius-br, 0px)) var(--5nxmlj-borderRadius-bl-mobile, var(--5nxmlj-borderRadius-bl, 0px)); } box-shadow: if( style(--5nxmlj-enableShadow: true): var(--5nxmlj-shadowHorizontal, 0) var(--5nxmlj-shadowVertical, 0) var(--5nxmlj-shadowBlur, 0) 1px var(--5nxmlj-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background-color: var(--5nxmlj-overlayColor, #000); opacity: var(--5nxmlj-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; aspect-ratio: 6/7; height: 100%; max-width: 100%; transition: transform 0.35s ease; object-fit: var(--5nxmlj-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } &:hover img { transform: scale(1.05); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--5nxmlj-width-tablet, var(--5nxmlj-width, 100%)) - var(--5nxmlj-margin-left-tablet, var(--5nxmlj-margin-left, 0px)) - var(--5nxmlj-margin-right-tablet, var(--5nxmlj-margin-right, 0px)) ); aspect-ratio: var(--5nxmlj-imageRatio-tablet, var(--5nxmlj-imageRatio, auto)); img { object-fit: var(--5nxmlj-objFit-tablet, var(--5nxmlj-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--5nxmlj-width-mobile, var(--5nxmlj-width, 100%)) - var(--5nxmlj-margin-left-mobile, var(--5nxmlj-margin-left, 0px)) - var(--5nxmlj-margin-right-mobile, var(--5nxmlj-margin-right, 0px)) ); aspect-ratio: var(--5nxmlj-imageRatio-mobile, var(--5nxmlj-imageRatio, auto)); img { object-fit: var(--5nxmlj-objFit-mobile, var(--5nxmlj-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-awfyts"] [data-bnode="beae-rqlx5q"] { padding-top: var(--rqlx5q-padding-top, 0px); padding-right: var(--rqlx5q-padding-right, 0px); padding-bottom: var(--rqlx5q-padding-bottom, 0px); padding-left: var(--rqlx5q-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rqlx5q-padding-top-tablet, 0px); padding-right: var(--rqlx5q-padding-right-tablet, 0px); padding-bottom: var(--rqlx5q-padding-bottom-tablet, 0px); padding-left: var(--rqlx5q-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--rqlx5q-padding-top-mobile, 0px); padding-right: var(--rqlx5q-padding-right-mobile, 0px); padding-bottom: var(--rqlx5q-padding-bottom-mobile, 0px); padding-left: var(--rqlx5q-padding-left-mobile, 0px); } width: calc(100% - var(--rqlx5q-padding-left, 0px) - var(--rqlx5q-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: absolute; left: 5%; bottom: 5%; aspect-ratio: var(--rqlx5q-background-imageRatio, auto); background: var(--rqlx5q-background-color); border-style: var(--rqlx5q-borderStyle, solid); border-color: var(--rqlx5q-borderColor, #000000); border-width: var(--rqlx5q-borderWidth-tl, 0px) var(--rqlx5q-borderWidth-tr, 0px) var(--rqlx5q-borderWidth-br, 0px) var(--rqlx5q-borderWidth-bl, 0px); border-radius: var(--rqlx5q-borderRadius-tl, 0px) var(--rqlx5q-borderRadius-tr, 0px) var(--rqlx5q-borderRadius-br, 0px) var(--rqlx5q-borderRadius-bl, 0px); box-shadow: if( style(--rqlx5q-enableShadow: true): var(--rqlx5q-shadowHorizontal, 0) var(--rqlx5q-shadowVertical, 0) var(--rqlx5q-shadowBlur, 0) 1px var(--rqlx5q-shadowColor, #000000) ; else: none ); max-width: var(--rqlx5q-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--rqlx5q-background-imageRatio-tablet, var(--rqlx5q-background-imageRatio, auto) ); border-width: var(--rqlx5q-borderWidth-tl-tablet, 0px) var(--rqlx5q-borderWidth-tr-tablet, 0px) var(--rqlx5q-borderWidth-br-tablet, 0px) var(--rqlx5q-borderWidth-bl-tablet, 0px); border-radius: var(--rqlx5q-borderRadius-tl-tablet, 0px) var(--rqlx5q-borderRadius-tr-tablet, 0px) var(--rqlx5q-borderRadius-br-tablet, 0px) var(--rqlx5q-borderRadius-bl-tablet, 0px); max-width: var(--rqlx5q-max-width-tablet, var(--rqlx5q-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--rqlx5q-background-imageRatio-mobile, var(--rqlx5q-background-imageRatio, auto) ); border-width: var(--rqlx5q-borderWidth-tl-mobile, 0px) var(--rqlx5q-borderWidth-tr-mobile, 0px) var(--rqlx5q-borderWidth-br-mobile, 0px) var(--rqlx5q-borderWidth-bl-mobile, 0px); border-radius: var(--rqlx5q-borderRadius-tl-mobile, 0px) var(--rqlx5q-borderRadius-tr-mobile, 0px) var(--rqlx5q-borderRadius-br-mobile, 0px) var(--rqlx5q-borderRadius-bl-mobile, 0px); max-width: var(--rqlx5q-max-width-mobile, var(--rqlx5q-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-awfyts"] [data-bnode="beae-d93u53"] { margin-top: var(--d93u53-margin-top, 0px); margin-right: var(--d93u53-margin-right, 0px); margin-bottom: var(--d93u53-margin-bottom, 0px); margin-left: var(--d93u53-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d93u53-margin-top-tablet, 0px); margin-right: var(--d93u53-margin-right-tablet, 0px); margin-bottom: var(--d93u53-margin-bottom-tablet, 0px); margin-left: var(--d93u53-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d93u53-margin-top-mobile, 0px); margin-right: var(--d93u53-margin-right-mobile, 0px); margin-bottom: var(--d93u53-margin-bottom-mobile, 0px); margin-left: var(--d93u53-margin-left-mobile, 0px); } & { gap: var(--d93u53-iconGap, 5px); &.beae-btn-pr { border: none !important; outline: none; } &.beae-btn-pr:hover { background-color: var(--d93u53-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--d93u53-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--d93u53-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--d93u53-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--d93u53-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--d93u53-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--d93u53-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--d93u53-iconWidth); } svg { width: var(--d93u53-iconWidth, 20px); min-width: var(--d93u53-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--d93u53-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--d93u53-iconWidth-tablet, var(--d93u53-iconWidth)); } svg { width: var(--d93u53-iconWidth-tablet, var(--d93u53-iconWidth)); min-width: var(--d93u53-iconWidth-tablet, var(--d93u53-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--d93u53-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--d93u53-iconWidth-mobile, var(--d93u53-iconWidth)); } svg { width: var(--d93u53-iconWidth-mobile, var(--d93u53-iconWidth)); min-width: var(--d93u53-iconWidth-mobile, var(--d93u53-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } } [data-bnode="beae-awfyts"] [data-bnode="beae-6n98ew"] { padding-top: var(--6n98ew-padding-top, 0px); padding-right: var(--6n98ew-padding-right, 0px); padding-bottom: var(--6n98ew-padding-bottom, 0px); padding-left: var(--6n98ew-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--6n98ew-padding-top-tablet, 0px); padding-right: var(--6n98ew-padding-right-tablet, 0px); padding-bottom: var(--6n98ew-padding-bottom-tablet, 0px); padding-left: var(--6n98ew-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--6n98ew-padding-top-mobile, 0px); padding-right: var(--6n98ew-padding-right-mobile, 0px); padding-bottom: var(--6n98ew-padding-bottom-mobile, 0px); padding-left: var(--6n98ew-padding-left-mobile, 0px); } width: calc(100% - var(--6n98ew-padding-left, 0px) - var(--6n98ew-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--6n98ew-background-imageRatio, auto); background: var(--6n98ew-background-color); border-style: var(--6n98ew-borderStyle,solid); border-color: var(--6n98ew-borderColor,#000000); border-width: var(--6n98ew-borderWidth-tl,0px) var(--6n98ew-borderWidth-tr,0px) var(--6n98ew-borderWidth-br,0px) var(--6n98ew-borderWidth-bl,0px); border-radius: var(--6n98ew-borderRadius-tl,0px) var(--6n98ew-borderRadius-tr,0px) var(--6n98ew-borderRadius-br,0px) var(--6n98ew-borderRadius-bl,0px); box-shadow: if(style(--6n98ew-enableShadow: true): var(--6n98ew-shadowHorizontal,0) var(--6n98ew-shadowVertical,0) var(--6n98ew-shadowBlur,0) 1px var(--6n98ew-shadowColor,#000000); else: none); max-width: var(--6n98ew-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--6n98ew-background-imageRatio-tablet, var(--6n98ew-background-imageRatio, auto)); border-width: var(--6n98ew-borderWidth-tl-tablet,0px) var(--6n98ew-borderWidth-tr-tablet,0px) var(--6n98ew-borderWidth-br-tablet,0px) var(--6n98ew-borderWidth-bl-tablet,0px); border-radius: var(--6n98ew-borderRadius-tl-tablet,0px) var(--6n98ew-borderRadius-tr-tablet,0px) var(--6n98ew-borderRadius-br-tablet,0px) var(--6n98ew-borderRadius-bl-tablet,0px); max-width: var(--6n98ew-max-width-tablet, var(--6n98ew-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--6n98ew-background-imageRatio-mobile, var(--6n98ew-background-imageRatio, auto)); border-width: var(--6n98ew-borderWidth-tl-mobile,0px) var(--6n98ew-borderWidth-tr-mobile,0px) var(--6n98ew-borderWidth-br-mobile,0px) var(--6n98ew-borderWidth-bl-mobile,0px); border-radius: var(--6n98ew-borderRadius-tl-mobile,0px) var(--6n98ew-borderRadius-tr-mobile,0px) var(--6n98ew-borderRadius-br-mobile,0px) var(--6n98ew-borderRadius-bl-mobile,0px); max-width: var(--6n98ew-max-width-mobile, var(--6n98ew-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-awfyts"] [data-bnode="beae-bogiw8"] { margin-top: var(--bogiw8-margin-top, 0px); margin-right: var(--bogiw8-margin-right, 0px); margin-bottom: var(--bogiw8-margin-bottom, 0px); margin-left: var(--bogiw8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bogiw8-margin-top-tablet, 0px); margin-right: var(--bogiw8-margin-right-tablet, 0px); margin-bottom: var(--bogiw8-margin-bottom-tablet, 0px); margin-left: var(--bogiw8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bogiw8-margin-top-mobile, 0px); margin-right: var(--bogiw8-margin-right-mobile, 0px); margin-bottom: var(--bogiw8-margin-bottom-mobile, 0px); margin-left: var(--bogiw8-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bogiw8-highlightColor,var(--beae-p-color)); top: var(--bogiw8-highlightTop, 100%); } } [data-bnode="beae-awfyts"] [data-bnode="beae-r33kwm"] { margin-top: var(--r33kwm-margin-top, 0px); margin-right: var(--r33kwm-margin-right, 0px); margin-bottom: var(--r33kwm-margin-bottom, 0px); margin-left: var(--r33kwm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--r33kwm-margin-top-tablet, 0px); margin-right: var(--r33kwm-margin-right-tablet, 0px); margin-bottom: var(--r33kwm-margin-bottom-tablet, 0px); margin-left: var(--r33kwm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--r33kwm-margin-top-mobile, 0px); margin-right: var(--r33kwm-margin-right-mobile, 0px); margin-bottom: var(--r33kwm-margin-bottom-mobile, 0px); margin-left: var(--r33kwm-margin-left-mobile, 0px); } } [data-bnode="beae-awfyts"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, 0px); padding-right: var(--be-ctl-item-padding-right, 0px); padding-bottom: var(--be-ctl-item-padding-bottom, 0px); padding-left: var(--be-ctl-item-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, 0px); padding-right: var(--be-ctl-item-padding-right-tablet, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, 0px); padding-left: var(--be-ctl-item-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, 0px); padding-right: var(--be-ctl-item-padding-right-mobile, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, 0px); padding-left: var(--be-ctl-item-padding-left-mobile, 0px); } width: calc(100% - var(--be-ctl-item-padding-left, 0px) - var(--be-ctl-item-padding-right, 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); 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%)); } > * { 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-awfyts"] [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, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-awfyts"] [data-bnode="be-ctl-item"] {                                          &>.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-awfyts"] [data-bnode="be-ctl-item"] {                                          &>.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-r2it2q"] {     display: flex;     flex-direction: var(--r2it2q-direction, column);     flex-wrap: nowrap;     justify-content: var(--r2it2q-justify-content);     align-items: var(--r2it2q-align-items);     gap: var(--r2it2q-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-r2it2q"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--r2it2q-padding-right-tablet, 0px) - var(--r2it2q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-r2it2q"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--r2it2q-padding-right-mobile, 0px) - var(--r2it2q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rqlx5q"] {     display: flex;     flex-direction: var(--rqlx5q-direction, column);     flex-wrap: nowrap;     justify-content: var(--rqlx5q-justify-content);     align-items: var(--rqlx5q-align-items);     gap: var(--rqlx5q-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rqlx5q"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rqlx5q-padding-right-tablet, 0px) - var(--rqlx5q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rqlx5q"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rqlx5q-padding-right-mobile, 0px) - var(--rqlx5q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6n98ew"] {     display: flex;     flex-direction: var(--6n98ew-direction, column);     flex-wrap: nowrap;     justify-content: var(--6n98ew-justify-content);     align-items: var(--6n98ew-align-items);     gap: var(--6n98ew-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6n98ew"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6n98ew-padding-right-tablet, 0px) - var(--6n98ew-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6n98ew"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6n98ew-padding-right-mobile, 0px) - var(--6n98ew-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-eihddp"] { --eihddp-width: 1392px; --eihddp-width-tablet: 1392px; --eihddp-width-mobile: 1392px; --eihddp-height: fit-content; --eihddp-height-tablet: fit-content; --eihddp-height-mobile: fit-content; --eihddp-direction: column; --eihddp-direction-tablet: column; --eihddp-direction-mobile: column; --eihddp-structure: columns; --eihddp-structure-tablet: columns; --eihddp-structure-mobile: columns; --eihddp-padding-top: 112px; --eihddp-padding-top-tablet: 96px; --eihddp-padding-top-mobile: 80px; --eihddp-padding-right: 32px; --eihddp-padding-right-tablet: 30px; --eihddp-padding-right-mobile: 16px; --eihddp-padding-bottom: 112px; --eihddp-padding-bottom-tablet: 96px; --eihddp-padding-bottom-mobile: 80px; --eihddp-padding-left: 32px; --eihddp-padding-left-tablet: 30px; --eihddp-padding-left-mobile: 16px; --eihddp-gap: 32px; --eihddp-gap-tablet: 32px; --eihddp-gap-mobile: 32px; --eihddp-background-type: color; --eihddp-background-type-tablet: color; --eihddp-background-type-mobile: color; --eihddp-background-color: #F1EFE6; --eihddp-background-color-tablet: #F1EFE6; --eihddp-background-color-mobile: #F1EFE6; --eihddp-align-items: center; --eihddp-align-items-tablet: center; --eihddp-align-items-mobile: center; --eihddp-justify-content: center; --eihddp-justify-content-tablet: center; --eihddp-justify-content-mobile: center; }[data-bnode="beae-eihddp"] { padding-top: var(--eihddp-padding-top, 0px); padding-right: var(--eihddp-padding-right, 0px); padding-bottom: var(--eihddp-padding-bottom, 0px); padding-left: var(--eihddp-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--eihddp-padding-top-tablet, 0px); padding-right: var(--eihddp-padding-right-tablet, 0px); padding-bottom: var(--eihddp-padding-bottom-tablet, 0px); padding-left: var(--eihddp-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--eihddp-padding-top-mobile, 0px); padding-right: var(--eihddp-padding-right-mobile, 0px); padding-bottom: var(--eihddp-padding-bottom-mobile, 0px); padding-left: var(--eihddp-padding-left-mobile, 0px); } width: calc(100% - var(--eihddp-padding-left, 0px) - var(--eihddp-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; * { box-sizing: border-box; } & a { text-decoration: none; } &.beae-section { background: var(--eihddp-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--eihddp-height); width: 100%; max-width: var(--eihddp-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; } & h1.beae-heading { display: inline-block; transition: transform 0.3s ease; transform-origin: center; } & h1.beae-heading:hover { transform: scale(1.05); } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { background: var(--eihddp-background-color-tablet, var(--eihddp-background-color)); & .beae-section-container { height: var(--eihddp-height-tablet, auto); width: 100%; max-width: var(--eihddp-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--eihddp-background-color-mobile, var(--eihddp-background-color-tablet, var(--eihddp-background-color)) ); & .beae-section-container { height: var(--eihddp-height-mobile, auto); width: 100%; max-width: var(--eihddp-width-mobile, 100%); } } } }[data-bnode="beae-eihddp"] > .beae-section-container{     display: flex;     flex-direction: var(--eihddp-direction, column);     flex-wrap: nowrap;     justify-content: var(--eihddp-justify-content);     align-items: var(--eihddp-align-items);     gap: var(--eihddp-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-eihddp"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--eihddp-padding-right-tablet, 0px) - var(--eihddp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-eihddp"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--eihddp-padding-right-mobile, 0px) - var(--eihddp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-g6xlih"] { --g6xlih-direction: column; --g6xlih-direction-tablet: column; --g6xlih-direction-mobile: column; --g6xlih-structure: columns; --g6xlih-structure-tablet: columns; --g6xlih-structure-mobile: columns; --g6xlih-max-width: 898px; --g6xlih-max-width-tablet: 898px; --g6xlih-max-width-mobile: 898px; --g6xlih-align-items: center; --g6xlih-align-items-tablet: center; --g6xlih-align-items-mobile: center; --g6xlih-gap: 32px; --g6xlih-gap-tablet: 32px; --g6xlih-gap-mobile: 32px; --g6xlih-padding-top: 0px; --g6xlih-padding-top-tablet: 0px; --g6xlih-padding-top-mobile: 0px; --g6xlih-padding-right: 0px; --g6xlih-padding-right-tablet: 0px; --g6xlih-padding-right-mobile: 0px; --g6xlih-padding-bottom: 0px; --g6xlih-padding-bottom-tablet: 0px; --g6xlih-padding-bottom-mobile: 0px; --g6xlih-padding-left: 0px; --g6xlih-padding-left-tablet: 0px; --g6xlih-padding-left-mobile: 0px; }[data-bnode="beae-g6xlih"] { padding-top: var(--g6xlih-padding-top, 0px); padding-right: var(--g6xlih-padding-right, 0px); padding-bottom: var(--g6xlih-padding-bottom, 0px); padding-left: var(--g6xlih-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--g6xlih-padding-top-tablet, 0px); padding-right: var(--g6xlih-padding-right-tablet, 0px); padding-bottom: var(--g6xlih-padding-bottom-tablet, 0px); padding-left: var(--g6xlih-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--g6xlih-padding-top-mobile, 0px); padding-right: var(--g6xlih-padding-right-mobile, 0px); padding-bottom: var(--g6xlih-padding-bottom-mobile, 0px); padding-left: var(--g6xlih-padding-left-mobile, 0px); } width: calc(100% - var(--g6xlih-padding-left, 0px) - var(--g6xlih-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--g6xlih-background-imageRatio, auto); background: var(--g6xlih-background-color); border-style: var(--g6xlih-borderStyle,solid); border-color: var(--g6xlih-borderColor,#000000); border-width: var(--g6xlih-borderWidth-tl,0px) var(--g6xlih-borderWidth-tr,0px) var(--g6xlih-borderWidth-br,0px) var(--g6xlih-borderWidth-bl,0px); border-radius: var(--g6xlih-borderRadius-tl,0px) var(--g6xlih-borderRadius-tr,0px) var(--g6xlih-borderRadius-br,0px) var(--g6xlih-borderRadius-bl,0px); box-shadow: if(style(--g6xlih-enableShadow: true): var(--g6xlih-shadowHorizontal,0) var(--g6xlih-shadowVertical,0) var(--g6xlih-shadowBlur,0) 1px var(--g6xlih-shadowColor,#000000); else: none); max-width: var(--g6xlih-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--g6xlih-background-imageRatio-tablet, var(--g6xlih-background-imageRatio, auto)); border-width: var(--g6xlih-borderWidth-tl-tablet,0px) var(--g6xlih-borderWidth-tr-tablet,0px) var(--g6xlih-borderWidth-br-tablet,0px) var(--g6xlih-borderWidth-bl-tablet,0px); border-radius: var(--g6xlih-borderRadius-tl-tablet,0px) var(--g6xlih-borderRadius-tr-tablet,0px) var(--g6xlih-borderRadius-br-tablet,0px) var(--g6xlih-borderRadius-bl-tablet,0px); max-width: var(--g6xlih-max-width-tablet, var(--g6xlih-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--g6xlih-background-imageRatio-mobile, var(--g6xlih-background-imageRatio, auto)); border-width: var(--g6xlih-borderWidth-tl-mobile,0px) var(--g6xlih-borderWidth-tr-mobile,0px) var(--g6xlih-borderWidth-br-mobile,0px) var(--g6xlih-borderWidth-bl-mobile,0px); border-radius: var(--g6xlih-borderRadius-tl-mobile,0px) var(--g6xlih-borderRadius-tr-mobile,0px) var(--g6xlih-borderRadius-br-mobile,0px) var(--g6xlih-borderRadius-bl-mobile,0px); max-width: var(--g6xlih-max-width-mobile, var(--g6xlih-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-g6xlih"] {     display: flex;     flex-direction: var(--g6xlih-direction, column);     flex-wrap: nowrap;     justify-content: var(--g6xlih-justify-content);     align-items: var(--g6xlih-align-items);     gap: var(--g6xlih-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-g6xlih"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--g6xlih-padding-right-tablet, 0px) - var(--g6xlih-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-g6xlih"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--g6xlih-padding-right-mobile, 0px) - var(--g6xlih-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2xjdb8"] { --beae-p3-font-size: 18px; --beae-p3-font-size-tablet: 18px; --beae-p3-font-size-mobile: 18px; --beae-p3-color: #444444; --beae-p3-font-family: Instrument Sans; --beae-p3-font-weight: 500; --beae-p3-line-height: 1.5; --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; --2xjdb8-typography: p3; --2xjdb8-typography-tablet: p3; --2xjdb8-typography-mobile: p3; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p3-text-align: center; --2xjdb8-margin-top: 0px; --2xjdb8-margin-top-tablet: 0px; --2xjdb8-margin-top-mobile: 0px; --2xjdb8-margin-right: 0px; --2xjdb8-margin-right-tablet: 0px; --2xjdb8-margin-right-mobile: 0px; --2xjdb8-margin-bottom: 0px; --2xjdb8-margin-bottom-tablet: 0px; --2xjdb8-margin-bottom-mobile: 0px; --2xjdb8-margin-left: 0px; --2xjdb8-margin-left-tablet: 0px; --2xjdb8-margin-left-mobile: 0px; }[data-bnode="beae-2xjdb8"] { margin-top: var(--2xjdb8-margin-top, 0px); margin-right: var(--2xjdb8-margin-right, 0px); margin-bottom: var(--2xjdb8-margin-bottom, 0px); margin-left: var(--2xjdb8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2xjdb8-margin-top-tablet, 0px); margin-right: var(--2xjdb8-margin-right-tablet, 0px); margin-bottom: var(--2xjdb8-margin-bottom-tablet, 0px); margin-left: var(--2xjdb8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2xjdb8-margin-top-mobile, 0px); margin-right: var(--2xjdb8-margin-right-mobile, 0px); margin-bottom: var(--2xjdb8-margin-bottom-mobile, 0px); margin-left: var(--2xjdb8-margin-left-mobile, 0px); } }[data-bnode="beae-q7e1if"] { --q7e1if-direction: column; --q7e1if-direction-tablet: column; --q7e1if-direction-mobile: column; --q7e1if-structure: columns; --q7e1if-structure-tablet: columns; --q7e1if-structure-mobile: columns; --q7e1if-align-items: center; --q7e1if-align-items-tablet: center; --q7e1if-align-items-mobile: center; --q7e1if-padding-top: 0px; --q7e1if-padding-top-tablet: 0px; --q7e1if-padding-top-mobile: 0px; --q7e1if-padding-right: 0px; --q7e1if-padding-right-tablet: 0px; --q7e1if-padding-right-mobile: 0px; --q7e1if-padding-bottom: 4px; --q7e1if-padding-bottom-tablet: 4px; --q7e1if-padding-bottom-mobile: 4px; --q7e1if-padding-left: 0px; --q7e1if-padding-left-tablet: 0px; --q7e1if-padding-left-mobile: 0px; --q7e1if-gap: 0px; --q7e1if-gap-tablet: 0px; --q7e1if-gap-mobile: 0px; }[data-bnode="beae-q7e1if"] { padding-top: var(--q7e1if-padding-top, 0px); padding-right: var(--q7e1if-padding-right, 0px); padding-bottom: var(--q7e1if-padding-bottom, 0px); padding-left: var(--q7e1if-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--q7e1if-padding-top-tablet, 0px); padding-right: var(--q7e1if-padding-right-tablet, 0px); padding-bottom: var(--q7e1if-padding-bottom-tablet, 0px); padding-left: var(--q7e1if-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--q7e1if-padding-top-mobile, 0px); padding-right: var(--q7e1if-padding-right-mobile, 0px); padding-bottom: var(--q7e1if-padding-bottom-mobile, 0px); padding-left: var(--q7e1if-padding-left-mobile, 0px); } width: calc(100% - var(--q7e1if-padding-left, 0px) - var(--q7e1if-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--q7e1if-background-imageRatio, auto); background: var(--q7e1if-background-color); border-style: var(--q7e1if-borderStyle,solid); border-color: var(--q7e1if-borderColor,#000000); border-width: var(--q7e1if-borderWidth-tl,0px) var(--q7e1if-borderWidth-tr,0px) var(--q7e1if-borderWidth-br,0px) var(--q7e1if-borderWidth-bl,0px); border-radius: var(--q7e1if-borderRadius-tl,0px) var(--q7e1if-borderRadius-tr,0px) var(--q7e1if-borderRadius-br,0px) var(--q7e1if-borderRadius-bl,0px); box-shadow: if(style(--q7e1if-enableShadow: true): var(--q7e1if-shadowHorizontal,0) var(--q7e1if-shadowVertical,0) var(--q7e1if-shadowBlur,0) 1px var(--q7e1if-shadowColor,#000000); else: none); max-width: var(--q7e1if-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--q7e1if-background-imageRatio-tablet, var(--q7e1if-background-imageRatio, auto)); border-width: var(--q7e1if-borderWidth-tl-tablet,0px) var(--q7e1if-borderWidth-tr-tablet,0px) var(--q7e1if-borderWidth-br-tablet,0px) var(--q7e1if-borderWidth-bl-tablet,0px); border-radius: var(--q7e1if-borderRadius-tl-tablet,0px) var(--q7e1if-borderRadius-tr-tablet,0px) var(--q7e1if-borderRadius-br-tablet,0px) var(--q7e1if-borderRadius-bl-tablet,0px); max-width: var(--q7e1if-max-width-tablet, var(--q7e1if-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--q7e1if-background-imageRatio-mobile, var(--q7e1if-background-imageRatio, auto)); border-width: var(--q7e1if-borderWidth-tl-mobile,0px) var(--q7e1if-borderWidth-tr-mobile,0px) var(--q7e1if-borderWidth-br-mobile,0px) var(--q7e1if-borderWidth-bl-mobile,0px); border-radius: var(--q7e1if-borderRadius-tl-mobile,0px) var(--q7e1if-borderRadius-tr-mobile,0px) var(--q7e1if-borderRadius-br-mobile,0px) var(--q7e1if-borderRadius-bl-mobile,0px); max-width: var(--q7e1if-max-width-mobile, var(--q7e1if-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-q7e1if"] {     display: flex;     flex-direction: var(--q7e1if-direction, column);     flex-wrap: nowrap;     justify-content: var(--q7e1if-justify-content);     align-items: var(--q7e1if-align-items);     gap: var(--q7e1if-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-q7e1if"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--q7e1if-padding-right-tablet, 0px) - var(--q7e1if-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-q7e1if"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--q7e1if-padding-right-mobile, 0px) - var(--q7e1if-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-23178f"] { --23178f-direction: row; --23178f-direction-tablet: row; --23178f-direction-mobile: column; --23178f-structure: auto; --23178f-structure-tablet: auto; --23178f-structure-mobile: auto; --23178f-align-items: center; --23178f-align-items-tablet: center; --23178f-align-items-mobile: center; --23178f-gap: 24px; --23178f-gap-tablet: 24px; --23178f-gap-mobile: 24px; --23178f-justify-content: center; --23178f-justify-content-tablet: center; --23178f-justify-content-mobile: center; --23178f-padding-top: 0px; --23178f-padding-top-tablet: 0px; --23178f-padding-top-mobile: 0px; --23178f-padding-right: 0px; --23178f-padding-right-tablet: 0px; --23178f-padding-right-mobile: 0px; --23178f-padding-bottom: -31px; --23178f-padding-bottom-tablet: -31px; --23178f-padding-bottom-mobile: -31px; --23178f-padding-left: 0px; --23178f-padding-left-tablet: 0px; --23178f-padding-left-mobile: 0px; }[data-bnode="beae-23178f"] { padding-top: var(--23178f-padding-top, 0px); padding-right: var(--23178f-padding-right, 0px); padding-bottom: var(--23178f-padding-bottom, 0px); padding-left: var(--23178f-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--23178f-padding-top-tablet, 0px); padding-right: var(--23178f-padding-right-tablet, 0px); padding-bottom: var(--23178f-padding-bottom-tablet, 0px); padding-left: var(--23178f-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--23178f-padding-top-mobile, 0px); padding-right: var(--23178f-padding-right-mobile, 0px); padding-bottom: var(--23178f-padding-bottom-mobile, 0px); padding-left: var(--23178f-padding-left-mobile, 0px); } width: calc(100% - var(--23178f-padding-left, 0px) - var(--23178f-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--23178f-background-imageRatio, auto); background: var(--23178f-background-color); border-style: var(--23178f-borderStyle,solid); border-color: var(--23178f-borderColor,#000000); border-width: var(--23178f-borderWidth-tl,0px) var(--23178f-borderWidth-tr,0px) var(--23178f-borderWidth-br,0px) var(--23178f-borderWidth-bl,0px); border-radius: var(--23178f-borderRadius-tl,0px) var(--23178f-borderRadius-tr,0px) var(--23178f-borderRadius-br,0px) var(--23178f-borderRadius-bl,0px); box-shadow: if(style(--23178f-enableShadow: true): var(--23178f-shadowHorizontal,0) var(--23178f-shadowVertical,0) var(--23178f-shadowBlur,0) 1px var(--23178f-shadowColor,#000000); else: none); max-width: var(--23178f-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--23178f-background-imageRatio-tablet, var(--23178f-background-imageRatio, auto)); border-width: var(--23178f-borderWidth-tl-tablet,0px) var(--23178f-borderWidth-tr-tablet,0px) var(--23178f-borderWidth-br-tablet,0px) var(--23178f-borderWidth-bl-tablet,0px); border-radius: var(--23178f-borderRadius-tl-tablet,0px) var(--23178f-borderRadius-tr-tablet,0px) var(--23178f-borderRadius-br-tablet,0px) var(--23178f-borderRadius-bl-tablet,0px); max-width: var(--23178f-max-width-tablet, var(--23178f-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--23178f-background-imageRatio-mobile, var(--23178f-background-imageRatio, auto)); border-width: var(--23178f-borderWidth-tl-mobile,0px) var(--23178f-borderWidth-tr-mobile,0px) var(--23178f-borderWidth-br-mobile,0px) var(--23178f-borderWidth-bl-mobile,0px); border-radius: var(--23178f-borderRadius-tl-mobile,0px) var(--23178f-borderRadius-tr-mobile,0px) var(--23178f-borderRadius-br-mobile,0px) var(--23178f-borderRadius-bl-mobile,0px); max-width: var(--23178f-max-width-mobile, var(--23178f-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-23178f"] {     display: flex;     flex-direction: var(--23178f-direction, column);     flex-wrap: nowrap;     justify-content: var(--23178f-justify-content);     align-items: var(--23178f-align-items);     gap: var(--23178f-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-23178f"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--23178f-padding-right-tablet, 0px) - var(--23178f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-23178f"] {      flex-direction: var(--23178f-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-mcu34e"] { --mcu34e-width: 74px; --mcu34e-width-tablet: 74px; --mcu34e-width-mobile: 74px; --mcu34e-imageRatio: 1/1; --mcu34e-imageRatio-tablet: 1/1; --mcu34e-imageRatio-mobile: 1/1; --mcu34e-objFit: cover; --mcu34e-objFit-tablet: cover; --mcu34e-objFit-mobile: cover; --mcu34e-borderColor: #000000; --mcu34e-borderColor-tablet: #000000; --mcu34e-borderColor-mobile: #000000; --mcu34e-shadowColor: #000000; --mcu34e-shadowColor-tablet: #000000; --mcu34e-shadowColor-mobile: #000000; --mcu34e-borderStyle: none; --mcu34e-borderStyle-tablet: none; --mcu34e-borderStyle-mobile: none; --mcu34e-enableShadow: false; --mcu34e-enableShadow-tablet: false; --mcu34e-enableShadow-mobile: false; --mcu34e-borderRadius-tl: 8px; --mcu34e-borderRadius-tl-tablet: 8px; --mcu34e-borderRadius-tl-mobile: 8px; --mcu34e-borderRadius-tr: 8px; --mcu34e-borderRadius-tr-tablet: 8px; --mcu34e-borderRadius-tr-mobile: 8px; --mcu34e-borderRadius-bl: 8px; --mcu34e-borderRadius-bl-tablet: 8px; --mcu34e-borderRadius-bl-mobile: 8px; --mcu34e-borderRadius-br: 8px; --mcu34e-borderRadius-br-tablet: 8px; --mcu34e-borderRadius-br-mobile: 8px; }[data-bnode="beae-mcu34e"] { margin-top: var(--mcu34e-margin-top, 0px); margin-right: var(--mcu34e-margin-right, 0px); margin-bottom: var(--mcu34e-margin-bottom, 0px); margin-left: var(--mcu34e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mcu34e-margin-top-tablet, 0px); margin-right: var(--mcu34e-margin-right-tablet, 0px); margin-bottom: var(--mcu34e-margin-bottom-tablet, 0px); margin-left: var(--mcu34e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mcu34e-margin-top-mobile, 0px); margin-right: var(--mcu34e-margin-right-mobile, 0px); margin-bottom: var(--mcu34e-margin-bottom-mobile, 0px); margin-left: var(--mcu34e-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--mcu34e-width,100%) - var(--mcu34e-margin-left,0px) - var(--mcu34e-margin-right,0px)); min-height: min-content; border-style: var(--mcu34e-borderStyle,solid); border-color: var(--mcu34e-borderColor,#000000); border-width: var(--mcu34e-borderWidth-tl,0px) var(--mcu34e-borderWidth-tr,0px) var(--mcu34e-borderWidth-br,0px) var(--mcu34e-borderWidth-bl,0px); border-radius: var(--mcu34e-borderRadius-tl,0px) var(--mcu34e-borderRadius-tr,0px) var(--mcu34e-borderRadius-br,0px) var(--mcu34e-borderRadius-bl,0px); aspect-ratio: var(--mcu34e-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--mcu34e-borderWidth-tl-tablet, var(--mcu34e-borderWidth-tl,0px)) var(--mcu34e-borderWidth-tr-tablet, var(--mcu34e-borderWidth-tr,0px)) var(--mcu34e-borderWidth-br-tablet, var(--mcu34e-borderWidth-br,0px)) var(--mcu34e-borderWidth-bl-tablet, var(--mcu34e-borderWidth-bl,0px)); border-radius: var(--mcu34e-borderRadius-tl-tablet, var(--mcu34e-borderRadius-tl,0px)) var(--mcu34e-borderRadius-tr-tablet, var(--mcu34e-borderRadius-tr,0px)) var(--mcu34e-borderRadius-br-tablet, var(--mcu34e-borderRadius-br,0px)) var(--mcu34e-borderRadius-bl-tablet, var(--mcu34e-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--mcu34e-borderWidth-tl-mobile, var(--mcu34e-borderWidth-tl,0px)) var(--mcu34e-borderWidth-tr-mobile, var(--mcu34e-borderWidth-tr,0px)) var(--mcu34e-borderWidth-br-mobile, var(--mcu34e-borderWidth-br,0px)) var(--mcu34e-borderWidth-bl-mobile, var(--mcu34e-borderWidth-bl,0px)); border-radius: var(--mcu34e-borderRadius-tl-mobile, var(--mcu34e-borderRadius-tl,0px)) var(--mcu34e-borderRadius-tr-mobile, var(--mcu34e-borderRadius-tr,0px)) var(--mcu34e-borderRadius-br-mobile, var(--mcu34e-borderRadius-br,0px)) var(--mcu34e-borderRadius-bl-mobile, var(--mcu34e-borderRadius-bl,0px)); } box-shadow: if( style(--mcu34e-enableShadow: true): var(--mcu34e-shadowHorizontal, 0) var(--mcu34e-shadowVertical, 0) var(--mcu34e-shadowBlur, 0) 1px var(--mcu34e-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--mcu34e-overlayColor-color, #000); opacity: var(--mcu34e-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--mcu34e-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--mcu34e-width-tablet,var(--mcu34e-width,100%)) - var(--mcu34e-margin-left-tablet,var(--mcu34e-margin-left,0px)) - var(--mcu34e-margin-right-tablet,var(--mcu34e-margin-right,0px))); aspect-ratio: var(--mcu34e-imageRatio-tablet, var(--mcu34e-imageRatio, auto)); img { object-fit: var(--mcu34e-objFit-tablet, var(--mcu34e-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--mcu34e-width-mobile,var(--mcu34e-width,100%)) - var(--mcu34e-margin-left-mobile,var(--mcu34e-margin-left,0px)) - var(--mcu34e-margin-right-mobile,var(--mcu34e-margin-right,0px))); aspect-ratio: var(--mcu34e-imageRatio-mobile, var(--mcu34e-imageRatio, auto)); img { object-fit: var(--mcu34e-objFit-mobile, var(--mcu34e-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-itzimx"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #1D1D1F; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --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: none; --itzimx-typography: h1; --itzimx-typography-tablet: h1; --itzimx-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-mobile: center; }[data-bnode="beae-itzimx"] { margin-top: var(--itzimx-margin-top, 0px); margin-right: var(--itzimx-margin-right, 0px); margin-bottom: var(--itzimx-margin-bottom, 0px); margin-left: var(--itzimx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--itzimx-margin-top-tablet, 0px); margin-right: var(--itzimx-margin-right-tablet, 0px); margin-bottom: var(--itzimx-margin-bottom-tablet, 0px); margin-left: var(--itzimx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--itzimx-margin-top-mobile, 0px); margin-right: var(--itzimx-margin-right-mobile, 0px); margin-bottom: var(--itzimx-margin-bottom-mobile, 0px); margin-left: var(--itzimx-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--itzimx-highlightColor,var(--beae-p-color)); top: var(--itzimx-highlightTop, 100%); } }[data-bnode="beae-gmm39q"] { --gmm39q-direction: row-reverse; --gmm39q-direction-tablet: row-reverse; --gmm39q-direction-mobile: column-reverse; --gmm39q-structure: auto; --gmm39q-structure-tablet: auto; --gmm39q-structure-mobile: auto; --gmm39q-align-items: center; --gmm39q-align-items-tablet: center; --gmm39q-align-items-mobile: center; --gmm39q-gap: 24px; --gmm39q-gap-tablet: 24px; --gmm39q-gap-mobile: 24px; --gmm39q-justify-content: center; --gmm39q-justify-content-tablet: center; --gmm39q-justify-content-mobile: center; --gmm39q-padding-top: -10px; --gmm39q-padding-top-tablet: -10px; --gmm39q-padding-top-mobile: -10px; --gmm39q-padding-right: 0px; --gmm39q-padding-right-tablet: 0px; --gmm39q-padding-right-mobile: 0px; --gmm39q-padding-bottom: 0px; --gmm39q-padding-bottom-tablet: 0px; --gmm39q-padding-bottom-mobile: 0px; --gmm39q-padding-left: 0px; --gmm39q-padding-left-tablet: 0px; --gmm39q-padding-left-mobile: 0px; }[data-bnode="beae-gmm39q"] { padding-top: var(--gmm39q-padding-top, 0px); padding-right: var(--gmm39q-padding-right, 0px); padding-bottom: var(--gmm39q-padding-bottom, 0px); padding-left: var(--gmm39q-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--gmm39q-padding-top-tablet, 0px); padding-right: var(--gmm39q-padding-right-tablet, 0px); padding-bottom: var(--gmm39q-padding-bottom-tablet, 0px); padding-left: var(--gmm39q-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--gmm39q-padding-top-mobile, 0px); padding-right: var(--gmm39q-padding-right-mobile, 0px); padding-bottom: var(--gmm39q-padding-bottom-mobile, 0px); padding-left: var(--gmm39q-padding-left-mobile, 0px); } width: calc(100% - var(--gmm39q-padding-left, 0px) - var(--gmm39q-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { margin-top: 25px; position: relative; aspect-ratio: var(--gmm39q-background-imageRatio, auto); background: var(--gmm39q-background-color); border-style: var(--gmm39q-borderStyle, solid); border-color: var(--gmm39q-borderColor, #000000); border-width: var(--gmm39q-borderWidth-tl, 0px) var(--gmm39q-borderWidth-tr, 0px) var(--gmm39q-borderWidth-br, 0px) var(--gmm39q-borderWidth-bl, 0px); border-radius: var(--gmm39q-borderRadius-tl, 0px) var(--gmm39q-borderRadius-tr, 0px) var(--gmm39q-borderRadius-br, 0px) var(--gmm39q-borderRadius-bl, 0px); box-shadow: if( style(--gmm39q-enableShadow: true): var(--gmm39q-shadowHorizontal, 0) var(--gmm39q-shadowVertical, 0) var(--gmm39q-shadowBlur, 0) 1px var(--gmm39q-shadowColor, #000000) ; else: none ); max-width: var(--gmm39q-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--gmm39q-background-imageRatio-tablet, var(--gmm39q-background-imageRatio, auto) ); border-width: var(--gmm39q-borderWidth-tl-tablet, 0px) var(--gmm39q-borderWidth-tr-tablet, 0px) var(--gmm39q-borderWidth-br-tablet, 0px) var(--gmm39q-borderWidth-bl-tablet, 0px); border-radius: var(--gmm39q-borderRadius-tl-tablet, 0px) var(--gmm39q-borderRadius-tr-tablet, 0px) var(--gmm39q-borderRadius-br-tablet, 0px) var(--gmm39q-borderRadius-bl-tablet, 0px); max-width: var(--gmm39q-max-width-tablet, var(--gmm39q-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--gmm39q-background-imageRatio-mobile, var(--gmm39q-background-imageRatio, auto) ); border-width: var(--gmm39q-borderWidth-tl-mobile, 0px) var(--gmm39q-borderWidth-tr-mobile, 0px) var(--gmm39q-borderWidth-br-mobile, 0px) var(--gmm39q-borderWidth-bl-mobile, 0px); border-radius: var(--gmm39q-borderRadius-tl-mobile, 0px) var(--gmm39q-borderRadius-tr-mobile, 0px) var(--gmm39q-borderRadius-br-mobile, 0px) var(--gmm39q-borderRadius-bl-mobile, 0px); max-width: var(--gmm39q-max-width-mobile, var(--gmm39q-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-gmm39q"] {     display: flex;     flex-direction: var(--gmm39q-direction, column);     flex-wrap: nowrap;     justify-content: var(--gmm39q-justify-content);     align-items: var(--gmm39q-align-items);     gap: var(--gmm39q-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gmm39q"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gmm39q-padding-right-tablet, 0px) - var(--gmm39q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gmm39q"] {      flex-direction: var(--gmm39q-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-di4fox"] { --di4fox-width: 74px; --di4fox-width-tablet: 74px; --di4fox-width-mobile: 74px; --di4fox-imageRatio: 1/1; --di4fox-imageRatio-tablet: 1/1; --di4fox-imageRatio-mobile: 1/1; --di4fox-objFit: cover; --di4fox-objFit-tablet: cover; --di4fox-objFit-mobile: cover; --di4fox-borderColor: #000000; --di4fox-borderColor-tablet: #000000; --di4fox-borderColor-mobile: #000000; --di4fox-shadowColor: #000000; --di4fox-shadowColor-tablet: #000000; --di4fox-shadowColor-mobile: #000000; --di4fox-borderStyle: none; --di4fox-borderStyle-tablet: none; --di4fox-borderStyle-mobile: none; --di4fox-enableShadow: false; --di4fox-enableShadow-tablet: false; --di4fox-enableShadow-mobile: false; }[data-bnode="beae-di4fox"] { margin-top: var(--di4fox-margin-top, 0px); margin-right: var(--di4fox-margin-right, 0px); margin-bottom: var(--di4fox-margin-bottom, 0px); margin-left: var(--di4fox-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--di4fox-margin-top-tablet, 0px); margin-right: var(--di4fox-margin-right-tablet, 0px); margin-bottom: var(--di4fox-margin-bottom-tablet, 0px); margin-left: var(--di4fox-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--di4fox-margin-top-mobile, 0px); margin-right: var(--di4fox-margin-right-mobile, 0px); margin-bottom: var(--di4fox-margin-bottom-mobile, 0px); margin-left: var(--di4fox-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--di4fox-width,100%) - var(--di4fox-margin-left,0px) - var(--di4fox-margin-right,0px)); min-height: min-content; border-style: var(--di4fox-borderStyle,solid); border-color: var(--di4fox-borderColor,#000000); border-width: var(--di4fox-borderWidth-tl,0px) var(--di4fox-borderWidth-tr,0px) var(--di4fox-borderWidth-br,0px) var(--di4fox-borderWidth-bl,0px); border-radius: var(--di4fox-borderRadius-tl,0px) var(--di4fox-borderRadius-tr,0px) var(--di4fox-borderRadius-br,0px) var(--di4fox-borderRadius-bl,0px); aspect-ratio: var(--di4fox-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--di4fox-borderWidth-tl-tablet, var(--di4fox-borderWidth-tl,0px)) var(--di4fox-borderWidth-tr-tablet, var(--di4fox-borderWidth-tr,0px)) var(--di4fox-borderWidth-br-tablet, var(--di4fox-borderWidth-br,0px)) var(--di4fox-borderWidth-bl-tablet, var(--di4fox-borderWidth-bl,0px)); border-radius: var(--di4fox-borderRadius-tl-tablet, var(--di4fox-borderRadius-tl,0px)) var(--di4fox-borderRadius-tr-tablet, var(--di4fox-borderRadius-tr,0px)) var(--di4fox-borderRadius-br-tablet, var(--di4fox-borderRadius-br,0px)) var(--di4fox-borderRadius-bl-tablet, var(--di4fox-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--di4fox-borderWidth-tl-mobile, var(--di4fox-borderWidth-tl,0px)) var(--di4fox-borderWidth-tr-mobile, var(--di4fox-borderWidth-tr,0px)) var(--di4fox-borderWidth-br-mobile, var(--di4fox-borderWidth-br,0px)) var(--di4fox-borderWidth-bl-mobile, var(--di4fox-borderWidth-bl,0px)); border-radius: var(--di4fox-borderRadius-tl-mobile, var(--di4fox-borderRadius-tl,0px)) var(--di4fox-borderRadius-tr-mobile, var(--di4fox-borderRadius-tr,0px)) var(--di4fox-borderRadius-br-mobile, var(--di4fox-borderRadius-br,0px)) var(--di4fox-borderRadius-bl-mobile, var(--di4fox-borderRadius-bl,0px)); } box-shadow: if( style(--di4fox-enableShadow: true): var(--di4fox-shadowHorizontal, 0) var(--di4fox-shadowVertical, 0) var(--di4fox-shadowBlur, 0) 1px var(--di4fox-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--di4fox-overlayColor-color, #000); opacity: var(--di4fox-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--di4fox-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--di4fox-width-tablet,var(--di4fox-width,100%)) - var(--di4fox-margin-left-tablet,var(--di4fox-margin-left,0px)) - var(--di4fox-margin-right-tablet,var(--di4fox-margin-right,0px))); aspect-ratio: var(--di4fox-imageRatio-tablet, var(--di4fox-imageRatio, auto)); img { object-fit: var(--di4fox-objFit-tablet, var(--di4fox-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--di4fox-width-mobile,var(--di4fox-width,100%)) - var(--di4fox-margin-left-mobile,var(--di4fox-margin-left,0px)) - var(--di4fox-margin-right-mobile,var(--di4fox-margin-right,0px))); aspect-ratio: var(--di4fox-imageRatio-mobile, var(--di4fox-imageRatio, auto)); img { object-fit: var(--di4fox-objFit-mobile, var(--di4fox-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-zgr28y"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #1D1D1F; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --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: none; --zgr28y-typography: h1; --zgr28y-typography-tablet: h1; --zgr28y-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-mobile: center; }[data-bnode="beae-zgr28y"] { margin-top: var(--zgr28y-margin-top, 0px); margin-right: var(--zgr28y-margin-right, 0px); margin-bottom: var(--zgr28y-margin-bottom, 0px); margin-left: var(--zgr28y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zgr28y-margin-top-tablet, 0px); margin-right: var(--zgr28y-margin-right-tablet, 0px); margin-bottom: var(--zgr28y-margin-bottom-tablet, 0px); margin-left: var(--zgr28y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zgr28y-margin-top-mobile, 0px); margin-right: var(--zgr28y-margin-right-mobile, 0px); margin-bottom: var(--zgr28y-margin-bottom-mobile, 0px); margin-left: var(--zgr28y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--zgr28y-highlightColor,var(--beae-p-color)); top: var(--zgr28y-highlightTop, 100%); } }[data-bnode="beae-cgdoa2"] { --cgdoa2-width: fill; --cgdoa2-width-tablet: fill; --cgdoa2-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 50px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 38px; --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: #121212; --beae-btn-text-transform: capitalize; --cgdoa2-iconWidth: 20px; --cgdoa2-iconWidth-tablet: 20px; --cgdoa2-iconWidth-mobile: 20px; --cgdoa2-iconGap: 5px; --cgdoa2-iconGap-tablet: 5px; --cgdoa2-iconGap-mobile: 5px; --cgdoa2-transform: none; --cgdoa2-transform-tablet: none; --cgdoa2-transform-mobile: none; --cgdoa2-button: pr; --cgdoa2-button-tablet: pr; --cgdoa2-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --cgdoa2-margin-top: 40px; --cgdoa2-margin-top-tablet: 40px; --cgdoa2-margin-top-mobile: 40px; --cgdoa2-margin-right: 0px; --cgdoa2-margin-right-tablet: 0px; --cgdoa2-margin-right-mobile: 0px; --cgdoa2-margin-bottom: 0px; --cgdoa2-margin-bottom-tablet: 0px; --cgdoa2-margin-bottom-mobile: 0px; --cgdoa2-margin-left: 0px; --cgdoa2-margin-left-tablet: 0px; --cgdoa2-margin-left-mobile: 0px; }[data-bnode="beae-cgdoa2"] { margin-top: var(--cgdoa2-margin-top, 0px); margin-right: var(--cgdoa2-margin-right, 0px); margin-bottom: var(--cgdoa2-margin-bottom, 0px); margin-left: var(--cgdoa2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cgdoa2-margin-top-tablet, 0px); margin-right: var(--cgdoa2-margin-right-tablet, 0px); margin-bottom: var(--cgdoa2-margin-bottom-tablet, 0px); margin-left: var(--cgdoa2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cgdoa2-margin-top-mobile, 0px); margin-right: var(--cgdoa2-margin-right-mobile, 0px); margin-bottom: var(--cgdoa2-margin-bottom-mobile, 0px); margin-left: var(--cgdoa2-margin-left-mobile, 0px); } &{ gap:var(--cgdoa2-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--cgdoa2-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--cgdoa2-bgBtnHover)) * 1%)); style(--cgdoa2-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--cgdoa2-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--cgdoa2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); style(--cgdoa2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--cgdoa2-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--cgdoa2-borderBtnHover)) * 1%)); style(--cgdoa2-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--cgdoa2-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--cgdoa2-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--cgdoa2-bgBtnHover)) * 1%)); style(--cgdoa2-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--cgdoa2-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--cgdoa2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); style(--cgdoa2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--cgdoa2-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--cgdoa2-borderBtnHover)) * 1%)); style(--cgdoa2-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--cgdoa2-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--cgdoa2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); style(--cgdoa2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--cgdoa2-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--cgdoa2-iconWidth); } svg { width: var(--cgdoa2-iconWidth,20px); min-width: var(--cgdoa2-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--cgdoa2-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--cgdoa2-iconWidth-tablet, var(--cgdoa2-iconWidth)); } svg { width: var(--cgdoa2-iconWidth-tablet, var(--cgdoa2-iconWidth)); min-width: var(--cgdoa2-iconWidth-tablet, var(--cgdoa2-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--cgdoa2-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--cgdoa2-iconWidth-mobile, var(--cgdoa2-iconWidth)); } svg { width: var(--cgdoa2-iconWidth-mobile, var(--cgdoa2-iconWidth)); min-width: var(--cgdoa2-iconWidth-mobile, var(--cgdoa2-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-tu27ek"] { --tu27ek-width: 1392px; --tu27ek-width-tablet: 1392px; --tu27ek-width-mobile: 1392px; --tu27ek-height: fit-content; --tu27ek-height-tablet: fit-content; --tu27ek-height-mobile: fit-content; --tu27ek-padding-top: 112px; --tu27ek-padding-top-tablet: 96px; --tu27ek-padding-top-mobile: 80px; --tu27ek-padding-right: 32px; --tu27ek-padding-right-tablet: 30px; --tu27ek-padding-right-mobile: 16px; --tu27ek-padding-bottom: 112px; --tu27ek-padding-bottom-tablet: 96px; --tu27ek-padding-bottom-mobile: 80px; --tu27ek-padding-left: 32px; --tu27ek-padding-left-tablet: 30px; --tu27ek-padding-left-mobile: 16px; }[data-bnode="beae-tu27ek"] { padding-top: var(--tu27ek-padding-top, 0px); padding-right: var(--tu27ek-padding-right, 0px); padding-bottom: var(--tu27ek-padding-bottom, 0px); padding-left: var(--tu27ek-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--tu27ek-padding-top-tablet, 0px); padding-right: var(--tu27ek-padding-right-tablet, 0px); padding-bottom: var(--tu27ek-padding-bottom-tablet, 0px); padding-left: var(--tu27ek-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--tu27ek-padding-top-mobile, 0px); padding-right: var(--tu27ek-padding-right-mobile, 0px); padding-bottom: var(--tu27ek-padding-bottom-mobile, 0px); padding-left: var(--tu27ek-padding-left-mobile, 0px); } width: calc(100% - var(--tu27ek-padding-left, 0px) - var(--tu27ek-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--tu27ek-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--tu27ek-height); width: 100%; max-width: var(--tu27ek-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(--tu27ek-background-color-tablet, var(--tu27ek-background-color)); & .beae-section-container { height: var(--tu27ek-height-tablet, auto); width: 100%; max-width: var(--tu27ek-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--tu27ek-background-color-mobile, var(--tu27ek-background-color-tablet, var(--tu27ek-background-color))); & .beae-section-container { height: var(--tu27ek-height-mobile, auto); width: 100%; max-width: var(--tu27ek-width-mobile, 100%); } } } }[data-bnode="beae-tu27ek"] > .beae-section-container{     display: flex;     flex-direction: var(--tu27ek-direction, column);     flex-wrap: nowrap;     justify-content: var(--tu27ek-justify-content);     align-items: var(--tu27ek-align-items);     gap: var(--tu27ek-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tu27ek"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--tu27ek-padding-right-tablet, 0px) - var(--tu27ek-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tu27ek"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--tu27ek-padding-right-mobile, 0px) - var(--tu27ek-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-d7pse6"] { --d7pse6-direction: row; --d7pse6-direction-tablet: row; --d7pse6-direction-mobile: column; --d7pse6-structure: columns; --d7pse6-structure-tablet: columns; --d7pse6-structure-mobile: columns; --d7pse6-gap: 64px; --d7pse6-gap-tablet: 40px; --d7pse6-gap-mobile: 20px; --d7pse6-columns: 50.00,50.00; --d7pse6-columns-tablet: 50.00,50.00; --d7pse6-columns-mobile: 50.00,50.00; --d7pse6-columnsPresetId: 50.00,50.00; --d7pse6-columnsPresetId-tablet: 50.00,50.00; --d7pse6-columnsPresetId-mobile: 50.00,50.00; --d7pse6-max-width: 100%; --d7pse6-max-width-tablet: 100%; --d7pse6-max-width-mobile: 100%; --d7pse6-padding-top: 0px; --d7pse6-padding-top-tablet: 0px; --d7pse6-padding-top-mobile: 0px; --d7pse6-padding-right: 0px; --d7pse6-padding-right-tablet: 0px; --d7pse6-padding-right-mobile: 0px; --d7pse6-padding-bottom: 0px; --d7pse6-padding-bottom-tablet: 0px; --d7pse6-padding-bottom-mobile: 0px; --d7pse6-padding-left: 0px; --d7pse6-padding-left-tablet: 0px; --d7pse6-padding-left-mobile: 0px; }[data-bnode="beae-d7pse6"] { padding-top: var(--d7pse6-padding-top, 0px); padding-right: var(--d7pse6-padding-right, 0px); padding-bottom: var(--d7pse6-padding-bottom, 0px); padding-left: var(--d7pse6-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--d7pse6-padding-top-tablet, 0px); padding-right: var(--d7pse6-padding-right-tablet, 0px); padding-bottom: var(--d7pse6-padding-bottom-tablet, 0px); padding-left: var(--d7pse6-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--d7pse6-padding-top-mobile, 0px); padding-right: var(--d7pse6-padding-right-mobile, 0px); padding-bottom: var(--d7pse6-padding-bottom-mobile, 0px); padding-left: var(--d7pse6-padding-left-mobile, 0px); } width: calc(100% - var(--d7pse6-padding-left, 0px) - var(--d7pse6-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot, &.beae-featured-product { overflow: visible; } .beae-section:has(&), .beae-section-container:has(&) { overflow: visible !important; } .beae-section:has(&) > .beae-section-container { overflow: visible !important; } &.beae-slot { position: relative; overflow: visible; background: var(--d7pse6-background-color); border-style: var(--d7pse6-borderStyle, solid); border-color: var(--d7pse6-borderColor, #000000); border-width: var(--d7pse6-borderWidth-tl, 0px) var(--d7pse6-borderWidth-tr, 0px) var(--d7pse6-borderWidth-br, 0px) var(--d7pse6-borderWidth-bl, 0px); border-radius: var(--d7pse6-borderRadius-tl, 0px) var(--d7pse6-borderRadius-tr, 0px) var(--d7pse6-borderRadius-br, 0px) var(--d7pse6-borderRadius-bl, 0px); box-shadow: if( style(--d7pse6-enableShadow: true): var(--d7pse6-shadowHorizontal, 0) var(--d7pse6-shadowVertical, 0) var(--d7pse6-shadowBlur, 0) 1px var(--d7pse6-shadowColor, #000000) ; else: none ); max-width: var(--d7pse6-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--d7pse6-borderWidth-tl-tablet, 0px) var(--d7pse6-borderWidth-tr-tablet, 0px) var(--d7pse6-borderWidth-br-tablet, 0px) var(--d7pse6-borderWidth-bl-tablet, 0px); border-radius: var(--d7pse6-borderRadius-tl-tablet, 0px) var(--d7pse6-borderRadius-tr-tablet, 0px) var(--d7pse6-borderRadius-br-tablet, 0px) var(--d7pse6-borderRadius-bl-tablet, 0px); max-width: var(--d7pse6-max-width-tablet, var(--d7pse6-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--d7pse6-borderWidth-tl-mobile, 0px) var(--d7pse6-borderWidth-tr-mobile, 0px) var(--d7pse6-borderWidth-br-mobile, 0px) var(--d7pse6-borderWidth-bl-mobile, 0px); border-radius: var(--d7pse6-borderRadius-tl-mobile, 0px) var(--d7pse6-borderRadius-tr-mobile, 0px) var(--d7pse6-borderRadius-br-mobile, 0px) var(--d7pse6-borderRadius-bl-mobile, 0px); max-width: var(--d7pse6-max-width-mobile, var(--d7pse6-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; } } } &.beae-featured-product { overflow: visible; align-items: flex-start; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ) { position: sticky; top: 0; align-self: flex-start; height: fit-content; z-index: 2; } &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: sticky; top: 0; align-self: flex-start; z-index: 2; } @media (max-width: 767px) { .beae-section:has(&), .beae-section-container:has(&), .beae-section:has(&) > .beae-section-container, &.beae-slot, &.beae-featured-product { max-width: 100%; overflow-x: hidden !important; } &.beae-slot, &.beae-featured-product, &.beae-featured-product > * { box-sizing: border-box; min-width: 0; width: 100%; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ), &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: static; } } }[data-bnode="beae-d7pse6"] {     display: flex;     flex-direction: var(--d7pse6-direction, column);     flex-wrap: nowrap;     justify-content: var(--d7pse6-justify-content);     align-items: var(--d7pse6-align-items);     gap: var(--d7pse6-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--d7pse6-padding-right, 0px) - var(--d7pse6-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--d7pse6-padding-right, 0px) - var(--d7pse6-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--d7pse6-padding-right, 0px) - var(--d7pse6-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-d7pse6"] {                            gap: var(--d7pse6-gap-tablet, inherit);               &>.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(--d7pse6-padding-right-tablet, 0px) - var(--d7pse6-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--d7pse6-padding-right-tablet, 0px) - var(--d7pse6-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--d7pse6-padding-right-tablet, 0px) - var(--d7pse6-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-d7pse6"] {      flex-direction: var(--d7pse6-direction-mobile, column);                      gap: var(--d7pse6-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-6h8zp0"] { --6h8zp0-media: main; --6h8zp0-media-tablet: main; --6h8zp0-media-mobile: main; --6h8zp0-effect: fade; --6h8zp0-effect-tablet: fade; --6h8zp0-effect-mobile: fade; --6h8zp0-imageRatioMain: 1/1; --6h8zp0-imageRatioMain-tablet: 1/1; --6h8zp0-imageRatioMain-mobile: 1/1; --6h8zp0-positionThumb: bottom; --6h8zp0-positionThumb-tablet: bottom; --6h8zp0-positionThumb-mobile: bottom; --6h8zp0-widthItemThumbs: 100px; --6h8zp0-widthItemThumbs-tablet: 64px; --6h8zp0-widthItemThumbs-mobile: 64px; --6h8zp0-imageRatioThumbs: 1/1; --6h8zp0-imageRatioThumbs-tablet: 1/1; --6h8zp0-imageRatioThumbs-mobile: 1/1; --6h8zp0-borderStyleThumbs: solid; --6h8zp0-borderStyleThumbs-tablet: solid; --6h8zp0-borderStyleThumbs-mobile: solid; --6h8zp0-borderColorThumbs: #000000; --6h8zp0-borderColorThumbs-tablet: #000000; --6h8zp0-borderColorThumbs-mobile: #000000; --6h8zp0-borderWidthThumbs: 1px; --6h8zp0-borderWidthThumbs-tablet: 1px; --6h8zp0-borderWidthThumbs-mobile: 1px; --6h8zp0-gap: 24px; --6h8zp0-gap-tablet: 24px; --6h8zp0-gap-mobile: 24px; --6h8zp0-enableShadowThumbs: false; --6h8zp0-enableShadowThumbs-tablet: false; --6h8zp0-enableShadowThumbs-mobile: false; --6h8zp0-margin-top: 0px; --6h8zp0-margin-top-tablet: 0px; --6h8zp0-margin-top-mobile: 0px; --6h8zp0-margin-right: 0px; --6h8zp0-margin-right-tablet: 0px; --6h8zp0-margin-right-mobile: 0px; --6h8zp0-margin-bottom: 0px; --6h8zp0-margin-bottom-tablet: 0px; --6h8zp0-margin-bottom-mobile: 0px; --6h8zp0-margin-left: 0px; --6h8zp0-margin-left-tablet: 0px; --6h8zp0-margin-left-mobile: 0px; --6h8zp0-borderRadiusThumbs: 12px; --6h8zp0-borderRadiusThumbs-tablet: 12px; --6h8zp0-borderRadiusThumbs-mobile: 12px; --6h8zp0-borderRadiusMain: 24px; --6h8zp0-borderRadiusMain-tablet: 24px; --6h8zp0-borderRadiusMain-mobile: 24px; --6h8zp0-objFit: cover; --6h8zp0-objFit-tablet: cover; --6h8zp0-objFit-mobile: cover; }[data-bnode="beae-6h8zp0"] { margin-top: var(--6h8zp0-margin-top, 0px); margin-right: var(--6h8zp0-margin-right, 0px); margin-bottom: var(--6h8zp0-margin-bottom, 0px); margin-left: var(--6h8zp0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6h8zp0-margin-top-tablet, 0px); margin-right: var(--6h8zp0-margin-right-tablet, 0px); margin-bottom: var(--6h8zp0-margin-bottom-tablet, 0px); margin-left: var(--6h8zp0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6h8zp0-margin-top-mobile, 0px); margin-right: var(--6h8zp0-margin-right-mobile, 0px); margin-bottom: var(--6h8zp0-margin-bottom-mobile, 0px); margin-left: var(--6h8zp0-margin-left-mobile, 0px); } & { .beae-media-product { display: flex; gap: var(--6h8zp0-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--6h8zp0-borderRadiusMain); box-shadow: if( style(--6h8zp0-enableShadowMain: true): var(--6h8zp0-shadowHorizontalMain, 0) var(--6h8zp0-shadowVerticalMain, 0) var(--6h8zp0-shadowBlurMain, 0) 1px var(--6h8zp0-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--6h8zp0-borderWidthMain) var(--6h8zp0-borderStyleMain) var(--6h8zp0-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--6h8zp0-borderRadiusMain); box-shadow: if( style(--6h8zp0-enableShadowMain: true): var(--6h8zp0-shadowHorizontalMain, 0) var(--6h8zp0-shadowVerticalMain, 0) var(--6h8zp0-shadowBlurMain, 0) 1px var(--6h8zp0-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--6h8zp0-borderWidthMain) var(--6h8zp0-borderStyleMain) var(--6h8zp0-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--6h8zp0-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--6h8zp0-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; justify-content: center; align-items: center; } .beae-slider-item { flex: 1 0 var(--6h8zp0-widthItemThumbs, 100px) !important; max-width: var(--6h8zp0-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if( style(--6h8zp0-enableShadowThumbs: true): var(--6h8zp0-shadowHorizontalThumbs, 0) var(--6h8zp0-shadowVerticalThumbs, 0) var(--6h8zp0-shadowBlurThumbs, 0) 1px var(--6h8zp0-shadowColorThumbs, #000000) ; else: none ); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--6h8zp0-borderWidthThumbs) var(--6h8zp0-borderStyleThumbs) var(--6h8zp0-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--6h8zp0-imageRatioThumbs); border-radius: var(--6h8zp0-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 { flex: 0 0 var(--6h8zp0-widthItemThumbs, 100px); width: var(--6h8zp0-widthItemThumbs, 100px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--6h8zp0-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ) !important; width: min( var(--6h8zp0-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); min-width: min( var(--6h8zp0-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); max-width: min( var(--6h8zp0-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); } } &[data-position-thumbs="left"] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--6h8zp0-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 { flex: 0 0 var(--6h8zp0-widthItemThumbs-tablet, 80px); width: var(--6h8zp0-widthItemThumbs-tablet, 80px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--6h8zp0-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ) !important; width: min( var(--6h8zp0-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); min-width: min( var(--6h8zp0-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); max-width: min( var(--6h8zp0-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); } } &[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(--6h8zp0-widthItemThumbs-tablet, 80px) !important; max-width: var(--6h8zp0-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--6h8zp0-imageRatioMain-tablet); border-radius: var(--6h8zp0-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--6h8zp0-objFit-tablet, var(--6h8zp0-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--6h8zp0-imageRatioThumbs-tablet); border-radius: var(--6h8zp0-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--6h8zp0-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(--6h8zp0-widthItemThumbs-mobile, 64px) !important; max-width: var(--6h8zp0-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--6h8zp0-imageRatioMain-mobile); border-radius: var(--6h8zp0-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--6h8zp0-objFit-mobile, var(--6h8zp0-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--6h8zp0-imageRatioThumbs-mobile); border-radius: var(--6h8zp0-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--6h8zp0-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--6h8zp0-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--6h8zp0-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--6h8zp0-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--6h8zp0-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--6h8zp0-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--6h8zp0-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--6h8zp0-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--6h8zp0-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--6h8zp0-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--6h8zp0-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--6h8zp0-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--6h8zp0-navPadding, 12px); background: var(--6h8zp0-navBg, #f5f5f5); color: var(--6h8zp0-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--6h8zp0-navBgHover, #cccccc); color: var(--6h8zp0-navColorHover, #333333); } svg { width: var(--6h8zp0-navIconSize, 20px); height: var(--6h8zp0-navIconSize, 20px); } } } }[data-bnode="beae-073gog"] { --073gog-direction: column; --073gog-direction-tablet: column; --073gog-direction-mobile: column; --073gog-align-items: stretch; --073gog-align-items-tablet: stretch; --073gog-align-items-mobile: stretch; --073gog-gap: 32px; --073gog-gap-tablet: 32px; --073gog-gap-mobile: 32px; --073gog-padding-top: 0px; --073gog-padding-top-tablet: 0px; --073gog-padding-top-mobile: 0px; --073gog-padding-right: 0px; --073gog-padding-right-tablet: 0px; --073gog-padding-right-mobile: 0px; --073gog-padding-bottom: 0px; --073gog-padding-bottom-tablet: 0px; --073gog-padding-bottom-mobile: 0px; --073gog-padding-left: 0px; --073gog-padding-left-tablet: 0px; --073gog-padding-left-mobile: 0px; }[data-bnode="beae-073gog"] { padding-top: var(--073gog-padding-top, 0px); padding-right: var(--073gog-padding-right, 0px); padding-bottom: var(--073gog-padding-bottom, 0px); padding-left: var(--073gog-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--073gog-padding-top-tablet, 0px); padding-right: var(--073gog-padding-right-tablet, 0px); padding-bottom: var(--073gog-padding-bottom-tablet, 0px); padding-left: var(--073gog-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--073gog-padding-top-mobile, 0px); padding-right: var(--073gog-padding-right-mobile, 0px); padding-bottom: var(--073gog-padding-bottom-mobile, 0px); padding-left: var(--073gog-padding-left-mobile, 0px); } width: calc(100% - var(--073gog-padding-left, 0px) - var(--073gog-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--073gog-background-imageRatio, auto); background: var(--073gog-background-color); border-style: var(--073gog-borderStyle,solid); border-color: var(--073gog-borderColor,#000000); border-width: var(--073gog-borderWidth-tl,0px) var(--073gog-borderWidth-tr,0px) var(--073gog-borderWidth-br,0px) var(--073gog-borderWidth-bl,0px); border-radius: var(--073gog-borderRadius-tl,0px) var(--073gog-borderRadius-tr,0px) var(--073gog-borderRadius-br,0px) var(--073gog-borderRadius-bl,0px); box-shadow: if(style(--073gog-enableShadow: true): var(--073gog-shadowHorizontal,0) var(--073gog-shadowVertical,0) var(--073gog-shadowBlur,0) 1px var(--073gog-shadowColor,#000000); else: none); max-width: var(--073gog-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--073gog-background-imageRatio-tablet, var(--073gog-background-imageRatio, auto)); border-width: var(--073gog-borderWidth-tl-tablet,0px) var(--073gog-borderWidth-tr-tablet,0px) var(--073gog-borderWidth-br-tablet,0px) var(--073gog-borderWidth-bl-tablet,0px); border-radius: var(--073gog-borderRadius-tl-tablet,0px) var(--073gog-borderRadius-tr-tablet,0px) var(--073gog-borderRadius-br-tablet,0px) var(--073gog-borderRadius-bl-tablet,0px); max-width: var(--073gog-max-width-tablet, var(--073gog-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--073gog-background-imageRatio-mobile, var(--073gog-background-imageRatio, auto)); border-width: var(--073gog-borderWidth-tl-mobile,0px) var(--073gog-borderWidth-tr-mobile,0px) var(--073gog-borderWidth-br-mobile,0px) var(--073gog-borderWidth-bl-mobile,0px); border-radius: var(--073gog-borderRadius-tl-mobile,0px) var(--073gog-borderRadius-tr-mobile,0px) var(--073gog-borderRadius-br-mobile,0px) var(--073gog-borderRadius-bl-mobile,0px); max-width: var(--073gog-max-width-mobile, var(--073gog-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-073gog"] {     display: flex;     flex-direction: var(--073gog-direction, column);     flex-wrap: nowrap;     justify-content: var(--073gog-justify-content);     align-items: var(--073gog-align-items);     gap: var(--073gog-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-073gog"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--073gog-padding-right-tablet, 0px) - var(--073gog-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-073gog"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--073gog-padding-right-mobile, 0px) - var(--073gog-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-atn0bo"] { --atn0bo-direction: column; --atn0bo-direction-tablet: column; --atn0bo-direction-mobile: column; --atn0bo-structure: columns; --atn0bo-structure-tablet: columns; --atn0bo-structure-mobile: columns; --atn0bo-gap: 12px; --atn0bo-gap-tablet: 12px; --atn0bo-gap-mobile: 12px; }[data-bnode="beae-atn0bo"] { padding-top: var(--atn0bo-padding-top, 0px); padding-right: var(--atn0bo-padding-right, 0px); padding-bottom: var(--atn0bo-padding-bottom, 0px); padding-left: var(--atn0bo-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--atn0bo-padding-top-tablet, 0px); padding-right: var(--atn0bo-padding-right-tablet, 0px); padding-bottom: var(--atn0bo-padding-bottom-tablet, 0px); padding-left: var(--atn0bo-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--atn0bo-padding-top-mobile, 0px); padding-right: var(--atn0bo-padding-right-mobile, 0px); padding-bottom: var(--atn0bo-padding-bottom-mobile, 0px); padding-left: var(--atn0bo-padding-left-mobile, 0px); } width: calc(100% - var(--atn0bo-padding-left, 0px) - var(--atn0bo-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--atn0bo-background-imageRatio, auto); background: var(--atn0bo-background-color); border-style: var(--atn0bo-borderStyle,solid); border-color: var(--atn0bo-borderColor,#000000); border-width: var(--atn0bo-borderWidth-tl,0px) var(--atn0bo-borderWidth-tr,0px) var(--atn0bo-borderWidth-br,0px) var(--atn0bo-borderWidth-bl,0px); border-radius: var(--atn0bo-borderRadius-tl,0px) var(--atn0bo-borderRadius-tr,0px) var(--atn0bo-borderRadius-br,0px) var(--atn0bo-borderRadius-bl,0px); box-shadow: if(style(--atn0bo-enableShadow: true): var(--atn0bo-shadowHorizontal,0) var(--atn0bo-shadowVertical,0) var(--atn0bo-shadowBlur,0) 1px var(--atn0bo-shadowColor,#000000); else: none); max-width: var(--atn0bo-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--atn0bo-background-imageRatio-tablet, var(--atn0bo-background-imageRatio, auto)); border-width: var(--atn0bo-borderWidth-tl-tablet,0px) var(--atn0bo-borderWidth-tr-tablet,0px) var(--atn0bo-borderWidth-br-tablet,0px) var(--atn0bo-borderWidth-bl-tablet,0px); border-radius: var(--atn0bo-borderRadius-tl-tablet,0px) var(--atn0bo-borderRadius-tr-tablet,0px) var(--atn0bo-borderRadius-br-tablet,0px) var(--atn0bo-borderRadius-bl-tablet,0px); max-width: var(--atn0bo-max-width-tablet, var(--atn0bo-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--atn0bo-background-imageRatio-mobile, var(--atn0bo-background-imageRatio, auto)); border-width: var(--atn0bo-borderWidth-tl-mobile,0px) var(--atn0bo-borderWidth-tr-mobile,0px) var(--atn0bo-borderWidth-br-mobile,0px) var(--atn0bo-borderWidth-bl-mobile,0px); border-radius: var(--atn0bo-borderRadius-tl-mobile,0px) var(--atn0bo-borderRadius-tr-mobile,0px) var(--atn0bo-borderRadius-br-mobile,0px) var(--atn0bo-borderRadius-bl-mobile,0px); max-width: var(--atn0bo-max-width-mobile, var(--atn0bo-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-atn0bo"] {     display: flex;     flex-direction: var(--atn0bo-direction, column);     flex-wrap: nowrap;     justify-content: var(--atn0bo-justify-content);     align-items: var(--atn0bo-align-items);     gap: var(--atn0bo-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-atn0bo"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--atn0bo-padding-right-tablet, 0px) - var(--atn0bo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-atn0bo"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--atn0bo-padding-right-mobile, 0px) - var(--atn0bo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1yek8e"] { --1yek8e-direction: row; --1yek8e-direction-tablet: row; --1yek8e-direction-mobile: row; --1yek8e-structure: auto; --1yek8e-structure-tablet: auto; --1yek8e-structure-mobile: auto; --1yek8e-gap: 12px; --1yek8e-gap-tablet: 4px; --1yek8e-gap-mobile: 4px; --1yek8e-align-items: center; --1yek8e-align-items-tablet: center; --1yek8e-align-items-mobile: center; --1yek8e-justify-content: flex-start; --1yek8e-justify-content-tablet: flex-start; --1yek8e-justify-content-mobile: flex-start; }[data-bnode="beae-1yek8e"] { padding-top: var(--1yek8e-padding-top, 0px); padding-right: var(--1yek8e-padding-right, 0px); padding-bottom: var(--1yek8e-padding-bottom, 0px); padding-left: var(--1yek8e-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--1yek8e-padding-top-tablet, 0px); padding-right: var(--1yek8e-padding-right-tablet, 0px); padding-bottom: var(--1yek8e-padding-bottom-tablet, 0px); padding-left: var(--1yek8e-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--1yek8e-padding-top-mobile, 0px); padding-right: var(--1yek8e-padding-right-mobile, 0px); padding-bottom: var(--1yek8e-padding-bottom-mobile, 0px); padding-left: var(--1yek8e-padding-left-mobile, 0px); } width: calc(100% - var(--1yek8e-padding-left, 0px) - var(--1yek8e-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--1yek8e-background-imageRatio, auto); background: var(--1yek8e-background-color); border-style: var(--1yek8e-borderStyle,solid); border-color: var(--1yek8e-borderColor,#000000); border-width: var(--1yek8e-borderWidth-tl,0px) var(--1yek8e-borderWidth-tr,0px) var(--1yek8e-borderWidth-br,0px) var(--1yek8e-borderWidth-bl,0px); border-radius: var(--1yek8e-borderRadius-tl,0px) var(--1yek8e-borderRadius-tr,0px) var(--1yek8e-borderRadius-br,0px) var(--1yek8e-borderRadius-bl,0px); box-shadow: if(style(--1yek8e-enableShadow: true): var(--1yek8e-shadowHorizontal,0) var(--1yek8e-shadowVertical,0) var(--1yek8e-shadowBlur,0) 1px var(--1yek8e-shadowColor,#000000); else: none); max-width: var(--1yek8e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--1yek8e-background-imageRatio-tablet, var(--1yek8e-background-imageRatio, auto)); border-width: var(--1yek8e-borderWidth-tl-tablet,0px) var(--1yek8e-borderWidth-tr-tablet,0px) var(--1yek8e-borderWidth-br-tablet,0px) var(--1yek8e-borderWidth-bl-tablet,0px); border-radius: var(--1yek8e-borderRadius-tl-tablet,0px) var(--1yek8e-borderRadius-tr-tablet,0px) var(--1yek8e-borderRadius-br-tablet,0px) var(--1yek8e-borderRadius-bl-tablet,0px); max-width: var(--1yek8e-max-width-tablet, var(--1yek8e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--1yek8e-background-imageRatio-mobile, var(--1yek8e-background-imageRatio, auto)); border-width: var(--1yek8e-borderWidth-tl-mobile,0px) var(--1yek8e-borderWidth-tr-mobile,0px) var(--1yek8e-borderWidth-br-mobile,0px) var(--1yek8e-borderWidth-bl-mobile,0px); border-radius: var(--1yek8e-borderRadius-tl-mobile,0px) var(--1yek8e-borderRadius-tr-mobile,0px) var(--1yek8e-borderRadius-br-mobile,0px) var(--1yek8e-borderRadius-bl-mobile,0px); max-width: var(--1yek8e-max-width-mobile, var(--1yek8e-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-1yek8e"] {     display: flex;     flex-direction: var(--1yek8e-direction, column);     flex-wrap: nowrap;     justify-content: var(--1yek8e-justify-content);     align-items: var(--1yek8e-align-items);     gap: var(--1yek8e-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1yek8e"] {                            gap: var(--1yek8e-gap-tablet, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1yek8e-padding-right-tablet, 0px) - var(--1yek8e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1yek8e"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1yek8e-padding-right-mobile, 0px) - var(--1yek8e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-92ha16"] { margin-top: var(--92ha16-margin-top, 0px); margin-right: var(--92ha16-margin-right, 0px); margin-bottom: var(--92ha16-margin-bottom, 0px); margin-left: var(--92ha16-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--92ha16-margin-top-tablet, 0px); margin-right: var(--92ha16-margin-right-tablet, 0px); margin-bottom: var(--92ha16-margin-bottom-tablet, 0px); margin-left: var(--92ha16-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--92ha16-margin-top-mobile, 0px); margin-right: var(--92ha16-margin-right-mobile, 0px); margin-bottom: var(--92ha16-margin-bottom-mobile, 0px); margin-left: var(--92ha16-margin-left-mobile, 0px); } }[data-bnode="beae-rybq25"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; --rybq25-typography: p; --rybq25-typography-tablet: p; --rybq25-typography-mobile: p; }[data-bnode="beae-rybq25"] { margin-top: var(--rybq25-margin-top, 0px); margin-right: var(--rybq25-margin-right, 0px); margin-bottom: var(--rybq25-margin-bottom, 0px); margin-left: var(--rybq25-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rybq25-margin-top-tablet, 0px); margin-right: var(--rybq25-margin-right-tablet, 0px); margin-bottom: var(--rybq25-margin-bottom-tablet, 0px); margin-left: var(--rybq25-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rybq25-margin-top-mobile, 0px); margin-right: var(--rybq25-margin-right-mobile, 0px); margin-bottom: var(--rybq25-margin-bottom-mobile, 0px); margin-left: var(--rybq25-margin-left-mobile, 0px); } }[data-bnode="beae-b980ms"] { --b980ms-maxWidth: auto; --b980ms-maxWidth-tablet: auto; --b980ms-maxWidth-mobile: auto; --b980ms-typography: h2; --b980ms-typography-tablet: h2; --b980ms-typography-mobile: h2; --b980ms-margin-top: 0px; --b980ms-margin-top-tablet: 0px; --b980ms-margin-top-mobile: 0px; --b980ms-margin-right: 0px; --b980ms-margin-right-tablet: 0px; --b980ms-margin-right-mobile: 0px; --b980ms-margin-bottom: 0px; --b980ms-margin-bottom-tablet: 0px; --b980ms-margin-bottom-mobile: 0px; --b980ms-margin-left: 0px; --b980ms-margin-left-tablet: 0px; --b980ms-margin-left-mobile: 0px; --beae-h2-font-weight: 600; --beae-h2-font-size-mobile: 30px; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing-mobile: 0px; }[data-bnode="beae-b980ms"] { margin-top: var(--b980ms-margin-top, 0px); margin-right: var(--b980ms-margin-right, 0px); margin-bottom: var(--b980ms-margin-bottom, 0px); margin-left: var(--b980ms-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b980ms-margin-top-tablet, 0px); margin-right: var(--b980ms-margin-right-tablet, 0px); margin-bottom: var(--b980ms-margin-bottom-tablet, 0px); margin-left: var(--b980ms-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b980ms-margin-top-mobile, 0px); margin-right: var(--b980ms-margin-right-mobile, 0px); margin-bottom: var(--b980ms-margin-bottom-mobile, 0px); margin-left: var(--b980ms-margin-left-mobile, 0px); } &.beae-product-title { max-width: var(--b980ms-maxWidth); width: if(style(--b980ms-maxWidth: auto): fit-content; else: 100%); } }[data-bnode="beae-pt9qq3"] { --pt9qq3-priceType: salePrice; --pt9qq3-priceType-tablet: salePrice; --pt9qq3-priceType-mobile: salePrice; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --pt9qq3-decoration: line-through; --pt9qq3-decoration-tablet: line-through; --pt9qq3-decoration-mobile: line-through; --pt9qq3-scale: 0.8; --pt9qq3-scale-tablet: 0.8; --pt9qq3-scale-mobile: 0.8; --pt9qq3-salePriceColor: #C23C39; --pt9qq3-salePriceColor-tablet: #C23C39; --pt9qq3-salePriceColor-mobile: #C23C39; --pt9qq3-comparePriceColor: #808080; --pt9qq3-comparePriceColor-tablet: #808080; --pt9qq3-comparePriceColor-mobile: #808080; --pt9qq3-margin-top: 0px; --pt9qq3-margin-top-tablet: 0px; --pt9qq3-margin-top-mobile: 0px; --pt9qq3-margin-right: 0px; --pt9qq3-margin-right-tablet: 0px; --pt9qq3-margin-right-mobile: 0px; --pt9qq3-margin-bottom: 0px; --pt9qq3-margin-bottom-tablet: 0px; --pt9qq3-margin-bottom-mobile: 0px; --pt9qq3-margin-left: 0px; --pt9qq3-margin-left-tablet: 0px; --pt9qq3-margin-left-mobile: 0px; }[data-bnode="beae-pt9qq3"] { margin-top: var(--pt9qq3-margin-top, 0px); margin-right: var(--pt9qq3-margin-right, 0px); margin-bottom: var(--pt9qq3-margin-bottom, 0px); margin-left: var(--pt9qq3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pt9qq3-margin-top-tablet, 0px); margin-right: var(--pt9qq3-margin-right-tablet, 0px); margin-bottom: var(--pt9qq3-margin-bottom-tablet, 0px); margin-left: var(--pt9qq3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pt9qq3-margin-top-mobile, 0px); margin-right: var(--pt9qq3-margin-right-mobile, 0px); margin-bottom: var(--pt9qq3-margin-bottom-mobile, 0px); margin-left: var(--pt9qq3-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--pt9qq3-comparePriceColor); text-decoration: var(--pt9qq3-decoration,none); font-size: calc(var(--pt9qq3-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--pt9qq3-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-j29y5y"] { --j29y5y-direction: column; --j29y5y-direction-tablet: column; --j29y5y-direction-mobile: column; --j29y5y-structure: columns; --j29y5y-structure-tablet: columns; --j29y5y-structure-mobile: columns; --j29y5y-gap: 12px; --j29y5y-gap-tablet: 12px; --j29y5y-gap-mobile: 12px; }[data-bnode="beae-j29y5y"] { padding-top: var(--j29y5y-padding-top, 0px); padding-right: var(--j29y5y-padding-right, 0px); padding-bottom: var(--j29y5y-padding-bottom, 0px); padding-left: var(--j29y5y-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--j29y5y-padding-top-tablet, 0px); padding-right: var(--j29y5y-padding-right-tablet, 0px); padding-bottom: var(--j29y5y-padding-bottom-tablet, 0px); padding-left: var(--j29y5y-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--j29y5y-padding-top-mobile, 0px); padding-right: var(--j29y5y-padding-right-mobile, 0px); padding-bottom: var(--j29y5y-padding-bottom-mobile, 0px); padding-left: var(--j29y5y-padding-left-mobile, 0px); } width: calc(100% - var(--j29y5y-padding-left, 0px) - var(--j29y5y-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--j29y5y-background-imageRatio, auto); background: var(--j29y5y-background-color); border-style: var(--j29y5y-borderStyle,solid); border-color: var(--j29y5y-borderColor,#000000); border-width: var(--j29y5y-borderWidth-tl,0px) var(--j29y5y-borderWidth-tr,0px) var(--j29y5y-borderWidth-br,0px) var(--j29y5y-borderWidth-bl,0px); border-radius: var(--j29y5y-borderRadius-tl,0px) var(--j29y5y-borderRadius-tr,0px) var(--j29y5y-borderRadius-br,0px) var(--j29y5y-borderRadius-bl,0px); box-shadow: if(style(--j29y5y-enableShadow: true): var(--j29y5y-shadowHorizontal,0) var(--j29y5y-shadowVertical,0) var(--j29y5y-shadowBlur,0) 1px var(--j29y5y-shadowColor,#000000); else: none); max-width: var(--j29y5y-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--j29y5y-background-imageRatio-tablet, var(--j29y5y-background-imageRatio, auto)); border-width: var(--j29y5y-borderWidth-tl-tablet,0px) var(--j29y5y-borderWidth-tr-tablet,0px) var(--j29y5y-borderWidth-br-tablet,0px) var(--j29y5y-borderWidth-bl-tablet,0px); border-radius: var(--j29y5y-borderRadius-tl-tablet,0px) var(--j29y5y-borderRadius-tr-tablet,0px) var(--j29y5y-borderRadius-br-tablet,0px) var(--j29y5y-borderRadius-bl-tablet,0px); max-width: var(--j29y5y-max-width-tablet, var(--j29y5y-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--j29y5y-background-imageRatio-mobile, var(--j29y5y-background-imageRatio, auto)); border-width: var(--j29y5y-borderWidth-tl-mobile,0px) var(--j29y5y-borderWidth-tr-mobile,0px) var(--j29y5y-borderWidth-br-mobile,0px) var(--j29y5y-borderWidth-bl-mobile,0px); border-radius: var(--j29y5y-borderRadius-tl-mobile,0px) var(--j29y5y-borderRadius-tr-mobile,0px) var(--j29y5y-borderRadius-br-mobile,0px) var(--j29y5y-borderRadius-bl-mobile,0px); max-width: var(--j29y5y-max-width-mobile, var(--j29y5y-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-j29y5y"] {     display: flex;     flex-direction: var(--j29y5y-direction, column);     flex-wrap: nowrap;     justify-content: var(--j29y5y-justify-content);     align-items: var(--j29y5y-align-items);     gap: var(--j29y5y-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-j29y5y"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--j29y5y-padding-right-tablet, 0px) - var(--j29y5y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-j29y5y"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--j29y5y-padding-right-mobile, 0px) - var(--j29y5y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-04afyl"] { --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #1D1D1F; --beae-h5-font-family: Instrument Sans; --beae-h5-font-weight: 600; --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: none; --04afyl-typography: h5; --04afyl-typography-tablet: h5; --04afyl-typography-mobile: h5; --beae-h5-text-align: start; }[data-bnode="beae-04afyl"] { margin-top: var(--04afyl-margin-top, 0px); margin-right: var(--04afyl-margin-right, 0px); margin-bottom: var(--04afyl-margin-bottom, 0px); margin-left: var(--04afyl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--04afyl-margin-top-tablet, 0px); margin-right: var(--04afyl-margin-right-tablet, 0px); margin-bottom: var(--04afyl-margin-bottom-tablet, 0px); margin-left: var(--04afyl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--04afyl-margin-top-mobile, 0px); margin-right: var(--04afyl-margin-right-mobile, 0px); margin-bottom: var(--04afyl-margin-bottom-mobile, 0px); margin-left: var(--04afyl-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--04afyl-highlightColor,var(--beae-p-color)); top: var(--04afyl-highlightTop, 100%); } }[data-bnode="beae-t51zka"] { --t51zka-direction: row; --t51zka-direction-tablet: row; --t51zka-direction-mobile: row; --t51zka-structure: auto; --t51zka-structure-tablet: auto; --t51zka-structure-mobile: auto; --t51zka-align-items: center; --t51zka-align-items-tablet: center; --t51zka-align-items-mobile: center; --t51zka-justify-content: flex-start; --t51zka-justify-content-tablet: flex-start; --t51zka-justify-content-mobile: flex-start; --t51zka-gap: 12px; --t51zka-gap-tablet: 12px; --t51zka-gap-mobile: 8px; --t51zka-padding-top: 0px; --t51zka-padding-top-tablet: 0px; --t51zka-padding-top-mobile: 0px; --t51zka-padding-right: 0px; --t51zka-padding-right-tablet: 0px; --t51zka-padding-right-mobile: 0px; --t51zka-padding-bottom: 0px; --t51zka-padding-bottom-tablet: 0px; --t51zka-padding-bottom-mobile: 0px; --t51zka-padding-left: 0px; --t51zka-padding-left-tablet: 0px; --t51zka-padding-left-mobile: 0px; }[data-bnode="beae-t51zka"] { padding-top: var(--t51zka-padding-top, 0px); padding-right: var(--t51zka-padding-right, 0px); padding-bottom: var(--t51zka-padding-bottom, 0px); padding-left: var(--t51zka-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--t51zka-padding-top-tablet, 0px); padding-right: var(--t51zka-padding-right-tablet, 0px); padding-bottom: var(--t51zka-padding-bottom-tablet, 0px); padding-left: var(--t51zka-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--t51zka-padding-top-mobile, 0px); padding-right: var(--t51zka-padding-right-mobile, 0px); padding-bottom: var(--t51zka-padding-bottom-mobile, 0px); padding-left: var(--t51zka-padding-left-mobile, 0px); } width: calc(100% - var(--t51zka-padding-left, 0px) - var(--t51zka-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--t51zka-background-imageRatio, auto); background: var(--t51zka-background-color); border-style: var(--t51zka-borderStyle,solid); border-color: var(--t51zka-borderColor,#000000); border-width: var(--t51zka-borderWidth-tl,0px) var(--t51zka-borderWidth-tr,0px) var(--t51zka-borderWidth-br,0px) var(--t51zka-borderWidth-bl,0px); border-radius: var(--t51zka-borderRadius-tl,0px) var(--t51zka-borderRadius-tr,0px) var(--t51zka-borderRadius-br,0px) var(--t51zka-borderRadius-bl,0px); box-shadow: if(style(--t51zka-enableShadow: true): var(--t51zka-shadowHorizontal,0) var(--t51zka-shadowVertical,0) var(--t51zka-shadowBlur,0) 1px var(--t51zka-shadowColor,#000000); else: none); max-width: var(--t51zka-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--t51zka-background-imageRatio-tablet, var(--t51zka-background-imageRatio, auto)); border-width: var(--t51zka-borderWidth-tl-tablet,0px) var(--t51zka-borderWidth-tr-tablet,0px) var(--t51zka-borderWidth-br-tablet,0px) var(--t51zka-borderWidth-bl-tablet,0px); border-radius: var(--t51zka-borderRadius-tl-tablet,0px) var(--t51zka-borderRadius-tr-tablet,0px) var(--t51zka-borderRadius-br-tablet,0px) var(--t51zka-borderRadius-bl-tablet,0px); max-width: var(--t51zka-max-width-tablet, var(--t51zka-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--t51zka-background-imageRatio-mobile, var(--t51zka-background-imageRatio, auto)); border-width: var(--t51zka-borderWidth-tl-mobile,0px) var(--t51zka-borderWidth-tr-mobile,0px) var(--t51zka-borderWidth-br-mobile,0px) var(--t51zka-borderWidth-bl-mobile,0px); border-radius: var(--t51zka-borderRadius-tl-mobile,0px) var(--t51zka-borderRadius-tr-mobile,0px) var(--t51zka-borderRadius-br-mobile,0px) var(--t51zka-borderRadius-bl-mobile,0px); max-width: var(--t51zka-max-width-mobile, var(--t51zka-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-t51zka"] {     display: flex;     flex-direction: var(--t51zka-direction, column);     flex-wrap: nowrap;     justify-content: var(--t51zka-justify-content);     align-items: var(--t51zka-align-items);     gap: var(--t51zka-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-t51zka"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--t51zka-padding-right-tablet, 0px) - var(--t51zka-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-t51zka"] {                            gap: var(--t51zka-gap-mobile, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--t51zka-padding-right-mobile, 0px) - var(--t51zka-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2yfulv"] { --2yfulv-typography: p; --2yfulv-typography-tablet: p; --2yfulv-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-p-line-height: 1.5; --2yfulv-margin-top: 0px; --2yfulv-margin-top-tablet: 0px; --2yfulv-margin-top-mobile: 0px; --2yfulv-margin-right: 0px; --2yfulv-margin-right-tablet: 0px; --2yfulv-margin-right-mobile: 0px; --2yfulv-margin-bottom: 0px; --2yfulv-margin-bottom-tablet: 0px; --2yfulv-margin-bottom-mobile: 0px; --2yfulv-margin-left: 0px; --2yfulv-margin-left-tablet: 0px; --2yfulv-margin-left-mobile: 0px; }[data-bnode="beae-2yfulv"] { margin-top: var(--2yfulv-margin-top, 0px); margin-right: var(--2yfulv-margin-right, 0px); margin-bottom: var(--2yfulv-margin-bottom, 0px); margin-left: var(--2yfulv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2yfulv-margin-top-tablet, 0px); margin-right: var(--2yfulv-margin-right-tablet, 0px); margin-bottom: var(--2yfulv-margin-bottom-tablet, 0px); margin-left: var(--2yfulv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2yfulv-margin-top-mobile, 0px); margin-right: var(--2yfulv-margin-right-mobile, 0px); margin-bottom: var(--2yfulv-margin-bottom-mobile, 0px); margin-left: var(--2yfulv-margin-left-mobile, 0px); } }[data-bnode="beae-dhfo5z"] { --dhfo5z-typography: h4; --dhfo5z-typography-tablet: h4; --dhfo5z-typography-mobile: h4; --beae-h4-text-align: start; --dhfo5z-timer: label; --dhfo5z-timer-tablet: label; --dhfo5z-timer-mobile: label; --beae-h3-font-size-mobile: 13px; --beae-h3-color: #FFF; --beae-p-color: #fff; --beae-h3-font-size: 16px; --beae-h3-font-size-tablet: 13px; --beae-h3-line-height-tablet: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-p-font-size-tablet: 13px; --beae-p-font-size-mobile: 13px; --beae-p-text-align-mobile: center; }[data-bnode="beae-dhfo5z"] { margin-top: var(--dhfo5z-margin-top, 0px); margin-right: var(--dhfo5z-margin-right, 0px); margin-bottom: var(--dhfo5z-margin-bottom, 0px); margin-left: var(--dhfo5z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dhfo5z-margin-top-tablet, 0px); margin-right: var(--dhfo5z-margin-right-tablet, 0px); margin-bottom: var(--dhfo5z-margin-bottom-tablet, 0px); margin-left: var(--dhfo5z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dhfo5z-margin-top-mobile, 0px); margin-right: var(--dhfo5z-margin-right-mobile, 0px); margin-bottom: var(--dhfo5z-margin-bottom-mobile, 0px); margin-left: var(--dhfo5z-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; display: flex; flex-wrap: wrap; align-items: center; text-align: center; gap: var(--dhfo5z-gap, 10px); gap: 10px; background: #c83b3b; color: #ffffff; border-radius: 13px; padding: 13px 20px; line-height: 1; &.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; flex: 0 1 auto; min-width: 0; display: flex; flex-direction: row; align-items: baseline; justify-content: center; border-style: var(--dhfo5z-borderStyle, solid); border-color: var(--dhfo5z-borderColor, #000000); border-width: var(--dhfo5z-borderWidth-tl, 0px) var(--dhfo5z-borderWidth-tr, 0px) var(--dhfo5z-borderWidth-br, 0px) var(--dhfo5z-borderWidth-bl, 0px); border-radius: var(--dhfo5z-borderRadius-tl, 0px) var(--dhfo5z-borderRadius-tr, 0px) var(--dhfo5z-borderRadius-br, 0px) var(--dhfo5z-borderRadius-bl, 0px); box-shadow: if( style(--dhfo5z-enableShadow: true): var(--dhfo5z-shadowHorizontal, 0) var(--dhfo5z-shadowVertical, 0) var(--dhfo5z-shadowBlur, 0) 1px var(--dhfo5z-shadowColor, #000000) ; else: none ); max-width: var(--dhfo5z-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--dhfo5z-borderWidth-tl-tablet, 0px) var(--dhfo5z-borderWidth-tr-tablet, 0px) var(--dhfo5z-borderWidth-br-tablet, 0px) var(--dhfo5z-borderWidth-bl-tablet, 0px); border-radius: var(--dhfo5z-borderRadius-tl-tablet, 0px) var(--dhfo5z-borderRadius-tr-tablet, 0px) var(--dhfo5z-borderRadius-br-tablet, 0px) var(--dhfo5z-borderRadius-bl-tablet, 0px); max-width: var(--dhfo5z-max-width-tablet, var(--dhfo5z-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--dhfo5z-borderWidth-tl-mobile, 0px) var(--dhfo5z-borderWidth-tr-mobile, 0px) var(--dhfo5z-borderWidth-br-mobile, 0px) var(--dhfo5z-borderWidth-bl-mobile, 0px); border-radius: var(--dhfo5z-borderRadius-tl-mobile, 0px) var(--dhfo5z-borderRadius-tr-mobile, 0px) var(--dhfo5z-borderRadius-br-mobile, 0px) var(--dhfo5z-borderRadius-bl-mobile, 0px); max-width: var(--dhfo5z-max-width-mobile, var(--dhfo5z-max-width, 100%)); } overflow: hidden; background: var(--dhfo5z-background-color); padding-inline: var(--dhfo5z-paddingX); padding-block: var(--dhfo5z-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; } } } .beae-countdown-number { display: inline-block; flex: 0 0 auto; min-width: 2ch; text-align: center; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; } .beae-countdown-hour .beae-countdown-number, .beae-countdown-minute .beae-countdown-number, .beae-countdown-second .beae-countdown-number { width: 2ch; } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--dhfo5z-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--dhfo5z-paddingX-tablet); padding-block: var(--dhfo5z-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--dhfo5z-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--dhfo5z-paddingX-mobile); padding-block: var(--dhfo5z-paddingY-mobile); } padding: 10px 10px; } } }[data-bnode="beae-bkby1b"] { --bkby1b-direction: row; --bkby1b-direction-tablet: row; --bkby1b-direction-mobile: column; --bkby1b-structure: auto; --bkby1b-structure-tablet: auto; --bkby1b-structure-mobile: auto; }[data-bnode="beae-bkby1b"] { padding-top: var(--bkby1b-padding-top, 0px); padding-right: var(--bkby1b-padding-right, 0px); padding-bottom: var(--bkby1b-padding-bottom, 0px); padding-left: var(--bkby1b-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bkby1b-padding-top-tablet, 0px); padding-right: var(--bkby1b-padding-right-tablet, 0px); padding-bottom: var(--bkby1b-padding-bottom-tablet, 0px); padding-left: var(--bkby1b-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--bkby1b-padding-top-mobile, 0px); padding-right: var(--bkby1b-padding-right-mobile, 0px); padding-bottom: var(--bkby1b-padding-bottom-mobile, 0px); padding-left: var(--bkby1b-padding-left-mobile, 0px); } width: calc(100% - var(--bkby1b-padding-left, 0px) - var(--bkby1b-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bkby1b-background-imageRatio, auto); background: var(--bkby1b-background-color); border-style: var(--bkby1b-borderStyle,solid); border-color: var(--bkby1b-borderColor,#000000); border-width: var(--bkby1b-borderWidth-tl,0px) var(--bkby1b-borderWidth-tr,0px) var(--bkby1b-borderWidth-br,0px) var(--bkby1b-borderWidth-bl,0px); border-radius: var(--bkby1b-borderRadius-tl,0px) var(--bkby1b-borderRadius-tr,0px) var(--bkby1b-borderRadius-br,0px) var(--bkby1b-borderRadius-bl,0px); box-shadow: if(style(--bkby1b-enableShadow: true): var(--bkby1b-shadowHorizontal,0) var(--bkby1b-shadowVertical,0) var(--bkby1b-shadowBlur,0) 1px var(--bkby1b-shadowColor,#000000); else: none); max-width: var(--bkby1b-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bkby1b-background-imageRatio-tablet, var(--bkby1b-background-imageRatio, auto)); border-width: var(--bkby1b-borderWidth-tl-tablet,0px) var(--bkby1b-borderWidth-tr-tablet,0px) var(--bkby1b-borderWidth-br-tablet,0px) var(--bkby1b-borderWidth-bl-tablet,0px); border-radius: var(--bkby1b-borderRadius-tl-tablet,0px) var(--bkby1b-borderRadius-tr-tablet,0px) var(--bkby1b-borderRadius-br-tablet,0px) var(--bkby1b-borderRadius-bl-tablet,0px); max-width: var(--bkby1b-max-width-tablet, var(--bkby1b-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bkby1b-background-imageRatio-mobile, var(--bkby1b-background-imageRatio, auto)); border-width: var(--bkby1b-borderWidth-tl-mobile,0px) var(--bkby1b-borderWidth-tr-mobile,0px) var(--bkby1b-borderWidth-br-mobile,0px) var(--bkby1b-borderWidth-bl-mobile,0px); border-radius: var(--bkby1b-borderRadius-tl-mobile,0px) var(--bkby1b-borderRadius-tr-mobile,0px) var(--bkby1b-borderRadius-br-mobile,0px) var(--bkby1b-borderRadius-bl-mobile,0px); max-width: var(--bkby1b-max-width-mobile, var(--bkby1b-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-bkby1b"] {     display: flex;     flex-direction: var(--bkby1b-direction, column);     flex-wrap: nowrap;     justify-content: var(--bkby1b-justify-content);     align-items: var(--bkby1b-align-items);     gap: var(--bkby1b-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bkby1b"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--bkby1b-padding-right-tablet, 0px) - var(--bkby1b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bkby1b"] {      flex-direction: var(--bkby1b-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-lqpzwn"] { --lqpzwn-columns: 2; --lqpzwn-columns-tablet: 1; --lqpzwn-columns-mobile: 1; --lqpzwn-gap: 16px; --lqpzwn-gap-tablet: 16px; --lqpzwn-gap-mobile: 16px; --lqpzwn-navType: false; --lqpzwn-navType-tablet: false; --lqpzwn-navType-mobile: false; --lqpzwn-pagiType: false; --lqpzwn-pagiType-tablet: false; --lqpzwn-pagiType-mobile: false; --lqpzwn-listType: grid; --lqpzwn-listType-tablet: grid; --lqpzwn-listType-mobile: grid; --lqpzwn-stateNavigation: normal; --lqpzwn-stateNavigation-tablet: normal; --lqpzwn-stateNavigation-mobile: normal; --lqpzwn-statePagination: normal; --lqpzwn-statePagination-tablet: normal; --lqpzwn-statePagination-mobile: normal; --lqpzwn-stateNavigtion: normal; --lqpzwn-stateNavigtion-tablet: normal; --lqpzwn-stateNavigtion-mobile: normal; --lqpzwn-margin-top: 0px; --lqpzwn-margin-top-tablet: 0px; --lqpzwn-margin-top-mobile: 0px; --lqpzwn-margin-right: 0px; --lqpzwn-margin-right-tablet: 0px; --lqpzwn-margin-right-mobile: 0px; --lqpzwn-margin-bottom: 0px; --lqpzwn-margin-bottom-tablet: 0px; --lqpzwn-margin-bottom-mobile: 0px; --lqpzwn-margin-left: 0px; --lqpzwn-margin-left-tablet: 0px; --lqpzwn-margin-left-mobile: 0px; --lqpzwn-columnsMobile-mobile: 1; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-829vld"] { --829vld-width: 22px; --829vld-imageRatio: 1/1; --829vld-objFit: cover; --829vld-borderColor: #000000; --829vld-shadowColor: #000000; --829vld-borderStyle: none; --829vld-enableShadow: false; --829vld-margin-top: 0px; --829vld-margin-right: 0px; --829vld-margin-bottom: 0px; --829vld-margin-left: 0px; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-cfilmv"] { --cfilmv-typography: h5; --cfilmv-margin-top: 0px; --cfilmv-margin-right: 0px; --cfilmv-margin-bottom: 0px; --cfilmv-margin-left: 0px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; } [data-bnode="beae-lqpzwn"] [data-bnode="beae-yrenbc"] { --yrenbc-typography: p; } [data-bnode="beae-lqpzwn"] [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: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --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-lqpzwn"] { margin-top: var(--lqpzwn-margin-top, 0px); margin-right: var(--lqpzwn-margin-right, 0px); margin-bottom: var(--lqpzwn-margin-bottom, 0px); margin-left: var(--lqpzwn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lqpzwn-margin-top-tablet, 0px); margin-right: var(--lqpzwn-margin-right-tablet, 0px); margin-bottom: var(--lqpzwn-margin-bottom-tablet, 0px); margin-left: var(--lqpzwn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lqpzwn-margin-top-mobile, 0px); margin-right: var(--lqpzwn-margin-right-mobile, 0px); margin-bottom: var(--lqpzwn-margin-bottom-mobile, 0px); margin-left: var(--lqpzwn-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--lqpzwn-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--lqpzwn-gap,20px) * (var(--lqpzwn-columns, 3) - 1) + 1px) / var(--lqpzwn-columns, 3)); &:last-child{ margin-right: var(--lqpzwn-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(--lqpzwn-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lqpzwn-columns) - 1) * var(--lqpzwn-gap,20px)) / var(--lqpzwn-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--lqpzwn-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--lqpzwn-gap-tablet,20px) * (var(--lqpzwn-columns-tablet, 3) - 1)) / var(--lqpzwn-columns-tablet, 3)); &:last-child{ margin-right: var(--lqpzwn-gap-tablet,20px); } } } } & .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(--lqpzwn-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lqpzwn-columns-tablet) - 1) * var(--lqpzwn-gap-tablet,20px)) / var(--lqpzwn-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--lqpzwn-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--lqpzwn-gap-mobile,20px) * (var(--lqpzwn-columnsMobile-mobile, 1) - 1)) / var(--lqpzwn-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--lqpzwn-gap-mobile,20px); } } } } & .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(--lqpzwn-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--lqpzwn-columnsMobile-mobile) - 1) * var(--lqpzwn-gap-mobile,20px)) / var(--lqpzwn-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--lqpzwn-navPadding,12px); background:var(--lqpzwn-navBg,#F5F5F5); color: var(--lqpzwn-navColor,#333333); cursor: pointer; &:hover { background:var(--lqpzwn-navBgHover,#CCCCCC); color: var(--lqpzwn-navColorHover,#333333); } svg { width: var(--lqpzwn-navIconSize,20px); height: var(--lqpzwn-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lqpzwn-pagiBg,#E6E6E6); &.active { background:var(--lqpzwn-pagiBgActive,#181818); } &:not(.active):hover { background:var(--lqpzwn-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--lqpzwn-pagiColor,#e6e6e6); &.active { color:var(--lqpzwn-pagiColorActive,#181818); } &:not(.active):hover { color: var(--lqpzwn-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--lqpzwn-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--lqpzwn-pagiBg,#E6E6E6); &.active { background: var(--lqpzwn-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--lqpzwn-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-lqpzwn"] [data-bnode="beae-829vld"] { margin-top: var(--829vld-margin-top, 0px); margin-right: var(--829vld-margin-right, 0px); margin-bottom: var(--829vld-margin-bottom, 0px); margin-left: var(--829vld-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--829vld-margin-top-tablet, 0px); margin-right: var(--829vld-margin-right-tablet, 0px); margin-bottom: var(--829vld-margin-bottom-tablet, 0px); margin-left: var(--829vld-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--829vld-margin-top-mobile, 0px); margin-right: var(--829vld-margin-right-mobile, 0px); margin-bottom: var(--829vld-margin-bottom-mobile, 0px); margin-left: var(--829vld-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--829vld-width,100%) - var(--829vld-margin-left,0px) - var(--829vld-margin-right,0px)); min-height: min-content; border-style: var(--829vld-borderStyle,solid); border-color: var(--829vld-borderColor,#000000); border-width: var(--829vld-borderWidth-tl,0px) var(--829vld-borderWidth-tr,0px) var(--829vld-borderWidth-br,0px) var(--829vld-borderWidth-bl,0px); border-radius: var(--829vld-borderRadius-tl,0px) var(--829vld-borderRadius-tr,0px) var(--829vld-borderRadius-br,0px) var(--829vld-borderRadius-bl,0px); aspect-ratio: var(--829vld-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--829vld-borderWidth-tl-tablet, var(--829vld-borderWidth-tl,0px)) var(--829vld-borderWidth-tr-tablet, var(--829vld-borderWidth-tr,0px)) var(--829vld-borderWidth-br-tablet, var(--829vld-borderWidth-br,0px)) var(--829vld-borderWidth-bl-tablet, var(--829vld-borderWidth-bl,0px)); border-radius: var(--829vld-borderRadius-tl-tablet, var(--829vld-borderRadius-tl,0px)) var(--829vld-borderRadius-tr-tablet, var(--829vld-borderRadius-tr,0px)) var(--829vld-borderRadius-br-tablet, var(--829vld-borderRadius-br,0px)) var(--829vld-borderRadius-bl-tablet, var(--829vld-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--829vld-borderWidth-tl-mobile, var(--829vld-borderWidth-tl,0px)) var(--829vld-borderWidth-tr-mobile, var(--829vld-borderWidth-tr,0px)) var(--829vld-borderWidth-br-mobile, var(--829vld-borderWidth-br,0px)) var(--829vld-borderWidth-bl-mobile, var(--829vld-borderWidth-bl,0px)); border-radius: var(--829vld-borderRadius-tl-mobile, var(--829vld-borderRadius-tl,0px)) var(--829vld-borderRadius-tr-mobile, var(--829vld-borderRadius-tr,0px)) var(--829vld-borderRadius-br-mobile, var(--829vld-borderRadius-br,0px)) var(--829vld-borderRadius-bl-mobile, var(--829vld-borderRadius-bl,0px)); } box-shadow: if( style(--829vld-enableShadow: true): var(--829vld-shadowHorizontal, 0) var(--829vld-shadowVertical, 0) var(--829vld-shadowBlur, 0) 1px var(--829vld-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--829vld-overlayColor-color, #000); opacity: var(--829vld-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--829vld-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--829vld-width-tablet,var(--829vld-width,100%)) - var(--829vld-margin-left-tablet,var(--829vld-margin-left,0px)) - var(--829vld-margin-right-tablet,var(--829vld-margin-right,0px))); aspect-ratio: var(--829vld-imageRatio-tablet, var(--829vld-imageRatio, auto)); img { object-fit: var(--829vld-objFit-tablet, var(--829vld-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--829vld-width-mobile,var(--829vld-width,100%)) - var(--829vld-margin-left-mobile,var(--829vld-margin-left,0px)) - var(--829vld-margin-right-mobile,var(--829vld-margin-right,0px))); aspect-ratio: var(--829vld-imageRatio-mobile, var(--829vld-imageRatio, auto)); img { object-fit: var(--829vld-objFit-mobile, var(--829vld-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-lqpzwn"] [data-bnode="beae-cfilmv"] { margin-top: var(--cfilmv-margin-top, 0px); margin-right: var(--cfilmv-margin-right, 0px); margin-bottom: var(--cfilmv-margin-bottom, 0px); margin-left: var(--cfilmv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cfilmv-margin-top-tablet, 0px); margin-right: var(--cfilmv-margin-right-tablet, 0px); margin-bottom: var(--cfilmv-margin-bottom-tablet, 0px); margin-left: var(--cfilmv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cfilmv-margin-top-mobile, 0px); margin-right: var(--cfilmv-margin-right-mobile, 0px); margin-bottom: var(--cfilmv-margin-bottom-mobile, 0px); margin-left: var(--cfilmv-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--cfilmv-highlightColor,var(--beae-p-color)); top: var(--cfilmv-highlightTop, 100%); } } [data-bnode="beae-lqpzwn"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, 0px); padding-right: var(--be-ctl-item-padding-right, 0px); padding-bottom: var(--be-ctl-item-padding-bottom, 0px); padding-left: var(--be-ctl-item-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, 0px); padding-right: var(--be-ctl-item-padding-right-tablet, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, 0px); padding-left: var(--be-ctl-item-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, 0px); padding-right: var(--be-ctl-item-padding-right-mobile, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, 0px); padding-left: var(--be-ctl-item-padding-left-mobile, 0px); } width: calc(100% - var(--be-ctl-item-padding-left, 0px) - var(--be-ctl-item-padding-right, 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); 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%)); } > * { 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-lqpzwn"] [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, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lqpzwn"] [data-bnode="be-ctl-item"] {                                          &>.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-lqpzwn"] [data-bnode="be-ctl-item"] {                                          &>.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-rfad1w"] { --rfad1w-direction: row; --rfad1w-direction-tablet: column; --rfad1w-direction-mobile: row; --rfad1w-structure: auto; --rfad1w-structure-tablet: auto; --rfad1w-structure-mobile: auto; --rfad1w-align-items: flex-end; --rfad1w-align-items-tablet: flex-start; --rfad1w-align-items-mobile: flex-start; --rfad1w-gap: 8px; --rfad1w-gap-tablet: 8px; --rfad1w-gap-mobile: 8px; --rfad1w-justify-content: flex-start; --rfad1w-justify-content-tablet: flex-start; --rfad1w-justify-content-mobile: flex-start; --rfad1w-padding-top: 0px; --rfad1w-padding-top-tablet: 0px; --rfad1w-padding-top-mobile: 0px; --rfad1w-padding-right: 0px; --rfad1w-padding-right-tablet: 0px; --rfad1w-padding-right-mobile: 0px; --rfad1w-padding-bottom: 0px; --rfad1w-padding-bottom-tablet: 0px; --rfad1w-padding-bottom-mobile: 0px; --rfad1w-padding-left: 0px; --rfad1w-padding-left-tablet: 0px; --rfad1w-padding-left-mobile: 0px; }[data-bnode="beae-rfad1w"] { padding-top: var(--rfad1w-padding-top, 0px); padding-right: var(--rfad1w-padding-right, 0px); padding-bottom: var(--rfad1w-padding-bottom, 0px); padding-left: var(--rfad1w-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rfad1w-padding-top-tablet, 0px); padding-right: var(--rfad1w-padding-right-tablet, 0px); padding-bottom: var(--rfad1w-padding-bottom-tablet, 0px); padding-left: var(--rfad1w-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--rfad1w-padding-top-mobile, 0px); padding-right: var(--rfad1w-padding-right-mobile, 0px); padding-bottom: var(--rfad1w-padding-bottom-mobile, 0px); padding-left: var(--rfad1w-padding-left-mobile, 0px); } width: calc(100% - var(--rfad1w-padding-left, 0px) - var(--rfad1w-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--rfad1w-background-imageRatio, auto); background: var(--rfad1w-background-color); border-style: var(--rfad1w-borderStyle,solid); border-color: var(--rfad1w-borderColor,#000000); border-width: var(--rfad1w-borderWidth-tl,0px) var(--rfad1w-borderWidth-tr,0px) var(--rfad1w-borderWidth-br,0px) var(--rfad1w-borderWidth-bl,0px); border-radius: var(--rfad1w-borderRadius-tl,0px) var(--rfad1w-borderRadius-tr,0px) var(--rfad1w-borderRadius-br,0px) var(--rfad1w-borderRadius-bl,0px); box-shadow: if(style(--rfad1w-enableShadow: true): var(--rfad1w-shadowHorizontal,0) var(--rfad1w-shadowVertical,0) var(--rfad1w-shadowBlur,0) 1px var(--rfad1w-shadowColor,#000000); else: none); max-width: var(--rfad1w-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rfad1w-background-imageRatio-tablet, var(--rfad1w-background-imageRatio, auto)); border-width: var(--rfad1w-borderWidth-tl-tablet,0px) var(--rfad1w-borderWidth-tr-tablet,0px) var(--rfad1w-borderWidth-br-tablet,0px) var(--rfad1w-borderWidth-bl-tablet,0px); border-radius: var(--rfad1w-borderRadius-tl-tablet,0px) var(--rfad1w-borderRadius-tr-tablet,0px) var(--rfad1w-borderRadius-br-tablet,0px) var(--rfad1w-borderRadius-bl-tablet,0px); max-width: var(--rfad1w-max-width-tablet, var(--rfad1w-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rfad1w-background-imageRatio-mobile, var(--rfad1w-background-imageRatio, auto)); border-width: var(--rfad1w-borderWidth-tl-mobile,0px) var(--rfad1w-borderWidth-tr-mobile,0px) var(--rfad1w-borderWidth-br-mobile,0px) var(--rfad1w-borderWidth-bl-mobile,0px); border-radius: var(--rfad1w-borderRadius-tl-mobile,0px) var(--rfad1w-borderRadius-tr-mobile,0px) var(--rfad1w-borderRadius-br-mobile,0px) var(--rfad1w-borderRadius-bl-mobile,0px); max-width: var(--rfad1w-max-width-mobile, var(--rfad1w-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-rfad1w"] {     display: flex;     flex-direction: var(--rfad1w-direction, column);     flex-wrap: nowrap;     justify-content: var(--rfad1w-justify-content);     align-items: var(--rfad1w-align-items);     gap: var(--rfad1w-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rfad1w"] {      flex-direction: var(--rfad1w-direction-tablet, column);                 align-items: var(--rfad1w-align-items-tablet, inherit);                   &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-rfad1w"] {      flex-direction: var(--rfad1w-direction-mobile, column);                 align-items: var(--rfad1w-align-items-mobile, inherit);                    &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--rfad1w-padding-right-mobile, 0px) - var(--rfad1w-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ko6o9i"] { --ko6o9i-width: 130px; --ko6o9i-width-tablet: 130px; --ko6o9i-width-mobile: 130px; --ko6o9i-height: 45px; --ko6o9i-height-tablet: 45px; --ko6o9i-height-mobile: 45px; --ko6o9i-borderStyle: solid; --ko6o9i-borderStyle-tablet: solid; --ko6o9i-borderStyle-mobile: solid; --ko6o9i-borderWidth-tl: 1px; --ko6o9i-borderWidth-tl-tablet: 1px; --ko6o9i-borderWidth-tl-mobile: 1px; --ko6o9i-borderWidth-tr: 1px; --ko6o9i-borderWidth-tr-tablet: 1px; --ko6o9i-borderWidth-tr-mobile: 1px; --ko6o9i-borderWidth-bl: 1px; --ko6o9i-borderWidth-bl-tablet: 1px; --ko6o9i-borderWidth-bl-mobile: 1px; --ko6o9i-borderWidth-br: 1px; --ko6o9i-borderWidth-br-tablet: 1px; --ko6o9i-borderWidth-br-mobile: 1px; --ko6o9i-borderColor: #E6E6E6; --ko6o9i-borderColor-tablet: #E6E6E6; --ko6o9i-borderColor-mobile: #E6E6E6; --ko6o9i-borderRadius-tl: 999px; --ko6o9i-borderRadius-tl-tablet: 999px; --ko6o9i-borderRadius-tl-mobile: 999px; --ko6o9i-borderRadius-tr: 999px; --ko6o9i-borderRadius-tr-tablet: 999px; --ko6o9i-borderRadius-tr-mobile: 999px; --ko6o9i-borderRadius-bl: 999px; --ko6o9i-borderRadius-bl-tablet: 999px; --ko6o9i-borderRadius-bl-mobile: 999px; --ko6o9i-borderRadius-br: 999px; --ko6o9i-borderRadius-br-tablet: 999px; --ko6o9i-borderRadius-br-mobile: 999px; --ko6o9i-margin-top: 0px; --ko6o9i-margin-top-tablet: 0px; --ko6o9i-margin-top-mobile: 0px; --ko6o9i-margin-right: 0px; --ko6o9i-margin-right-tablet: 0px; --ko6o9i-margin-right-mobile: 0px; --ko6o9i-margin-bottom: 0px; --ko6o9i-margin-bottom-tablet: 0px; --ko6o9i-margin-bottom-mobile: 0px; --ko6o9i-margin-left: 0px; --ko6o9i-margin-left-tablet: 0px; --ko6o9i-margin-left-mobile: 0px; --ko6o9i-enableShadow: false; --ko6o9i-enableShadow-tablet: false; --ko6o9i-enableShadow-mobile: false; --ko6o9i-btnWdith: 80px; --ko6o9i-btnWdith-tablet: 80px; --ko6o9i-btnWdith-mobile: 80px; --ko6o9i-typography: p; --ko6o9i-typography-tablet: p; --ko6o9i-typography-mobile: p; --ko6o9i-inputWidth: 60px; --ko6o9i-inputWidth-tablet: 60px; --ko6o9i-inputWidth-mobile: 60px; --ko6o9i-btnWidth: 60px; --ko6o9i-btnWidth-tablet: 60px; --ko6o9i-btnWidth-mobile: 60px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #5b5b5b; --beae-p-font-weight: 400; --beae-p-line-height: 1.8; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --ko6o9i-btnBg: #ffffff; --ko6o9i-btnBg-tablet: #ffffff; --ko6o9i-btnBg-mobile: #ffffff; }[data-bnode="beae-ko6o9i"] { margin-top: var(--ko6o9i-margin-top, 0px); margin-right: var(--ko6o9i-margin-right, 0px); margin-bottom: var(--ko6o9i-margin-bottom, 0px); margin-left: var(--ko6o9i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ko6o9i-margin-top-tablet, 0px); margin-right: var(--ko6o9i-margin-right-tablet, 0px); margin-bottom: var(--ko6o9i-margin-bottom-tablet, 0px); margin-left: var(--ko6o9i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ko6o9i-margin-top-mobile, 0px); margin-right: var(--ko6o9i-margin-right-mobile, 0px); margin-bottom: var(--ko6o9i-margin-bottom-mobile, 0px); margin-left: var(--ko6o9i-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: 8px; .beae-qty-wrap { height: 52px; display: flex; align-items: stretch; width: fit-content; border-style: var(--ko6o9i-borderStyle, solid); border-color: var(--ko6o9i-borderColor, #000000); border-width: var(--ko6o9i-borderWidth-tl, 0px) var(--ko6o9i-borderWidth-tr, 0px) var(--ko6o9i-borderWidth-br, 0px) var(--ko6o9i-borderWidth-bl, 0px); border-radius: var(--ko6o9i-borderRadius-tl, 0px) var(--ko6o9i-borderRadius-tr, 0px) var(--ko6o9i-borderRadius-br, 0px) var(--ko6o9i-borderRadius-bl, 0px); box-shadow: var(--ko6o9i-shadowHorizontal, 0) var(--ko6o9i-shadowVertical, 0) var(--ko6o9i-shadowBlur, 0) 0 var(--ko6o9i-shadowColor, #000000); overflow: hidden; @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ko6o9i-borderWidth-tl-tablet, 0px) var(--ko6o9i-borderWidth-tr-tablet, 0px) var(--ko6o9i-borderWidth-br-tablet, 0px) var(--ko6o9i-borderWidth-bl-tablet, 0px); border-radius: var(--ko6o9i-borderRadius-tl-tablet, 0px) var(--ko6o9i-borderRadius-tr-tablet, 0px) var(--ko6o9i-borderRadius-br-tablet, 0px) var(--ko6o9i-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--ko6o9i-borderWidth-tl-mobile, 0px) var(--ko6o9i-borderWidth-tr-mobile, 0px) var(--ko6o9i-borderWidth-br-mobile, 0px) var(--ko6o9i-borderWidth-bl-mobile, 0px); border-radius: var(--ko6o9i-borderRadius-tl-mobile, 0px) var(--ko6o9i-borderRadius-tr-mobile, 0px) var(--ko6o9i-borderRadius-br-mobile, 0px) var(--ko6o9i-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; flex: 0 0 var(--ko6o9i-btnWidth, 40px); width: var(--ko6o9i-btnWidth, 40px); height: 100%; box-sizing: border-box; padding: 0; border: none; background: var(--ko6o9i-btnBg, #f5f5f5); color: var(--ko6o9i-btnColor, #333); cursor: pointer; transition: opacity 0.2s; } .beae-qty-input { flex: 0 0 var(--ko6o9i-inputWidth, 40px); min-width: 0; width: var(--ko6o9i-inputWidth, 40px); height: 100%; box-sizing: border-box; padding: 0; text-align: center; border: none; color: var(--ko6o9i-inputColor, #333); background: var(--ko6o9i-inputBg, #ffffff); font-size: 16px; } .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-m349jp"] { --m349jp-width: fill; --m349jp-width-tablet: fill; --m349jp-width-mobile: fill; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 52px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --m349jp-transform: none; --m349jp-transform-tablet: none; --m349jp-transform-mobile: none; --m349jp-iconWidth: 20px; --m349jp-iconWidth-tablet: 20px; --m349jp-iconWidth-mobile: 20px; --m349jp-iconGap: 5px; --m349jp-iconGap-tablet: 5px; --m349jp-iconGap-mobile: 5px; --m349jp-button: pr; --m349jp-button-tablet: pr; --m349jp-button-mobile: pr; --beae-btn-te-label-color: #2A2A2A; --beae-btn-padding: 60px; --beae-btn-pr-background-color: #2F3F28; --beae-btn-height: 52px; --beae-btn-border-radius: 41px; }[data-bnode="beae-m349jp"] { margin-top: var(--m349jp-margin-top, 0px); margin-right: var(--m349jp-margin-right, 0px); margin-bottom: var(--m349jp-margin-bottom, 0px); margin-left: var(--m349jp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m349jp-margin-top-tablet, 0px); margin-right: var(--m349jp-margin-right-tablet, 0px); margin-bottom: var(--m349jp-margin-bottom-tablet, 0px); margin-left: var(--m349jp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m349jp-margin-top-mobile, 0px); margin-right: var(--m349jp-margin-right-mobile, 0px); margin-bottom: var(--m349jp-margin-bottom-mobile, 0px); margin-left: var(--m349jp-margin-left-mobile, 0px); } &.beae-co-btn { gap: var(--m349jp-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--m349jp-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--m349jp-bgBtnHover)) * 1%)); style(--m349jp-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--m349jp-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--m349jp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--m349jp-labelBtnHover)) * 1%)); style(--m349jp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--m349jp-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--m349jp-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--m349jp-borderBtnHover)) * 1%)); style(--m349jp-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--m349jp-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--m349jp-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--m349jp-bgBtnHover)) * 1%)); style(--m349jp-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--m349jp-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--m349jp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--m349jp-labelBtnHover)) * 1%)); style(--m349jp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--m349jp-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--m349jp-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--m349jp-borderBtnHover)) * 1%)); style(--m349jp-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--m349jp-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--m349jp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--m349jp-labelBtnHover)) * 1%)); style(--m349jp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--m349jp-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--m349jp-iconWidth,20px); min-width: var(--m349jp-iconWidth,-20px); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--m349jp-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet); } svg { width: var(--m349jp-iconWidth-tablet, var(--m349jp-iconWidth,20px)); min-width: var(--m349jp-iconWidth-tablet,var(--m349jp-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--m349jp-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--m349jp-iconWidth-mobile,var(--m349jp-iconWidth,20px)); min-width: var(--m349jp-iconWidth-mobile,var(--m349jp-iconWidth,20px)); } } } }[data-bnode="beae-ig6qbz"] { --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --ig6qbz-typography: p; --ig6qbz-typography-tablet: p; --ig6qbz-typography-mobile: p; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-font-size: 16px; --beae-p-letter-spacing: 0px; --beae-p-text-transform: none; --ig6qbz-margin-top: 0px; --ig6qbz-margin-top-tablet: 0px; --ig6qbz-margin-top-mobile: 0px; --ig6qbz-margin-right: 0px; --ig6qbz-margin-right-tablet: 0px; --ig6qbz-margin-right-mobile: 0px; --ig6qbz-margin-bottom: 0px; --ig6qbz-margin-bottom-tablet: 0px; --ig6qbz-margin-bottom-mobile: 0px; --ig6qbz-margin-left: 0px; --ig6qbz-margin-left-tablet: 0px; --ig6qbz-margin-left-mobile: 0px; }[data-bnode="beae-ig6qbz"] { margin-top: var(--ig6qbz-margin-top, 0px); margin-right: var(--ig6qbz-margin-right, 0px); margin-bottom: var(--ig6qbz-margin-bottom, 0px); margin-left: var(--ig6qbz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ig6qbz-margin-top-tablet, 0px); margin-right: var(--ig6qbz-margin-right-tablet, 0px); margin-bottom: var(--ig6qbz-margin-bottom-tablet, 0px); margin-left: var(--ig6qbz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ig6qbz-margin-top-mobile, 0px); margin-right: var(--ig6qbz-margin-right-mobile, 0px); margin-bottom: var(--ig6qbz-margin-bottom-mobile, 0px); margin-left: var(--ig6qbz-margin-left-mobile, 0px); } & .beae-description { p:only-child { margin: 0; } } }[data-bnode="beae-zgwhdb"] { --zgwhdb-direction: column; --zgwhdb-direction-tablet: column; --zgwhdb-direction-mobile: column; --zgwhdb-structure: columns; --zgwhdb-structure-tablet: columns; --zgwhdb-structure-mobile: columns; --zgwhdb-gap: 12px; --zgwhdb-gap-tablet: 12px; --zgwhdb-gap-mobile: 12px; }[data-bnode="beae-zgwhdb"] { padding-top: var(--zgwhdb-padding-top, 0px); padding-right: var(--zgwhdb-padding-right, 0px); padding-bottom: var(--zgwhdb-padding-bottom, 0px); padding-left: var(--zgwhdb-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zgwhdb-padding-top-tablet, 0px); padding-right: var(--zgwhdb-padding-right-tablet, 0px); padding-bottom: var(--zgwhdb-padding-bottom-tablet, 0px); padding-left: var(--zgwhdb-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--zgwhdb-padding-top-mobile, 0px); padding-right: var(--zgwhdb-padding-right-mobile, 0px); padding-bottom: var(--zgwhdb-padding-bottom-mobile, 0px); padding-left: var(--zgwhdb-padding-left-mobile, 0px); } width: calc(100% - var(--zgwhdb-padding-left, 0px) - var(--zgwhdb-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zgwhdb-background-imageRatio, auto); background: var(--zgwhdb-background-color); border-style: var(--zgwhdb-borderStyle,solid); border-color: var(--zgwhdb-borderColor,#000000); border-width: var(--zgwhdb-borderWidth-tl,0px) var(--zgwhdb-borderWidth-tr,0px) var(--zgwhdb-borderWidth-br,0px) var(--zgwhdb-borderWidth-bl,0px); border-radius: var(--zgwhdb-borderRadius-tl,0px) var(--zgwhdb-borderRadius-tr,0px) var(--zgwhdb-borderRadius-br,0px) var(--zgwhdb-borderRadius-bl,0px); box-shadow: if(style(--zgwhdb-enableShadow: true): var(--zgwhdb-shadowHorizontal,0) var(--zgwhdb-shadowVertical,0) var(--zgwhdb-shadowBlur,0) 1px var(--zgwhdb-shadowColor,#000000); else: none); max-width: var(--zgwhdb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zgwhdb-background-imageRatio-tablet, var(--zgwhdb-background-imageRatio, auto)); border-width: var(--zgwhdb-borderWidth-tl-tablet,0px) var(--zgwhdb-borderWidth-tr-tablet,0px) var(--zgwhdb-borderWidth-br-tablet,0px) var(--zgwhdb-borderWidth-bl-tablet,0px); border-radius: var(--zgwhdb-borderRadius-tl-tablet,0px) var(--zgwhdb-borderRadius-tr-tablet,0px) var(--zgwhdb-borderRadius-br-tablet,0px) var(--zgwhdb-borderRadius-bl-tablet,0px); max-width: var(--zgwhdb-max-width-tablet, var(--zgwhdb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zgwhdb-background-imageRatio-mobile, var(--zgwhdb-background-imageRatio, auto)); border-width: var(--zgwhdb-borderWidth-tl-mobile,0px) var(--zgwhdb-borderWidth-tr-mobile,0px) var(--zgwhdb-borderWidth-br-mobile,0px) var(--zgwhdb-borderWidth-bl-mobile,0px); border-radius: var(--zgwhdb-borderRadius-tl-mobile,0px) var(--zgwhdb-borderRadius-tr-mobile,0px) var(--zgwhdb-borderRadius-br-mobile,0px) var(--zgwhdb-borderRadius-bl-mobile,0px); max-width: var(--zgwhdb-max-width-mobile, var(--zgwhdb-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-zgwhdb"] {     display: flex;     flex-direction: var(--zgwhdb-direction, column);     flex-wrap: nowrap;     justify-content: var(--zgwhdb-justify-content);     align-items: var(--zgwhdb-align-items);     gap: var(--zgwhdb-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zgwhdb"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zgwhdb-padding-right-tablet, 0px) - var(--zgwhdb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zgwhdb"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zgwhdb-padding-right-mobile, 0px) - var(--zgwhdb-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3a7y7l"] { --3a7y7l-typography: h5; --3a7y7l-typography-tablet: h5; --3a7y7l-typography-mobile: h5; --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #1D1D1F; --beae-h5-font-weight: 600; --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; --3a7y7l-margin-top: 0px; --3a7y7l-margin-top-tablet: 0px; --3a7y7l-margin-top-mobile: 0px; --3a7y7l-margin-right: 0px; --3a7y7l-margin-right-tablet: 0px; --3a7y7l-margin-right-mobile: 0px; --3a7y7l-margin-bottom: 0px; --3a7y7l-margin-bottom-tablet: 0px; --3a7y7l-margin-bottom-mobile: 0px; --3a7y7l-margin-left: 0px; --3a7y7l-margin-left-tablet: 0px; --3a7y7l-margin-left-mobile: 0px; }[data-bnode="beae-3a7y7l"] { margin-top: var(--3a7y7l-margin-top, 0px); margin-right: var(--3a7y7l-margin-right, 0px); margin-bottom: var(--3a7y7l-margin-bottom, 0px); margin-left: var(--3a7y7l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3a7y7l-margin-top-tablet, 0px); margin-right: var(--3a7y7l-margin-right-tablet, 0px); margin-bottom: var(--3a7y7l-margin-bottom-tablet, 0px); margin-left: var(--3a7y7l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3a7y7l-margin-top-mobile, 0px); margin-right: var(--3a7y7l-margin-right-mobile, 0px); margin-bottom: var(--3a7y7l-margin-bottom-mobile, 0px); margin-left: var(--3a7y7l-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--3a7y7l-highlightColor,var(--beae-p-color)); top: var(--3a7y7l-highlightTop, 100%); } }[data-bnode="beae-z5if0e"] { --z5if0e-typography: p; --z5if0e-typography-tablet: p; --z5if0e-typography-mobile: p; --z5if0e-iconSize: 40; --z5if0e-iconSize-tablet: 40; --z5if0e-iconSize-mobile: 40; --z5if0e-maxWidth: auto; --z5if0e-maxWidth-tablet: auto; --z5if0e-maxWidth-mobile: auto; --z5if0e-margin-top: 11px; --z5if0e-margin-top-tablet: 11px; --z5if0e-margin-top-mobile: 11px; --z5if0e-margin-right: 0px; --z5if0e-margin-right-tablet: 0px; --z5if0e-margin-right-mobile: 0px; --z5if0e-margin-bottom: 0px; --z5if0e-margin-bottom-tablet: 0px; --z5if0e-margin-bottom-mobile: 0px; --z5if0e-margin-left: 0px; --z5if0e-margin-left-tablet: 0px; --z5if0e-margin-left-mobile: 0px; }[data-bnode="beae-z5if0e"] { margin-top: var(--z5if0e-margin-top, 0px); margin-right: var(--z5if0e-margin-right, 0px); margin-bottom: var(--z5if0e-margin-bottom, 0px); margin-left: var(--z5if0e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z5if0e-margin-top-tablet, 0px); margin-right: var(--z5if0e-margin-right-tablet, 0px); margin-bottom: var(--z5if0e-margin-bottom-tablet, 0px); margin-left: var(--z5if0e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z5if0e-margin-top-mobile, 0px); margin-right: var(--z5if0e-margin-right-mobile, 0px); margin-bottom: var(--z5if0e-margin-bottom-mobile, 0px); margin-left: var(--z5if0e-margin-left-mobile, 0px); } & { display: flex; list-style: none; padding: 0; } }[data-bnode="beae-zq4a4c"] { --zq4a4c-width: 1392px; --zq4a4c-width-tablet: 1392px; --zq4a4c-width-mobile: 1392px; --zq4a4c-height: fit-content; --zq4a4c-height-tablet: fit-content; --zq4a4c-height-mobile: fit-content; --zq4a4c-padding-top: 112px; --zq4a4c-padding-top-tablet: 0px; --zq4a4c-padding-top-mobile: 0px; --zq4a4c-padding-right: 32px; --zq4a4c-padding-right-tablet: 30px; --zq4a4c-padding-right-mobile: 16px; --zq4a4c-padding-bottom: 112px; --zq4a4c-padding-bottom-tablet: 96px; --zq4a4c-padding-bottom-mobile: 80px; --zq4a4c-padding-left: 32px; --zq4a4c-padding-left-tablet: 30px; --zq4a4c-padding-left-mobile: 16px; --zq4a4c-gap: 40px; --zq4a4c-gap-tablet: 40px; --zq4a4c-gap-mobile: 36px; }[data-bnode="beae-zq4a4c"] { padding-top: var(--zq4a4c-padding-top, 0px); padding-right: var(--zq4a4c-padding-right, 0px); padding-bottom: var(--zq4a4c-padding-bottom, 0px); padding-left: var(--zq4a4c-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zq4a4c-padding-top-tablet, 0px); padding-right: var(--zq4a4c-padding-right-tablet, 0px); padding-bottom: var(--zq4a4c-padding-bottom-tablet, 0px); padding-left: var(--zq4a4c-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--zq4a4c-padding-top-mobile, 0px); padding-right: var(--zq4a4c-padding-right-mobile, 0px); padding-bottom: var(--zq4a4c-padding-bottom-mobile, 0px); padding-left: var(--zq4a4c-padding-left-mobile, 0px); } width: calc(100% - var(--zq4a4c-padding-left, 0px) - var(--zq4a4c-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--zq4a4c-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--zq4a4c-height); width: 100%; max-width: var(--zq4a4c-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(--zq4a4c-background-color-tablet, var(--zq4a4c-background-color)); & .beae-section-container { height: var(--zq4a4c-height-tablet, auto); width: 100%; max-width: var(--zq4a4c-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--zq4a4c-background-color-mobile, var(--zq4a4c-background-color-tablet, var(--zq4a4c-background-color))); & .beae-section-container { height: var(--zq4a4c-height-mobile, auto); width: 100%; max-width: var(--zq4a4c-width-mobile, 100%); } } } }[data-bnode="beae-zq4a4c"] > .beae-section-container{     display: flex;     flex-direction: var(--zq4a4c-direction, column);     flex-wrap: nowrap;     justify-content: var(--zq4a4c-justify-content);     align-items: var(--zq4a4c-align-items);     gap: var(--zq4a4c-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zq4a4c"] > .beae-section-container{                            gap: var(--zq4a4c-gap-tablet, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zq4a4c-padding-right-tablet, 0px) - var(--zq4a4c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zq4a4c"] > .beae-section-container{                            gap: var(--zq4a4c-gap-mobile, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zq4a4c-padding-right-mobile, 0px) - var(--zq4a4c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9ukd75"] { --9ukd75-direction: row; --9ukd75-direction-tablet: row; --9ukd75-direction-mobile: row; --9ukd75-structure: columns; --9ukd75-structure-tablet: columns; --9ukd75-structure-mobile: columns; --9ukd75-padding-top-tablet: 0px; --9ukd75-padding-top-mobile: 0px; --9ukd75-padding-right-tablet: 24px; --9ukd75-padding-right-mobile: 0px; --9ukd75-padding-bottom-tablet: 0px; --9ukd75-padding-bottom-mobile: 0px; --9ukd75-padding-left-tablet: 24px; --9ukd75-padding-left-mobile: 0px; }[data-bnode="beae-9ukd75"] { padding-top: var(--9ukd75-padding-top, 0px); padding-right: var(--9ukd75-padding-right, 0px); padding-bottom: var(--9ukd75-padding-bottom, 0px); padding-left: var(--9ukd75-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--9ukd75-padding-top-tablet, 0px); padding-right: var(--9ukd75-padding-right-tablet, 0px); padding-bottom: var(--9ukd75-padding-bottom-tablet, 0px); padding-left: var(--9ukd75-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--9ukd75-padding-top-mobile, 0px); padding-right: var(--9ukd75-padding-right-mobile, 0px); padding-bottom: var(--9ukd75-padding-bottom-mobile, 0px); padding-left: var(--9ukd75-padding-left-mobile, 0px); } width: calc(100% - var(--9ukd75-padding-left, 0px) - var(--9ukd75-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--9ukd75-background-imageRatio, auto); background: var(--9ukd75-background-color); border-style: var(--9ukd75-borderStyle,solid); border-color: var(--9ukd75-borderColor,#000000); border-width: var(--9ukd75-borderWidth-tl,0px) var(--9ukd75-borderWidth-tr,0px) var(--9ukd75-borderWidth-br,0px) var(--9ukd75-borderWidth-bl,0px); border-radius: var(--9ukd75-borderRadius-tl,0px) var(--9ukd75-borderRadius-tr,0px) var(--9ukd75-borderRadius-br,0px) var(--9ukd75-borderRadius-bl,0px); box-shadow: if(style(--9ukd75-enableShadow: true): var(--9ukd75-shadowHorizontal,0) var(--9ukd75-shadowVertical,0) var(--9ukd75-shadowBlur,0) 1px var(--9ukd75-shadowColor,#000000); else: none); max-width: var(--9ukd75-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--9ukd75-background-imageRatio-tablet, var(--9ukd75-background-imageRatio, auto)); border-width: var(--9ukd75-borderWidth-tl-tablet,0px) var(--9ukd75-borderWidth-tr-tablet,0px) var(--9ukd75-borderWidth-br-tablet,0px) var(--9ukd75-borderWidth-bl-tablet,0px); border-radius: var(--9ukd75-borderRadius-tl-tablet,0px) var(--9ukd75-borderRadius-tr-tablet,0px) var(--9ukd75-borderRadius-br-tablet,0px) var(--9ukd75-borderRadius-bl-tablet,0px); max-width: var(--9ukd75-max-width-tablet, var(--9ukd75-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--9ukd75-background-imageRatio-mobile, var(--9ukd75-background-imageRatio, auto)); border-width: var(--9ukd75-borderWidth-tl-mobile,0px) var(--9ukd75-borderWidth-tr-mobile,0px) var(--9ukd75-borderWidth-br-mobile,0px) var(--9ukd75-borderWidth-bl-mobile,0px); border-radius: var(--9ukd75-borderRadius-tl-mobile,0px) var(--9ukd75-borderRadius-tr-mobile,0px) var(--9ukd75-borderRadius-br-mobile,0px) var(--9ukd75-borderRadius-bl-mobile,0px); max-width: var(--9ukd75-max-width-mobile, var(--9ukd75-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-9ukd75"] {     display: flex;     flex-direction: var(--9ukd75-direction, column);     flex-wrap: nowrap;     justify-content: var(--9ukd75-justify-content);     align-items: var(--9ukd75-align-items);     gap: var(--9ukd75-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--9ukd75-padding-right, 0px) - var(--9ukd75-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9ukd75"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9ukd75-padding-right-tablet, 0px) - var(--9ukd75-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9ukd75"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9ukd75-padding-right-mobile, 0px) - var(--9ukd75-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4g6b1z"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #1D1D1F; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --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: none; --4g6b1z-typography: h2; --4g6b1z-typography-tablet: h2; --4g6b1z-typography-mobile: h2; --4g6b1z-highlightColor: #F9B690; --4g6b1z-highlightColor-tablet: #F9B690; --4g6b1z-highlightColor-mobile: #F9B690; --4g6b1z-highlightThickness: 7; --4g6b1z-highlightThickness-tablet: 7; --4g6b1z-highlightThickness-mobile: 7; --4g6b1z-highlightTop: 90%; --4g6b1z-highlightTop-tablet: 90%; --4g6b1z-highlightTop-mobile: 90%; }[data-bnode="beae-4g6b1z"] { margin-top: var(--4g6b1z-margin-top, 0px); margin-right: var(--4g6b1z-margin-right, 0px); margin-bottom: var(--4g6b1z-margin-bottom, 0px); margin-left: var(--4g6b1z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4g6b1z-margin-top-tablet, 0px); margin-right: var(--4g6b1z-margin-right-tablet, 0px); margin-bottom: var(--4g6b1z-margin-bottom-tablet, 0px); margin-left: var(--4g6b1z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4g6b1z-margin-top-mobile, 0px); margin-right: var(--4g6b1z-margin-right-mobile, 0px); margin-bottom: var(--4g6b1z-margin-bottom-mobile, 0px); margin-left: var(--4g6b1z-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4g6b1z-highlightColor,var(--beae-p-color)); top: var(--4g6b1z-highlightTop, 100%); } }[data-bnode="beae-wev07o"] { --wev07o-columns: 2; --wev07o-columns-tablet: 1; --wev07o-columns-mobile: 1; --wev07o-gap: 32px; --wev07o-gap-tablet: 16px; --wev07o-gap-mobile: 16px; --wev07o-navType: true; --wev07o-navType-tablet: true; --wev07o-navType-mobile: true; --wev07o-pagiType: true; --wev07o-pagiType-tablet: true; --wev07o-pagiType-mobile: true; --wev07o-listType: slider; --wev07o-listType-tablet: slider; --wev07o-listType-mobile: slider; --wev07o-stateNavigation: normal; --wev07o-stateNavigation-tablet: normal; --wev07o-stateNavigation-mobile: normal; --wev07o-statePagination: normal; --wev07o-statePagination-tablet: normal; --wev07o-statePagination-mobile: normal; --wev07o-stateNavigtion: normal; --wev07o-stateNavigtion-tablet: normal; --wev07o-stateNavigtion-mobile: normal; --wev07o-margin-top: 0px; --wev07o-margin-top-tablet: 0px; --wev07o-margin-top-mobile: 0px; --wev07o-margin-right: 0px; --wev07o-margin-right-tablet: 0px; --wev07o-margin-right-mobile: 0px; --wev07o-margin-bottom: 1px; --wev07o-margin-bottom-tablet: 1px; --wev07o-margin-bottom-mobile: 1px; --wev07o-margin-left: 0px; --wev07o-margin-left-tablet: 0px; --wev07o-margin-left-mobile: 0px; --wev07o-columnsMobile-mobile: 1; } [data-bnode="beae-wev07o"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-wev07o"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-wev07o"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-wev07o"] [data-bnode="beae-jmku1a"] { --jmku1a-width: 100%; --jmku1a-imageRatio: 6/7; --jmku1a-objFit: cover; --jmku1a-borderColor: #000000; --jmku1a-shadowColor: #000000; --jmku1a-borderStyle: none; --jmku1a-enableShadow: false; --jmku1a-borderRadius-tl: 24px; --jmku1a-borderRadius-tr: 24px; --jmku1a-borderRadius-bl: 24px; --jmku1a-borderRadius-br: 24px; --jmku1a-overlayColor-0: #; --jmku1a-overlayColor-1: d; --jmku1a-overlayColor-2: 8; --jmku1a-overlayColor-3: 2; --jmku1a-overlayColor-4: 7; --jmku1a-overlayColor-5: 2; --jmku1a-overlayColor-6: 7; --jmku1a-overlayColor-type: color; --jmku1a-overlayColor-color: #008c62; --jmku1a-width-tablet: 100%; --jmku1a-imageRatio-tablet: 6/7; } [data-bnode="beae-wev07o"] [data-bnode="beae-i21dfy"] { --i21dfy-direction: column; --i21dfy-structure: columns; --i21dfy-gap: 0px; --i21dfy-justify-content: space-evenly; --i21dfy-padding-top: 0px; --i21dfy-padding-right: 28px; --i21dfy-padding-bottom: 0px; --i21dfy-padding-left: 28px; --i21dfy-max-width: 100%; --i21dfy-borderStyle: solid; --i21dfy-borderColor: #E6E6E6; --i21dfy-borderWidth-tl: 1px; --i21dfy-borderWidth-tr: 1px; --i21dfy-borderWidth-bl: 1px; --i21dfy-borderWidth-br: 1px; --i21dfy-borderRadius-tl: 24px; --i21dfy-borderRadius-tr: 24px; --i21dfy-borderRadius-bl: 24px; --i21dfy-borderRadius-br: 24px; --i21dfy-padding-top-tablet: 28px; --i21dfy-padding-right-tablet: 24px; --i21dfy-padding-bottom-tablet: 28px; --i21dfy-padding-left-tablet: 24px; --i21dfy-gap-tablet: 28px; --i21dfy-justify-content-tablet: center; --i21dfy-align-items-tablet: flex-start; --i21dfy-direction-tablet: column; --i21dfy-borderWidth-tl-tablet: 1px; --i21dfy-borderWidth-tr-tablet: 1px; --i21dfy-borderWidth-bl-tablet: 1px; --i21dfy-borderWidth-br-tablet: 1px; --i21dfy-borderRadius-tl-tablet: 24px; --i21dfy-borderRadius-tr-tablet: 24px; --i21dfy-borderRadius-bl-tablet: 24px; --i21dfy-borderRadius-br-tablet: 24px; --i21dfy-padding-top-mobile: 28px; --i21dfy-padding-right-mobile: 28px; --i21dfy-padding-bottom-mobile: 28px; --i21dfy-padding-left-mobile: 28px; --i21dfy-gap-mobile: 24px; --i21dfy-borderRadius-tl-mobile: 24px; --i21dfy-borderRadius-tr-mobile: 24px; --i21dfy-borderRadius-bl-mobile: 24px; --i21dfy-borderRadius-br-mobile: 24px; --i21dfy-borderWidth-tl-mobile: 1px; --i21dfy-borderWidth-tr-mobile: 1px; --i21dfy-borderWidth-bl-mobile: 1px; --i21dfy-borderWidth-br-mobile: 1px; } [data-bnode="beae-wev07o"] [data-bnode="beae-fohvn4"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; --fohvn4-typography: p; --fohvn4-margin-top: 0px; --fohvn4-margin-right: 28px; --fohvn4-margin-bottom: 64px; --fohvn4-margin-left: 0px; --fohvn4-margin-top-tablet: 0px; --fohvn4-margin-right-tablet: 0px; --fohvn4-margin-bottom-tablet: 0px; --fohvn4-margin-left-tablet: 0px; } [data-bnode="beae-wev07o"] [data-bnode="beae-7vw6ro"] { --7vw6ro-direction: column; --7vw6ro-structure: columns; } [data-bnode="beae-wev07o"] [data-bnode="beae-msapxr"] { --msapxr-direction: row; --msapxr-columns: 22.00,78.00; --msapxr-columnsPresetId: 22.00,78.00; --msapxr-structure: columns; --msapxr-gap: 16px; --msapxr-padding-top: 5px; --msapxr-padding-right: 0px; --msapxr-padding-bottom: 0px; --msapxr-padding-left: -5px; --msapxr-columns-tablet: 22.00,78.00; --msapxr-columnsPresetId-tablet: 22.00,78.00; --msapxr-columns-mobile: 22.00,78.00; --msapxr-columnsPresetId-mobile: 22.00,78.00; } [data-bnode="beae-wev07o"] [data-bnode="beae-wrx30f"] { --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 16px; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-font-size: 16px; --beae-h3-text-align: start; } [data-bnode="beae-wev07o"] [data-bnode="beae-p5ffx0"] { --p5ffx0-typography: p2; --beae-p2-text-align: start; } [data-bnode="beae-wev07o"] [data-bnode="beae-wegub7"] { --wegub7-imageRatio: 1/1; --wegub7-width: 64px; --wegub7-borderRadius-tl: 100px; --wegub7-borderRadius-tr: 100px; --wegub7-borderRadius-bl: 100px; --wegub7-borderRadius-br: 100px; --wegub7-objFit: cover; } [data-bnode="beae-wev07o"] [data-bnode="beae-uj2jvu"] { --uj2jvu-direction: row; --uj2jvu-structure: columns; --uj2jvu-gap: 0px; --uj2jvu-max-width: 28%; --uj2jvu-padding-top: 0px; --uj2jvu-padding-right: 0px; --uj2jvu-padding-bottom: -22px; --uj2jvu-padding-left: 0px; } [data-bnode="beae-wev07o"] [data-bnode="beae-0ketyw"] { --0ketyw-size: 18px; --0ketyw-backgroundColor: #FF9E07; --0ketyw-iconColor: #f5f5f5; } [data-bnode="beae-wev07o"] [data-bnode="beae-melyk9"] { --melyk9-iconColor: #FF9E07; --melyk9-size: 18px; } [data-bnode="beae-wev07o"] [data-bnode="beae-2nt1wf"] { --2nt1wf-size: 16px; --2nt1wf-iconColor: #997438; --2nt1wf-borderStyle: none; } [data-bnode="beae-wev07o"] [data-bnode="beae-0k4zq5"] { --0k4zq5-align-items: center; --0k4zq5-structure: auto; --0k4zq5-direction: column; } [data-bnode="beae-wev07o"] [data-bnode="beae-ovtkxh"] { --ovtkxh-size: 24px; --ovtkxh-iconColor: #000000; --ovtkxh-backgroundColor: #FFFFFF00; --ovtkxh-padding: 4px; --ovtkxh-enableShadow: false; --ovtkxh-margin-top: 0px; --ovtkxh-margin-right: 0px; --ovtkxh-margin-bottom: 0px; --ovtkxh-margin-left: 0px; } [data-bnode="beae-wev07o"] [data-bnode="beae-q6m5t8"] { --q6m5t8-iconColor: #43529D; --q6m5t8-size: 19px; --q6m5t8-backgroundColor: #FFFFFF00; --q6m5t8-padding: 4px; --q6m5t8-enableShadow: false; --q6m5t8-margin-top: 0px; --q6m5t8-margin-right: 0px; --q6m5t8-margin-bottom: 0px; --q6m5t8-margin-left: 0px; } [data-bnode="beae-wev07o"] [data-bnode="beae-5zb1qb"] { --5zb1qb-size: 8px; } [data-bnode="beae-wev07o"] [data-bnode="beae-2hhtqp"] { --2hhtqp-size: 24px; } [data-bnode="beae-wev07o"] [data-bnode="beae-tmqd1l"] { --tmqd1l-size: 22px; --tmqd1l-iconColor: #000000; --tmqd1l-backgroundColor: #FFFFFF00; --tmqd1l-padding: 4px; --tmqd1l-enableShadow: false; } [data-bnode="beae-wev07o"] [data-bnode="beae-sy8c1c"] { --beae-h3-text-align: justify; } [data-bnode="beae-wev07o"] [data-bnode="beae-e99v45"] { --e99v45-typography: h3; --beae-h3-text-align: start; --beae-h3-font-size: 16px; } [data-bnode="beae-wev07o"] [data-bnode="beae-3o1s5g"] { --3o1s5g-width: 64px; --3o1s5g-imageRatio: 1/1; --3o1s5g-objFit: cover; --3o1s5g-borderColor: #000000; --3o1s5g-shadowColor: #000000; --3o1s5g-borderStyle: none; --3o1s5g-enableShadow: false; --3o1s5g-borderRadius-tl: 100px; --3o1s5g-borderRadius-tr: 100px; --3o1s5g-borderRadius-bl: 100px; --3o1s5g-borderRadius-br: 100px; --3o1s5g-borderWidth-tl: 1px; --3o1s5g-borderWidth-tr: 1px; --3o1s5g-borderWidth-bl: 1px; --3o1s5g-borderWidth-br: 1px; --3o1s5g-overlayColor-type: color; --3o1s5g-overlayColor-color: #d82727; --3o1s5g-overlayOpacity: 0; } [data-bnode="beae-wev07o"] [data-bnode="beae-4m2bi1"] { --4m2bi1-width: 64px; --4m2bi1-imageRatio: 1/1; --4m2bi1-objFit: cover; --4m2bi1-borderColor: #000000; --4m2bi1-shadowColor: #000000; --4m2bi1-borderStyle: none; --4m2bi1-enableShadow: false; --4m2bi1-borderRadius-tl: 100px; --4m2bi1-borderRadius-tr: 100px; --4m2bi1-borderRadius-bl: 100px; --4m2bi1-borderRadius-br: 100px; --4m2bi1-overlayColor-type: color; --4m2bi1-overlayColor-color: #d82727; --4m2bi1-overlayOpacity: 1; } [data-bnode="beae-wev07o"] [data-bnode="beae-msapxr"] { --msapxr-direction: row; --msapxr-direction-tablet: row; --msapxr-direction-mobile: row; --msapxr-structure: columns; --msapxr-structure-tablet: columns; --msapxr-structure-mobile: columns; } [data-bnode="beae-wev07o"] [data-bnode="beae-0k4zq5"] { --0k4zq5-direction: row; --0k4zq5-direction-tablet: row; --0k4zq5-direction-mobile: row; --0k4zq5-structure: columns; --0k4zq5-structure-tablet: columns; --0k4zq5-structure-mobile: columns; } [data-bnode="beae-wev07o"] [data-bnode="beae-p5ffx0"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; --p5ffx0-typography: p; --p5ffx0-typography-tablet: p; --p5ffx0-typography-mobile: p; } [data-bnode="beae-wev07o"] [data-bnode="beae-fohvn4"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --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: none; --fohvn4-typography: p; --fohvn4-typography-tablet: p; --fohvn4-typography-mobile: p; } [data-bnode="beae-wev07o"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 10px; --be-ctl-item-gap-tablet: 10px; --be-ctl-item-gap-mobile: 9px; --be-ctl-item-structure: columns; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-borderStyle: none; --be-ctl-item-borderStyle-tablet: none; --be-ctl-item-borderStyle-mobile: none; --be-ctl-item-borderWidth-tl: 5px; --be-ctl-item-borderWidth-tl-tablet: 5px; --be-ctl-item-borderWidth-tl-mobile: 5px; --be-ctl-item-borderWidth-tr: 5px; --be-ctl-item-borderWidth-tr-tablet: 5px; --be-ctl-item-borderWidth-tr-mobile: 5px; --be-ctl-item-borderWidth-bl: 5px; --be-ctl-item-borderWidth-bl-tablet: 5px; --be-ctl-item-borderWidth-bl-mobile: 5px; --be-ctl-item-borderWidth-br: 5px; --be-ctl-item-borderWidth-br-tablet: 5px; --be-ctl-item-borderWidth-br-mobile: 5px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-columns-tablet: 50.00,50.00; --be-ctl-item-columns-mobile: 50.00,50.00; --be-ctl-item-columnsPresetId-tablet: 50.00,50.00; --be-ctl-item-columnsPresetId-mobile: 50.00,50.00; --be-ctl-item-align-items-tablet: stretch; --be-ctl-item-align-items-mobile: stretch; }[data-bnode="beae-wev07o"] { margin-top: var(--wev07o-margin-top, 0px); margin-right: var(--wev07o-margin-right, 0px); margin-bottom: var(--wev07o-margin-bottom, 0px); margin-left: var(--wev07o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wev07o-margin-top-tablet, 0px); margin-right: var(--wev07o-margin-right-tablet, 0px); margin-bottom: var(--wev07o-margin-bottom-tablet, 0px); margin-left: var(--wev07o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wev07o-margin-top-mobile, 0px); margin-right: var(--wev07o-margin-right-mobile, 0px); margin-bottom: var(--wev07o-margin-bottom-mobile, 0px); margin-left: var(--wev07o-margin-left-mobile, 0px); } &.beae-content-list { & .beae-media-wrapper { overflow: hidden; } & .beae-media-wrapper img { transition: transform 0.35s ease; will-change: transform; } & .beae-media-wrapper:hover img { transform: scale(1.05); } @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--wev07o-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - var(--wev07o-gap, 20px) * (var(--wev07o-columns, 3) - 1) + 1px) / var(--wev07o-columns, 3) ); &:last-child { margin-right: var(--wev07o-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(--wev07o-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--wev07o-columns) - 1) * var(--wev07o-gap, 20px)) / var(--wev07o-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--wev07o-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--wev07o-gap-tablet, 20px) * (var(--wev07o-columns-tablet, 3) - 1) ) / var(--wev07o-columns-tablet, 3) ); &:last-child { margin-right: var(--wev07o-gap-tablet, 20px); } } } } & .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(--wev07o-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--wev07o-columns-tablet) - 1) * var(--wev07o-gap-tablet, 20px)) / var(--wev07o-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--wev07o-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--wev07o-gap-mobile, 20px) * (var(--wev07o-columnsMobile-mobile, 1) - 1) ) / var(--wev07o-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--wev07o-gap-mobile, 20px); } } } } & .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(--wev07o-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--wev07o-columnsMobile-mobile) - 1) * var(--wev07o-gap-mobile, 20px) ) / var(--wev07o-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--wev07o-navPadding, 12px); background: var(--wev07o-navBg, #f5f5f5); color: var(--wev07o-navColor, #333333); cursor: pointer; &:hover { background: var(--wev07o-navBgHover, #cccccc); color: var(--wev07o-navColorHover, #333333); } svg { width: var(--wev07o-navIconSize, 20px); height: var(--wev07o-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--wev07o-pagiBg, #e6e6e6); &.active { background: var(--wev07o-pagiBgActive, #181818); } &:not(.active):hover { background: var(--wev07o-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--wev07o-pagiColor, #e6e6e6); &.active { color: var(--wev07o-pagiColorActive, #181818); } &:not(.active):hover { color: var(--wev07o-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--wev07o-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--wev07o-pagiBg, #e6e6e6); &.active { background: var(--wev07o-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--wev07o-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-wev07o"] [data-bnode="beae-jmku1a"] { margin-top: var(--jmku1a-margin-top, 0px); margin-right: var(--jmku1a-margin-right, 0px); margin-bottom: var(--jmku1a-margin-bottom, 0px); margin-left: var(--jmku1a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jmku1a-margin-top-tablet, 0px); margin-right: var(--jmku1a-margin-right-tablet, 0px); margin-bottom: var(--jmku1a-margin-bottom-tablet, 0px); margin-left: var(--jmku1a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jmku1a-margin-top-mobile, 0px); margin-right: var(--jmku1a-margin-right-mobile, 0px); margin-bottom: var(--jmku1a-margin-bottom-mobile, 0px); margin-left: var(--jmku1a-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; isolation: isolate; overflow: hidden; display: block; width: 100%; max-width: calc( var(--jmku1a-width, 100%) - var(--jmku1a-margin-left, 0px) - var(--jmku1a-margin-right, 0px) ); min-height: min-content; border-style: var(--jmku1a-borderStyle, solid); border-color: var(--jmku1a-borderColor, #000000); border-width: var(--jmku1a-borderWidth-tl, 0px) var(--jmku1a-borderWidth-tr, 0px) var(--jmku1a-borderWidth-br, 0px) var(--jmku1a-borderWidth-bl, 0px); border-radius: var(--jmku1a-borderRadius-tl, 0px) var(--jmku1a-borderRadius-tr, 0px) var(--jmku1a-borderRadius-br, 0px) var(--jmku1a-borderRadius-bl, 0px); aspect-ratio: var(--jmku1a-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--jmku1a-borderWidth-tl-tablet, var(--jmku1a-borderWidth-tl, 0px)) var(--jmku1a-borderWidth-tr-tablet, var(--jmku1a-borderWidth-tr, 0px)) var(--jmku1a-borderWidth-br-tablet, var(--jmku1a-borderWidth-br, 0px)) var(--jmku1a-borderWidth-bl-tablet, var(--jmku1a-borderWidth-bl, 0px)); border-radius: var(--jmku1a-borderRadius-tl-tablet, var(--jmku1a-borderRadius-tl, 0px)) var(--jmku1a-borderRadius-tr-tablet, var(--jmku1a-borderRadius-tr, 0px)) var(--jmku1a-borderRadius-br-tablet, var(--jmku1a-borderRadius-br, 0px)) var(--jmku1a-borderRadius-bl-tablet, var(--jmku1a-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--jmku1a-borderWidth-tl-mobile, var(--jmku1a-borderWidth-tl, 0px)) var(--jmku1a-borderWidth-tr-mobile, var(--jmku1a-borderWidth-tr, 0px)) var(--jmku1a-borderWidth-br-mobile, var(--jmku1a-borderWidth-br, 0px)) var(--jmku1a-borderWidth-bl-mobile, var(--jmku1a-borderWidth-bl, 0px)); border-radius: var(--jmku1a-borderRadius-tl-mobile, var(--jmku1a-borderRadius-tl, 0px)) var(--jmku1a-borderRadius-tr-mobile, var(--jmku1a-borderRadius-tr, 0px)) var(--jmku1a-borderRadius-br-mobile, var(--jmku1a-borderRadius-br, 0px)) var(--jmku1a-borderRadius-bl-mobile, var(--jmku1a-borderRadius-bl, 0px)); } box-shadow: if( style(--jmku1a-enableShadow: true): var(--jmku1a-shadowHorizontal, 0) var(--jmku1a-shadowVertical, 0) var(--jmku1a-shadowBlur, 0) 1px var(--jmku1a-shadowColor, #000000) ; else: none ); &::after { content: ""; position: absolute; inset: 0; z-index: 2; background-color: var(--jmku1a-overlayColor, #000); opacity: var(--jmku1a-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--jmku1a-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--jmku1a-width-tablet, var(--jmku1a-width, 100%)) - var(--jmku1a-margin-left-tablet, var(--jmku1a-margin-left, 0px)) - var(--jmku1a-margin-right-tablet, var(--jmku1a-margin-right, 0px)) ); aspect-ratio: var(--jmku1a-imageRatio-tablet, var(--jmku1a-imageRatio, auto)); img { object-fit: var(--jmku1a-objFit-tablet, var(--jmku1a-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--jmku1a-width-mobile, var(--jmku1a-width, 100%)) - var(--jmku1a-margin-left-mobile, var(--jmku1a-margin-left, 0px)) - var(--jmku1a-margin-right-mobile, var(--jmku1a-margin-right, 0px)) ); aspect-ratio: var(--jmku1a-imageRatio-mobile, var(--jmku1a-imageRatio, auto)); img { object-fit: var(--jmku1a-objFit-mobile, var(--jmku1a-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-wev07o"] [data-bnode="beae-i21dfy"] { padding-top: var(--i21dfy-padding-top, 0px); padding-right: var(--i21dfy-padding-right, 0px); padding-bottom: var(--i21dfy-padding-bottom, 0px); padding-left: var(--i21dfy-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--i21dfy-padding-top-tablet, 0px); padding-right: var(--i21dfy-padding-right-tablet, 0px); padding-bottom: var(--i21dfy-padding-bottom-tablet, 0px); padding-left: var(--i21dfy-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--i21dfy-padding-top-mobile, 0px); padding-right: var(--i21dfy-padding-right-mobile, 0px); padding-bottom: var(--i21dfy-padding-bottom-mobile, 0px); padding-left: var(--i21dfy-padding-left-mobile, 0px); } width: calc(100% - var(--i21dfy-padding-left, 0px) - var(--i21dfy-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--i21dfy-background-imageRatio, auto); background: var(--i21dfy-background-color); border-style: var(--i21dfy-borderStyle,solid); border-color: var(--i21dfy-borderColor,#000000); border-width: var(--i21dfy-borderWidth-tl,0px) var(--i21dfy-borderWidth-tr,0px) var(--i21dfy-borderWidth-br,0px) var(--i21dfy-borderWidth-bl,0px); border-radius: var(--i21dfy-borderRadius-tl,0px) var(--i21dfy-borderRadius-tr,0px) var(--i21dfy-borderRadius-br,0px) var(--i21dfy-borderRadius-bl,0px); box-shadow: if(style(--i21dfy-enableShadow: true): var(--i21dfy-shadowHorizontal,0) var(--i21dfy-shadowVertical,0) var(--i21dfy-shadowBlur,0) 1px var(--i21dfy-shadowColor,#000000); else: none); max-width: var(--i21dfy-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--i21dfy-background-imageRatio-tablet, var(--i21dfy-background-imageRatio, auto)); border-width: var(--i21dfy-borderWidth-tl-tablet,0px) var(--i21dfy-borderWidth-tr-tablet,0px) var(--i21dfy-borderWidth-br-tablet,0px) var(--i21dfy-borderWidth-bl-tablet,0px); border-radius: var(--i21dfy-borderRadius-tl-tablet,0px) var(--i21dfy-borderRadius-tr-tablet,0px) var(--i21dfy-borderRadius-br-tablet,0px) var(--i21dfy-borderRadius-bl-tablet,0px); max-width: var(--i21dfy-max-width-tablet, var(--i21dfy-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--i21dfy-background-imageRatio-mobile, var(--i21dfy-background-imageRatio, auto)); border-width: var(--i21dfy-borderWidth-tl-mobile,0px) var(--i21dfy-borderWidth-tr-mobile,0px) var(--i21dfy-borderWidth-br-mobile,0px) var(--i21dfy-borderWidth-bl-mobile,0px); border-radius: var(--i21dfy-borderRadius-tl-mobile,0px) var(--i21dfy-borderRadius-tr-mobile,0px) var(--i21dfy-borderRadius-br-mobile,0px) var(--i21dfy-borderRadius-bl-mobile,0px); max-width: var(--i21dfy-max-width-mobile, var(--i21dfy-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-wev07o"] [data-bnode="beae-msapxr"] { padding-top: var(--msapxr-padding-top, 0px); padding-right: var(--msapxr-padding-right, 0px); padding-bottom: var(--msapxr-padding-bottom, 0px); padding-left: var(--msapxr-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--msapxr-padding-top-tablet, 0px); padding-right: var(--msapxr-padding-right-tablet, 0px); padding-bottom: var(--msapxr-padding-bottom-tablet, 0px); padding-left: var(--msapxr-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--msapxr-padding-top-mobile, 0px); padding-right: var(--msapxr-padding-right-mobile, 0px); padding-bottom: var(--msapxr-padding-bottom-mobile, 0px); padding-left: var(--msapxr-padding-left-mobile, 0px); } width: calc(100% - var(--msapxr-padding-left, 0px) - var(--msapxr-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--msapxr-background-imageRatio, auto); background: var(--msapxr-background-color); border-style: var(--msapxr-borderStyle,solid); border-color: var(--msapxr-borderColor,#000000); border-width: var(--msapxr-borderWidth-tl,0px) var(--msapxr-borderWidth-tr,0px) var(--msapxr-borderWidth-br,0px) var(--msapxr-borderWidth-bl,0px); border-radius: var(--msapxr-borderRadius-tl,0px) var(--msapxr-borderRadius-tr,0px) var(--msapxr-borderRadius-br,0px) var(--msapxr-borderRadius-bl,0px); box-shadow: if(style(--msapxr-enableShadow: true): var(--msapxr-shadowHorizontal,0) var(--msapxr-shadowVertical,0) var(--msapxr-shadowBlur,0) 1px var(--msapxr-shadowColor,#000000); else: none); max-width: var(--msapxr-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--msapxr-background-imageRatio-tablet, var(--msapxr-background-imageRatio, auto)); border-width: var(--msapxr-borderWidth-tl-tablet,0px) var(--msapxr-borderWidth-tr-tablet,0px) var(--msapxr-borderWidth-br-tablet,0px) var(--msapxr-borderWidth-bl-tablet,0px); border-radius: var(--msapxr-borderRadius-tl-tablet,0px) var(--msapxr-borderRadius-tr-tablet,0px) var(--msapxr-borderRadius-br-tablet,0px) var(--msapxr-borderRadius-bl-tablet,0px); max-width: var(--msapxr-max-width-tablet, var(--msapxr-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--msapxr-background-imageRatio-mobile, var(--msapxr-background-imageRatio, auto)); border-width: var(--msapxr-borderWidth-tl-mobile,0px) var(--msapxr-borderWidth-tr-mobile,0px) var(--msapxr-borderWidth-br-mobile,0px) var(--msapxr-borderWidth-bl-mobile,0px); border-radius: var(--msapxr-borderRadius-tl-mobile,0px) var(--msapxr-borderRadius-tr-mobile,0px) var(--msapxr-borderRadius-br-mobile,0px) var(--msapxr-borderRadius-bl-mobile,0px); max-width: var(--msapxr-max-width-mobile, var(--msapxr-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-wev07o"] [data-bnode="beae-3o1s5g"] { margin-top: var(--3o1s5g-margin-top, 0px); margin-right: var(--3o1s5g-margin-right, 0px); margin-bottom: var(--3o1s5g-margin-bottom, 0px); margin-left: var(--3o1s5g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3o1s5g-margin-top-tablet, 0px); margin-right: var(--3o1s5g-margin-right-tablet, 0px); margin-bottom: var(--3o1s5g-margin-bottom-tablet, 0px); margin-left: var(--3o1s5g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3o1s5g-margin-top-mobile, 0px); margin-right: var(--3o1s5g-margin-right-mobile, 0px); margin-bottom: var(--3o1s5g-margin-bottom-mobile, 0px); margin-left: var(--3o1s5g-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--3o1s5g-width,100%) - var(--3o1s5g-margin-left,0px) - var(--3o1s5g-margin-right,0px)); min-height: min-content; border-style: var(--3o1s5g-borderStyle,solid); border-color: var(--3o1s5g-borderColor,#000000); border-width: var(--3o1s5g-borderWidth-tl,0px) var(--3o1s5g-borderWidth-tr,0px) var(--3o1s5g-borderWidth-br,0px) var(--3o1s5g-borderWidth-bl,0px); border-radius: var(--3o1s5g-borderRadius-tl,0px) var(--3o1s5g-borderRadius-tr,0px) var(--3o1s5g-borderRadius-br,0px) var(--3o1s5g-borderRadius-bl,0px); aspect-ratio: var(--3o1s5g-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--3o1s5g-borderWidth-tl-tablet, var(--3o1s5g-borderWidth-tl,0px)) var(--3o1s5g-borderWidth-tr-tablet, var(--3o1s5g-borderWidth-tr,0px)) var(--3o1s5g-borderWidth-br-tablet, var(--3o1s5g-borderWidth-br,0px)) var(--3o1s5g-borderWidth-bl-tablet, var(--3o1s5g-borderWidth-bl,0px)); border-radius: var(--3o1s5g-borderRadius-tl-tablet, var(--3o1s5g-borderRadius-tl,0px)) var(--3o1s5g-borderRadius-tr-tablet, var(--3o1s5g-borderRadius-tr,0px)) var(--3o1s5g-borderRadius-br-tablet, var(--3o1s5g-borderRadius-br,0px)) var(--3o1s5g-borderRadius-bl-tablet, var(--3o1s5g-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--3o1s5g-borderWidth-tl-mobile, var(--3o1s5g-borderWidth-tl,0px)) var(--3o1s5g-borderWidth-tr-mobile, var(--3o1s5g-borderWidth-tr,0px)) var(--3o1s5g-borderWidth-br-mobile, var(--3o1s5g-borderWidth-br,0px)) var(--3o1s5g-borderWidth-bl-mobile, var(--3o1s5g-borderWidth-bl,0px)); border-radius: var(--3o1s5g-borderRadius-tl-mobile, var(--3o1s5g-borderRadius-tl,0px)) var(--3o1s5g-borderRadius-tr-mobile, var(--3o1s5g-borderRadius-tr,0px)) var(--3o1s5g-borderRadius-br-mobile, var(--3o1s5g-borderRadius-br,0px)) var(--3o1s5g-borderRadius-bl-mobile, var(--3o1s5g-borderRadius-bl,0px)); } box-shadow: if( style(--3o1s5g-enableShadow: true): var(--3o1s5g-shadowHorizontal, 0) var(--3o1s5g-shadowVertical, 0) var(--3o1s5g-shadowBlur, 0) 1px var(--3o1s5g-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--3o1s5g-overlayColor-color, #000); opacity: var(--3o1s5g-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--3o1s5g-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--3o1s5g-width-tablet,var(--3o1s5g-width,100%)) - var(--3o1s5g-margin-left-tablet,var(--3o1s5g-margin-left,0px)) - var(--3o1s5g-margin-right-tablet,var(--3o1s5g-margin-right,0px))); aspect-ratio: var(--3o1s5g-imageRatio-tablet, var(--3o1s5g-imageRatio, auto)); img { object-fit: var(--3o1s5g-objFit-tablet, var(--3o1s5g-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--3o1s5g-width-mobile,var(--3o1s5g-width,100%)) - var(--3o1s5g-margin-left-mobile,var(--3o1s5g-margin-left,0px)) - var(--3o1s5g-margin-right-mobile,var(--3o1s5g-margin-right,0px))); aspect-ratio: var(--3o1s5g-imageRatio-mobile, var(--3o1s5g-imageRatio, auto)); img { object-fit: var(--3o1s5g-objFit-mobile, var(--3o1s5g-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-wev07o"] [data-bnode="beae-7vw6ro"] { padding-top: var(--7vw6ro-padding-top, 0px); padding-right: var(--7vw6ro-padding-right, 0px); padding-bottom: var(--7vw6ro-padding-bottom, 0px); padding-left: var(--7vw6ro-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7vw6ro-padding-top-tablet, 0px); padding-right: var(--7vw6ro-padding-right-tablet, 0px); padding-bottom: var(--7vw6ro-padding-bottom-tablet, 0px); padding-left: var(--7vw6ro-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--7vw6ro-padding-top-mobile, 0px); padding-right: var(--7vw6ro-padding-right-mobile, 0px); padding-bottom: var(--7vw6ro-padding-bottom-mobile, 0px); padding-left: var(--7vw6ro-padding-left-mobile, 0px); } width: calc(100% - var(--7vw6ro-padding-left, 0px) - var(--7vw6ro-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--7vw6ro-background-imageRatio, auto); background: var(--7vw6ro-background-color); border-style: var(--7vw6ro-borderStyle,solid); border-color: var(--7vw6ro-borderColor,#000000); border-width: var(--7vw6ro-borderWidth-tl,0px) var(--7vw6ro-borderWidth-tr,0px) var(--7vw6ro-borderWidth-br,0px) var(--7vw6ro-borderWidth-bl,0px); border-radius: var(--7vw6ro-borderRadius-tl,0px) var(--7vw6ro-borderRadius-tr,0px) var(--7vw6ro-borderRadius-br,0px) var(--7vw6ro-borderRadius-bl,0px); box-shadow: if(style(--7vw6ro-enableShadow: true): var(--7vw6ro-shadowHorizontal,0) var(--7vw6ro-shadowVertical,0) var(--7vw6ro-shadowBlur,0) 1px var(--7vw6ro-shadowColor,#000000); else: none); max-width: var(--7vw6ro-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7vw6ro-background-imageRatio-tablet, var(--7vw6ro-background-imageRatio, auto)); border-width: var(--7vw6ro-borderWidth-tl-tablet,0px) var(--7vw6ro-borderWidth-tr-tablet,0px) var(--7vw6ro-borderWidth-br-tablet,0px) var(--7vw6ro-borderWidth-bl-tablet,0px); border-radius: var(--7vw6ro-borderRadius-tl-tablet,0px) var(--7vw6ro-borderRadius-tr-tablet,0px) var(--7vw6ro-borderRadius-br-tablet,0px) var(--7vw6ro-borderRadius-bl-tablet,0px); max-width: var(--7vw6ro-max-width-tablet, var(--7vw6ro-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7vw6ro-background-imageRatio-mobile, var(--7vw6ro-background-imageRatio, auto)); border-width: var(--7vw6ro-borderWidth-tl-mobile,0px) var(--7vw6ro-borderWidth-tr-mobile,0px) var(--7vw6ro-borderWidth-br-mobile,0px) var(--7vw6ro-borderWidth-bl-mobile,0px); border-radius: var(--7vw6ro-borderRadius-tl-mobile,0px) var(--7vw6ro-borderRadius-tr-mobile,0px) var(--7vw6ro-borderRadius-br-mobile,0px) var(--7vw6ro-borderRadius-bl-mobile,0px); max-width: var(--7vw6ro-max-width-mobile, var(--7vw6ro-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-wev07o"] [data-bnode="beae-e99v45"] { margin-top: var(--e99v45-margin-top, 0px); margin-right: var(--e99v45-margin-right, 0px); margin-bottom: var(--e99v45-margin-bottom, 0px); margin-left: var(--e99v45-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e99v45-margin-top-tablet, 0px); margin-right: var(--e99v45-margin-right-tablet, 0px); margin-bottom: var(--e99v45-margin-bottom-tablet, 0px); margin-left: var(--e99v45-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e99v45-margin-top-mobile, 0px); margin-right: var(--e99v45-margin-right-mobile, 0px); margin-bottom: var(--e99v45-margin-bottom-mobile, 0px); margin-left: var(--e99v45-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--e99v45-highlightColor,var(--beae-p-color)); top: var(--e99v45-highlightTop, 100%); } } [data-bnode="beae-wev07o"] [data-bnode="beae-0k4zq5"] { padding-top: var(--0k4zq5-padding-top, 0px); padding-right: var(--0k4zq5-padding-right, 0px); padding-bottom: var(--0k4zq5-padding-bottom, 0px); padding-left: var(--0k4zq5-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--0k4zq5-padding-top-tablet, 0px); padding-right: var(--0k4zq5-padding-right-tablet, 0px); padding-bottom: var(--0k4zq5-padding-bottom-tablet, 0px); padding-left: var(--0k4zq5-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--0k4zq5-padding-top-mobile, 0px); padding-right: var(--0k4zq5-padding-right-mobile, 0px); padding-bottom: var(--0k4zq5-padding-bottom-mobile, 0px); padding-left: var(--0k4zq5-padding-left-mobile, 0px); } width: calc(100% - var(--0k4zq5-padding-left, 0px) - var(--0k4zq5-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--0k4zq5-background-imageRatio, auto); background: var(--0k4zq5-background-color); border-style: var(--0k4zq5-borderStyle,solid); border-color: var(--0k4zq5-borderColor,#000000); border-width: var(--0k4zq5-borderWidth-tl,0px) var(--0k4zq5-borderWidth-tr,0px) var(--0k4zq5-borderWidth-br,0px) var(--0k4zq5-borderWidth-bl,0px); border-radius: var(--0k4zq5-borderRadius-tl,0px) var(--0k4zq5-borderRadius-tr,0px) var(--0k4zq5-borderRadius-br,0px) var(--0k4zq5-borderRadius-bl,0px); box-shadow: if(style(--0k4zq5-enableShadow: true): var(--0k4zq5-shadowHorizontal,0) var(--0k4zq5-shadowVertical,0) var(--0k4zq5-shadowBlur,0) 1px var(--0k4zq5-shadowColor,#000000); else: none); max-width: var(--0k4zq5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0k4zq5-background-imageRatio-tablet, var(--0k4zq5-background-imageRatio, auto)); border-width: var(--0k4zq5-borderWidth-tl-tablet,0px) var(--0k4zq5-borderWidth-tr-tablet,0px) var(--0k4zq5-borderWidth-br-tablet,0px) var(--0k4zq5-borderWidth-bl-tablet,0px); border-radius: var(--0k4zq5-borderRadius-tl-tablet,0px) var(--0k4zq5-borderRadius-tr-tablet,0px) var(--0k4zq5-borderRadius-br-tablet,0px) var(--0k4zq5-borderRadius-bl-tablet,0px); max-width: var(--0k4zq5-max-width-tablet, var(--0k4zq5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0k4zq5-background-imageRatio-mobile, var(--0k4zq5-background-imageRatio, auto)); border-width: var(--0k4zq5-borderWidth-tl-mobile,0px) var(--0k4zq5-borderWidth-tr-mobile,0px) var(--0k4zq5-borderWidth-br-mobile,0px) var(--0k4zq5-borderWidth-bl-mobile,0px); border-radius: var(--0k4zq5-borderRadius-tl-mobile,0px) var(--0k4zq5-borderRadius-tr-mobile,0px) var(--0k4zq5-borderRadius-br-mobile,0px) var(--0k4zq5-borderRadius-bl-mobile,0px); max-width: var(--0k4zq5-max-width-mobile, var(--0k4zq5-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-wev07o"] [data-bnode="beae-p5ffx0"] { margin-top: var(--p5ffx0-margin-top, 0px); margin-right: var(--p5ffx0-margin-right, 0px); margin-bottom: var(--p5ffx0-margin-bottom, 0px); margin-left: var(--p5ffx0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p5ffx0-margin-top-tablet, 0px); margin-right: var(--p5ffx0-margin-right-tablet, 0px); margin-bottom: var(--p5ffx0-margin-bottom-tablet, 0px); margin-left: var(--p5ffx0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p5ffx0-margin-top-mobile, 0px); margin-right: var(--p5ffx0-margin-right-mobile, 0px); margin-bottom: var(--p5ffx0-margin-bottom-mobile, 0px); margin-left: var(--p5ffx0-margin-left-mobile, 0px); } } [data-bnode="beae-wev07o"] [data-bnode="beae-tmqd1l"] { margin-top: var(--tmqd1l-margin-top, 0px); margin-right: var(--tmqd1l-margin-right, 0px); margin-bottom: var(--tmqd1l-margin-bottom, 0px); margin-left: var(--tmqd1l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tmqd1l-margin-top-tablet, 0px); margin-right: var(--tmqd1l-margin-right-tablet, 0px); margin-bottom: var(--tmqd1l-margin-bottom-tablet, 0px); margin-left: var(--tmqd1l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tmqd1l-margin-top-mobile, 0px); margin-right: var(--tmqd1l-margin-right-mobile, 0px); margin-bottom: var(--tmqd1l-margin-bottom-mobile, 0px); margin-left: var(--tmqd1l-margin-left-mobile, 0px); } & { display: block; padding: var(--tmqd1l-padding, 4px); border-style: var(--tmqd1l-borderStyle,solid); border-color: var(--tmqd1l-borderColor,#000000); border-width: var(--tmqd1l-borderWidth-tl,0px) var(--tmqd1l-borderWidth-tr,0px) var(--tmqd1l-borderWidth-br,0px) var(--tmqd1l-borderWidth-bl,0px); border-radius: var(--tmqd1l-borderRadius-tl,0px) var(--tmqd1l-borderRadius-tr,0px) var(--tmqd1l-borderRadius-br,0px) var(--tmqd1l-borderRadius-bl,0px); box-shadow: if( style(--tmqd1l-enableShadow: true): var(--tmqd1l-shadowHorizontal, 0) var(--tmqd1l-shadowVertical, 0) var(--tmqd1l-shadowBlur, 0) 1px var(--tmqd1l-shadowColor, #000000); else: none ); color: var(--tmqd1l-iconColor); background-color: var(--tmqd1l-backgroundColor); overflow: hidden; width: var(--tmqd1l-size, 28px); height: fit-content; max-width: var(--tmqd1l-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--tmqd1l-borderWidth-tl-tablet,0px) var(--tmqd1l-borderWidth-tr-tablet,0px) var(--tmqd1l-borderWidth-br-tablet,0px) var(--tmqd1l-borderWidth-bl-tablet,0px); border-radius: var(--tmqd1l-borderRadius-tl-tablet,0px) var(--tmqd1l-borderRadius-tr-tablet,0px) var(--tmqd1l-borderRadius-br-tablet,0px) var(--tmqd1l-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--tmqd1l-borderWidth-tl-mobile,0px) var(--tmqd1l-borderWidth-tr-mobile,0px) var(--tmqd1l-borderWidth-br-mobile,0px) var(--tmqd1l-borderWidth-bl-mobile,0px); border-radius: var(--tmqd1l-borderRadius-tl-mobile,0px) var(--tmqd1l-borderRadius-tr-mobile,0px) var(--tmqd1l-borderRadius-br-mobile,0px) var(--tmqd1l-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-wev07o"] [data-bnode="beae-z1nhc0"] { margin-top: var(--z1nhc0-margin-top, 0px); margin-right: var(--z1nhc0-margin-right, 0px); margin-bottom: var(--z1nhc0-margin-bottom, 0px); margin-left: var(--z1nhc0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z1nhc0-margin-top-tablet, 0px); margin-right: var(--z1nhc0-margin-right-tablet, 0px); margin-bottom: var(--z1nhc0-margin-bottom-tablet, 0px); margin-left: var(--z1nhc0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z1nhc0-margin-top-mobile, 0px); margin-right: var(--z1nhc0-margin-right-mobile, 0px); margin-bottom: var(--z1nhc0-margin-bottom-mobile, 0px); margin-left: var(--z1nhc0-margin-left-mobile, 0px); } } [data-bnode="beae-wev07o"] [data-bnode="beae-fohvn4"] { margin-top: var(--fohvn4-margin-top, 0px); margin-right: var(--fohvn4-margin-right, 0px); margin-bottom: var(--fohvn4-margin-bottom, 0px); margin-left: var(--fohvn4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fohvn4-margin-top-tablet, 0px); margin-right: var(--fohvn4-margin-right-tablet, 0px); margin-bottom: var(--fohvn4-margin-bottom-tablet, 0px); margin-left: var(--fohvn4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fohvn4-margin-top-mobile, 0px); margin-right: var(--fohvn4-margin-right-mobile, 0px); margin-bottom: var(--fohvn4-margin-bottom-mobile, 0px); margin-left: var(--fohvn4-margin-left-mobile, 0px); } } [data-bnode="beae-wev07o"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, 0px); padding-right: var(--be-ctl-item-padding-right, 0px); padding-bottom: var(--be-ctl-item-padding-bottom, 0px); padding-left: var(--be-ctl-item-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, 0px); padding-right: var(--be-ctl-item-padding-right-tablet, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, 0px); padding-left: var(--be-ctl-item-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, 0px); padding-right: var(--be-ctl-item-padding-right-mobile, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, 0px); padding-left: var(--be-ctl-item-padding-left-mobile, 0px); } width: calc(100% - var(--be-ctl-item-padding-left, 0px) - var(--be-ctl-item-padding-right, 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); 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%)); } > * { 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-wev07o"] [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, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--be-ctl-item-padding-right, 0px) - var(--be-ctl-item-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wev07o"] [data-bnode="be-ctl-item"] {      flex-direction: var(--be-ctl-item-direction-tablet, column);                 align-items: var(--be-ctl-item-align-items-tablet, inherit);      gap: var(--be-ctl-item-gap-tablet, inherit);               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-wev07o"] [data-bnode="be-ctl-item"] {      flex-direction: var(--be-ctl-item-direction-mobile, column);                      gap: var(--be-ctl-item-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-i21dfy"] {     display: flex;     flex-direction: var(--i21dfy-direction, column);     flex-wrap: nowrap;     justify-content: var(--i21dfy-justify-content);     align-items: var(--i21dfy-align-items);     gap: var(--i21dfy-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i21dfy"] {      flex-direction: var(--i21dfy-direction-tablet, column);           justify-content: var(--i21dfy-justify-content-tablet, inherit);      align-items: var(--i21dfy-align-items-tablet, inherit);      gap: var(--i21dfy-gap-tablet, inherit);              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-i21dfy"] {                            gap: var(--i21dfy-gap-mobile, inherit);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--i21dfy-padding-right-mobile, 0px) - var(--i21dfy-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-msapxr"] {     display: flex;     flex-direction: var(--msapxr-direction, column);     flex-wrap: nowrap;     justify-content: var(--msapxr-justify-content);     align-items: var(--msapxr-align-items);     gap: var(--msapxr-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(22.00% - var(--msapxr-padding-right, 0px) - var(--msapxr-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(78.00% - var(--msapxr-padding-right, 0px) - var(--msapxr-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--msapxr-padding-right, 0px) - var(--msapxr-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-msapxr"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(22.00% - var(--msapxr-padding-right-tablet, 0px) - var(--msapxr-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(78.00% - var(--msapxr-padding-right-tablet, 0px) - var(--msapxr-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--msapxr-padding-right-tablet, 0px) - var(--msapxr-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-msapxr"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(22.00% - var(--msapxr-padding-right-mobile, 0px) - var(--msapxr-padding-right-mobile, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(78.00% - var(--msapxr-padding-right-mobile, 0px) - var(--msapxr-padding-right-mobile, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--msapxr-padding-right-mobile, 0px) - var(--msapxr-padding-right-mobile, 0px));          }            }    }[data-bnode="beae-7vw6ro"] {     display: flex;     flex-direction: var(--7vw6ro-direction, column);     flex-wrap: nowrap;     justify-content: var(--7vw6ro-justify-content);     align-items: var(--7vw6ro-align-items);     gap: var(--7vw6ro-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7vw6ro"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7vw6ro-padding-right-tablet, 0px) - var(--7vw6ro-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7vw6ro"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7vw6ro-padding-right-mobile, 0px) - var(--7vw6ro-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0k4zq5"] {     display: flex;     flex-direction: var(--0k4zq5-direction, column);     flex-wrap: nowrap;     justify-content: var(--0k4zq5-justify-content);     align-items: var(--0k4zq5-align-items);     gap: var(--0k4zq5-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0k4zq5"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--0k4zq5-padding-right-tablet, 0px) - var(--0k4zq5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0k4zq5"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--0k4zq5-padding-right-mobile, 0px) - var(--0k4zq5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2djqr5"] { --2djqr5-width: 1392px; --2djqr5-width-tablet: 1392px; --2djqr5-width-mobile: 1392px; --2djqr5-height: fit-content; --2djqr5-height-tablet: fit-content; --2djqr5-height-mobile: fit-content; --2djqr5-padding-top: 96px; --2djqr5-padding-top-tablet: 96px; --2djqr5-padding-top-mobile: 80px; --2djqr5-padding-right: 0px; --2djqr5-padding-right-tablet: 0px; --2djqr5-padding-right-mobile: 0px; --2djqr5-padding-bottom: 96px; --2djqr5-padding-bottom-tablet: 96px; --2djqr5-padding-bottom-mobile: 80px; --2djqr5-padding-left: 0px; --2djqr5-padding-left-tablet: 0px; --2djqr5-padding-left-mobile: 0px; --2djqr5-background-type: color; --2djqr5-background-type-tablet: color; --2djqr5-background-type-mobile: color; --2djqr5-background-color: #F1EFE6; --2djqr5-background-color-tablet: #F1EFE6; --2djqr5-background-color-mobile: #F1EFE6; }[data-bnode="beae-2djqr5"] { padding-top: var(--2djqr5-padding-top, 0px); padding-right: var(--2djqr5-padding-right, 0px); padding-bottom: var(--2djqr5-padding-bottom, 0px); padding-left: var(--2djqr5-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--2djqr5-padding-top-tablet, 0px); padding-right: var(--2djqr5-padding-right-tablet, 0px); padding-bottom: var(--2djqr5-padding-bottom-tablet, 0px); padding-left: var(--2djqr5-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--2djqr5-padding-top-mobile, 0px); padding-right: var(--2djqr5-padding-right-mobile, 0px); padding-bottom: var(--2djqr5-padding-bottom-mobile, 0px); padding-left: var(--2djqr5-padding-left-mobile, 0px); } width: calc(100% - var(--2djqr5-padding-left, 0px) - var(--2djqr5-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--2djqr5-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--2djqr5-height); width: 100%; max-width: var(--2djqr5-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(--2djqr5-background-color-tablet, var(--2djqr5-background-color)); & .beae-section-container { height: var(--2djqr5-height-tablet, auto); width: 100%; max-width: var(--2djqr5-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--2djqr5-background-color-mobile, var(--2djqr5-background-color-tablet, var(--2djqr5-background-color))); & .beae-section-container { height: var(--2djqr5-height-mobile, auto); width: 100%; max-width: var(--2djqr5-width-mobile, 100%); } } } }[data-bnode="beae-2djqr5"] > .beae-section-container{     display: flex;     flex-direction: var(--2djqr5-direction, column);     flex-wrap: nowrap;     justify-content: var(--2djqr5-justify-content);     align-items: var(--2djqr5-align-items);     gap: var(--2djqr5-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2djqr5"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2djqr5-padding-right-tablet, 0px) - var(--2djqr5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2djqr5"] > .beae-section-container{                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2djqr5-padding-right-mobile, 0px) - var(--2djqr5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-vd5ki2"] { --vd5ki2-columns: 3; --vd5ki2-columns-tablet: 3; --vd5ki2-columns-mobile: 1; --vd5ki2-gap: 40px; --vd5ki2-gap-tablet: 16px; --vd5ki2-gap-mobile: 48px; --vd5ki2-navType: true; --vd5ki2-navType-tablet: true; --vd5ki2-navType-mobile: true; --vd5ki2-pagiType: false; --vd5ki2-pagiType-tablet: false; --vd5ki2-pagiType-mobile: false; --vd5ki2-listType: grid; --vd5ki2-listType-tablet: grid; --vd5ki2-listType-mobile: grid; --vd5ki2-stateNavigation: normal; --vd5ki2-stateNavigation-tablet: normal; --vd5ki2-stateNavigation-mobile: normal; --vd5ki2-statePagination: normal; --vd5ki2-statePagination-tablet: normal; --vd5ki2-statePagination-mobile: normal; --vd5ki2-stateNavigtion: normal; --vd5ki2-stateNavigtion-tablet: normal; --vd5ki2-stateNavigtion-mobile: normal; --vd5ki2-columnsMobile-mobile: 1; } [data-bnode="beae-vd5ki2"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-vd5ki2"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-vd5ki2"] [data-bnode="beae-s1vg0k"] { --s1vg0k-width: 32px; --s1vg0k-imageRatio: 1/1; --s1vg0k-objFit: cover; --s1vg0k-borderColor: #000000; --s1vg0k-shadowColor: #000000; --s1vg0k-borderStyle: solid; --s1vg0k-enableShadow: false; --s1vg0k-borderWidth-tl: 0px; --s1vg0k-borderWidth-tr: 0px; --s1vg0k-borderWidth-bl: 0px; --s1vg0k-borderWidth-br: 0px; --s1vg0k-margin-top: 0px; --s1vg0k-margin-right: 0px; --s1vg0k-margin-bottom: 10px; --s1vg0k-margin-left: 0px; } [data-bnode="beae-vd5ki2"] [data-bnode="beae-dv8g6j"] { --dv8g6j-typography: h5; --beae-h5-text-align: center; } [data-bnode="beae-vd5ki2"] [data-bnode="beae-kxcz7c"] { --kxcz7c-typography: p2; --beae-p2-text-align: center; } [data-bnode="beae-vd5ki2"] [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: 12px; --be-ctl-item-gap-tablet: 12px; --be-ctl-item-gap-mobile: 12px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-vd5ki2"] { margin-top: var(--vd5ki2-margin-top, 0px); margin-right: var(--vd5ki2-margin-right, 0px); margin-bottom: var(--vd5ki2-margin-bottom, 0px); margin-left: var(--vd5ki2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vd5ki2-margin-top-tablet, 0px); margin-right: var(--vd5ki2-margin-right-tablet, 0px); margin-bottom: var(--vd5ki2-margin-bottom-tablet, 0px); margin-left: var(--vd5ki2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vd5ki2-margin-top-mobile, 0px); margin-right: var(--vd5ki2-margin-right-mobile, 0px); margin-bottom: var(--vd5ki2-margin-bottom-mobile, 0px); margin-left: var(--vd5ki2-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--vd5ki2-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--vd5ki2-gap,20px) * (var(--vd5ki2-columns, 3) - 1) + 1px) / var(--vd5ki2-columns, 3)); &:last-child{ margin-right: var(--vd5ki2-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(--vd5ki2-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--vd5ki2-columns) - 1) * var(--vd5ki2-gap,20px)) / var(--vd5ki2-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--vd5ki2-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--vd5ki2-gap-tablet,20px) * (var(--vd5ki2-columns-tablet, 3) - 1)) / var(--vd5ki2-columns-tablet, 3)); &:last-child{ margin-right: var(--vd5ki2-gap-tablet,20px); } } } } & .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(--vd5ki2-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--vd5ki2-columns-tablet) - 1) * var(--vd5ki2-gap-tablet,20px)) / var(--vd5ki2-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--vd5ki2-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--vd5ki2-gap-mobile,20px) * (var(--vd5ki2-columnsMobile-mobile, 1) - 1)) / var(--vd5ki2-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--vd5ki2-gap-mobile,20px); } } } } & .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(--vd5ki2-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--vd5ki2-columnsMobile-mobile) - 1) * var(--vd5ki2-gap-mobile,20px)) / var(--vd5ki2-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--vd5ki2-navPadding,12px); background:var(--vd5ki2-navBg,#F5F5F5); color: var(--vd5ki2-navColor,#333333); cursor: pointer; &:hover { background:var(--vd5ki2-navBgHover,#CCCCCC); color: var(--vd5ki2-navColorHover,#333333); } svg { width: var(--vd5ki2-navIconSize,20px); height: var(--vd5ki2-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--vd5ki2-pagiBg,#E6E6E6); &.active { background:var(--vd5ki2-pagiBgActive,#181818); } &:not(.active):hover { background:var(--vd5ki2-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--vd5ki2-pagiColor,#e6e6e6); &.active { color:var(--vd5ki2-pagiColorActive,#181818); } &:not(.active):hover { color: var(--vd5ki2-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--vd5ki2-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--vd5ki2-pagiBg,#E6E6E6); &.active { background: var(--vd5ki2-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--vd5ki2-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-vd5ki2"] [data-bnode="beae-s1vg0k"] { margin-top: var(--s1vg0k-margin-top, 0px); margin-right: var(--s1vg0k-margin-right, 0px); margin-bottom: var(--s1vg0k-margin-bottom, 0px); margin-left: var(--s1vg0k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s1vg0k-margin-top-tablet, 0px); margin-right: var(--s1vg0k-margin-right-tablet, 0px); margin-bottom: var(--s1vg0k-margin-bottom-tablet, 0px); margin-left: var(--s1vg0k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s1vg0k-margin-top-mobile, 0px); margin-right: var(--s1vg0k-margin-right-mobile, 0px); margin-bottom: var(--s1vg0k-margin-bottom-mobile, 0px); margin-left: var(--s1vg0k-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--s1vg0k-width,100%) - var(--s1vg0k-margin-left,0px) - var(--s1vg0k-margin-right,0px)); min-height: min-content; border-style: var(--s1vg0k-borderStyle,solid); border-color: var(--s1vg0k-borderColor,#000000); border-width: var(--s1vg0k-borderWidth-tl,0px) var(--s1vg0k-borderWidth-tr,0px) var(--s1vg0k-borderWidth-br,0px) var(--s1vg0k-borderWidth-bl,0px); border-radius: var(--s1vg0k-borderRadius-tl,0px) var(--s1vg0k-borderRadius-tr,0px) var(--s1vg0k-borderRadius-br,0px) var(--s1vg0k-borderRadius-bl,0px); aspect-ratio: var(--s1vg0k-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--s1vg0k-borderWidth-tl-tablet, var(--s1vg0k-borderWidth-tl,0px)) var(--s1vg0k-borderWidth-tr-tablet, var(--s1vg0k-borderWidth-tr,0px)) var(--s1vg0k-borderWidth-br-tablet, var(--s1vg0k-borderWidth-br,0px)) var(--s1vg0k-borderWidth-bl-tablet, var(--s1vg0k-borderWidth-bl,0px)); border-radius: var(--s1vg0k-borderRadius-tl-tablet, var(--s1vg0k-borderRadius-tl,0px)) var(--s1vg0k-borderRadius-tr-tablet, var(--s1vg0k-borderRadius-tr,0px)) var(--s1vg0k-borderRadius-br-tablet, var(--s1vg0k-borderRadius-br,0px)) var(--s1vg0k-borderRadius-bl-tablet, var(--s1vg0k-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--s1vg0k-borderWidth-tl-mobile, var(--s1vg0k-borderWidth-tl,0px)) var(--s1vg0k-borderWidth-tr-mobile, var(--s1vg0k-borderWidth-tr,0px)) var(--s1vg0k-borderWidth-br-mobile, var(--s1vg0k-borderWidth-br,0px)) var(--s1vg0k-borderWidth-bl-mobile, var(--s1vg0k-borderWidth-bl,0px)); border-radius: var(--s1vg0k-borderRadius-tl-mobile, var(--s1vg0k-borderRadius-tl,0px)) var(--s1vg0k-borderRadius-tr-mobile, var(--s1vg0k-borderRadius-tr,0px)) var(--s1vg0k-borderRadius-br-mobile, var(--s1vg0k-borderRadius-br,0px)) var(--s1vg0k-borderRadius-bl-mobile, var(--s1vg0k-borderRadius-bl,0px)); } box-shadow: if( style(--s1vg0k-enableShadow: true): var(--s1vg0k-shadowHorizontal, 0) var(--s1vg0k-shadowVertical, 0) var(--s1vg0k-shadowBlur, 0) 1px var(--s1vg0k-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--s1vg0k-overlayColor-color, #000); opacity: var(--s1vg0k-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--s1vg0k-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--s1vg0k-width-tablet,var(--s1vg0k-width,100%)) - var(--s1vg0k-margin-left-tablet,var(--s1vg0k-margin-left,0px)) - var(--s1vg0k-margin-right-tablet,var(--s1vg0k-margin-right,0px))); aspect-ratio: var(--s1vg0k-imageRatio-tablet, var(--s1vg0k-imageRatio, auto)); img { object-fit: var(--s1vg0k-objFit-tablet, var(--s1vg0k-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--s1vg0k-width-mobile,var(--s1vg0k-width,100%)) - var(--s1vg0k-margin-left-mobile,var(--s1vg0k-margin-left,0px)) - var(--s1vg0k-margin-right-mobile,var(--s1vg0k-margin-right,0px))); aspect-ratio: var(--s1vg0k-imageRatio-mobile, var(--s1vg0k-imageRatio, auto)); img { object-fit: var(--s1vg0k-objFit-mobile, var(--s1vg0k-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-vd5ki2"] [data-bnode="beae-dv8g6j"] { margin-top: var(--dv8g6j-margin-top, 0px); margin-right: var(--dv8g6j-margin-right, 0px); margin-bottom: var(--dv8g6j-margin-bottom, 0px); margin-left: var(--dv8g6j-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dv8g6j-margin-top-tablet, 0px); margin-right: var(--dv8g6j-margin-right-tablet, 0px); margin-bottom: var(--dv8g6j-margin-bottom-tablet, 0px); margin-left: var(--dv8g6j-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dv8g6j-margin-top-mobile, 0px); margin-right: var(--dv8g6j-margin-right-mobile, 0px); margin-bottom: var(--dv8g6j-margin-bottom-mobile, 0px); margin-left: var(--dv8g6j-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--dv8g6j-highlightColor,var(--beae-p-color)); top: var(--dv8g6j-highlightTop, 100%); } } [data-bnode="beae-vd5ki2"] [data-bnode="beae-kxcz7c"] { margin-top: var(--kxcz7c-margin-top, 0px); margin-right: var(--kxcz7c-margin-right, 0px); margin-bottom: var(--kxcz7c-margin-bottom, 0px); margin-left: var(--kxcz7c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kxcz7c-margin-top-tablet, 0px); margin-right: var(--kxcz7c-margin-right-tablet, 0px); margin-bottom: var(--kxcz7c-margin-bottom-tablet, 0px); margin-left: var(--kxcz7c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kxcz7c-margin-top-mobile, 0px); margin-right: var(--kxcz7c-margin-right-mobile, 0px); margin-bottom: var(--kxcz7c-margin-bottom-mobile, 0px); margin-left: var(--kxcz7c-margin-left-mobile, 0px); } } [data-bnode="beae-vd5ki2"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, 0px); padding-right: var(--be-ctl-item-padding-right, 0px); padding-bottom: var(--be-ctl-item-padding-bottom, 0px); padding-left: var(--be-ctl-item-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, 0px); padding-right: var(--be-ctl-item-padding-right-tablet, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, 0px); padding-left: var(--be-ctl-item-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, 0px); padding-right: var(--be-ctl-item-padding-right-mobile, 0px); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, 0px); padding-left: var(--be-ctl-item-padding-left-mobile, 0px); } width: calc(100% - var(--be-ctl-item-padding-left, 0px) - var(--be-ctl-item-padding-right, 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); 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%)); } > * { 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-vd5ki2"] [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, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vd5ki2"] [data-bnode="be-ctl-item"] {                                          &>.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-vd5ki2"] [data-bnode="be-ctl-item"] {                                          &>.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));           }                      }    }