/** 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: uppercase;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-border-radius: 0px;
--beae-btn-transition-hover: 150ms;
--beae-btn-pr-border-width: 1px;
--beae-btn-pr-shadow-x: 0px;
--beae-btn-pr-shadow-y: 0px;
--beae-btn-pr-shadow-blur: 0px;
--beae-btn-pr-shadow-transparent: 0%;
--beae-btn-se-border-width: 1px;
--beae-btn-se-shadow-x: 0px;
--beae-btn-se-shadow-y: 0px;
--beae-btn-se-shadow-blur: 0px;
--beae-btn-se-shadow-transparent: 0%;
--beae-btn-te-underline: underline;
--beae-btn-te-underline-offset: 5px; }
    @media (min-width: 767.79px) and (max-width: 1180px) { :root{ --beae-h1-font-size: 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-elkqdn"] { --elkqdn-width: 100%; --elkqdn-width-tablet: 100%; --elkqdn-width-mobile: 100%; --elkqdn-height: fit-content; --elkqdn-height-tablet: fit-content; --elkqdn-height-mobile: fit-content; --elkqdn-padding-top: 56px; --elkqdn-padding-top-tablet: 56px; --elkqdn-padding-top-mobile: 40px; --elkqdn-padding-bottom: 56px; --elkqdn-padding-bottom-tablet: 56px; --elkqdn-padding-bottom-mobile: 40px; --elkqdn-padding-right: 30px; --elkqdn-padding-right-tablet: 30px; --elkqdn-padding-right-mobile: 16px; --elkqdn-padding-left: 30px; --elkqdn-padding-left-tablet: 30px; --elkqdn-padding-left-mobile: 16px; --elkqdn-direction: row; --elkqdn-direction-tablet: row; --elkqdn-direction-mobile: row; --elkqdn-structure: columns; --elkqdn-structure-tablet: columns; --elkqdn-structure-mobile: columns; --elkqdn-width_custom: 1824px; --elkqdn-width_custom-tablet: 1824px; --elkqdn-width_custom-mobile: 1824px; }[data-bnode="beae-elkqdn"] { padding-top: var(--elkqdn-padding-top, 0px); padding-right: var(--elkqdn-padding-right, 0px); padding-bottom: var(--elkqdn-padding-bottom, 0px); padding-left: var(--elkqdn-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--elkqdn-padding-top-tablet, 0px); padding-right: var(--elkqdn-padding-right-tablet, 0px); padding-bottom: var(--elkqdn-padding-bottom-tablet, 0px); padding-left: var(--elkqdn-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--elkqdn-padding-top-mobile, 0px); padding-right: var(--elkqdn-padding-right-mobile, 0px); padding-bottom: var(--elkqdn-padding-bottom-mobile, 0px); padding-left: var(--elkqdn-padding-left-mobile, 0px); } width: calc(100% - var(--elkqdn-padding-left, 0px) - var(--elkqdn-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--elkqdn-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--elkqdn-height); width: 100%; max-width: var(--elkqdn-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(--elkqdn-background-color-tablet, var(--elkqdn-background-color)); & .beae-section-container { height: var(--elkqdn-height-tablet, auto); width: 100%; max-width: var(--elkqdn-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--elkqdn-background-color-mobile, var(--elkqdn-background-color-tablet, var(--elkqdn-background-color))); & .beae-section-container { height: var(--elkqdn-height-mobile, auto); width: 100%; max-width: var(--elkqdn-width-mobile, 100%); } } } }[data-bnode="beae-elkqdn"] > .beae-section-container{     display: flex;     flex-direction: var(--elkqdn-direction, column);     flex-wrap: nowrap;     justify-content: var(--elkqdn-justify-content);     align-items: var(--elkqdn-align-items);     gap: var(--elkqdn-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--elkqdn-padding-right, 0px) - var(--elkqdn-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-elkqdn"] > .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(--elkqdn-padding-right-tablet, 0px) - var(--elkqdn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-elkqdn"] > .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(--elkqdn-padding-right-mobile, 0px) - var(--elkqdn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pf29uw"] { --pf29uw-direction: row; --pf29uw-direction-tablet: row; --pf29uw-direction-mobile: column; --pf29uw-structure: columns; --pf29uw-structure-tablet: columns; --pf29uw-structure-mobile: auto; --pf29uw-background-type: color; --pf29uw-background-type-tablet: color; --pf29uw-background-type-mobile: color; --pf29uw-background-color: #FCF4EE; --pf29uw-background-color-tablet: #FCF4EE; --pf29uw-background-color-mobile: #FCF4EE; --pf29uw-borderRadius-tl: 24px; --pf29uw-borderRadius-tl-tablet: 24px; --pf29uw-borderRadius-tl-mobile: 24px; --pf29uw-borderRadius-tr: 24px; --pf29uw-borderRadius-tr-tablet: 24px; --pf29uw-borderRadius-tr-mobile: 24px; --pf29uw-borderRadius-bl: 24px; --pf29uw-borderRadius-bl-tablet: 24px; --pf29uw-borderRadius-bl-mobile: 24px; --pf29uw-borderRadius-br: 24px; --pf29uw-borderRadius-br-tablet: 24px; --pf29uw-borderRadius-br-mobile: 24px; --pf29uw-borderStyle: solid; --pf29uw-borderStyle-tablet: solid; --pf29uw-borderStyle-mobile: solid; --pf29uw-borderColor: #D7C1C1; --pf29uw-borderColor-tablet: #D7C1C1; --pf29uw-borderColor-mobile: #D7C1C1; --pf29uw-borderWidth-tl: 1px; --pf29uw-borderWidth-tl-tablet: 1px; --pf29uw-borderWidth-tl-mobile: 1px; --pf29uw-borderWidth-tr: 1px; --pf29uw-borderWidth-tr-tablet: 1px; --pf29uw-borderWidth-tr-mobile: 1px; --pf29uw-borderWidth-bl: 1px; --pf29uw-borderWidth-bl-tablet: 1px; --pf29uw-borderWidth-bl-mobile: 1px; --pf29uw-borderWidth-br: 1px; --pf29uw-borderWidth-br-tablet: 1px; --pf29uw-borderWidth-br-mobile: 1px; --pf29uw-padding-top: 24px; --pf29uw-padding-top-tablet: 24px; --pf29uw-padding-top-mobile: 0px; --pf29uw-padding-right: 24px; --pf29uw-padding-right-tablet: 24px; --pf29uw-padding-right-mobile: 0px; --pf29uw-padding-bottom: 24px; --pf29uw-padding-bottom-tablet: 24px; --pf29uw-padding-bottom-mobile: 0px; --pf29uw-padding-left: 24px; --pf29uw-padding-left-tablet: 24px; --pf29uw-padding-left-mobile: 0px; --pf29uw-max-width_custom: 1824px; --pf29uw-max-width_custom-tablet: 1824px; --pf29uw-max-width_custom-mobile: 1824px; --pf29uw-columns: 30.90,69.10; --pf29uw-columns-tablet: 50.00,50.00; --pf29uw-columns-mobile: 50.00,50.00; --pf29uw-columnsPresetId: 30.90,69.10; --pf29uw-columnsPresetId-tablet: 50.00,50.00; --pf29uw-columnsPresetId-mobile: 50.00,50.00; --pf29uw-align-items: center; --pf29uw-align-items-tablet: center; --pf29uw-align-items-mobile: center; --pf29uw-gap: 0; --pf29uw-gap-tablet: 0; --pf29uw-gap-mobile: 0; }[data-bnode="beae-pf29uw"] { padding-top: var(--pf29uw-padding-top, 0px); padding-right: var(--pf29uw-padding-right, 0px); padding-bottom: var(--pf29uw-padding-bottom, 0px); padding-left: var(--pf29uw-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pf29uw-padding-top-tablet, 0px); padding-right: var(--pf29uw-padding-right-tablet, 0px); padding-bottom: var(--pf29uw-padding-bottom-tablet, 0px); padding-left: var(--pf29uw-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--pf29uw-padding-top-mobile, 0px); padding-right: var(--pf29uw-padding-right-mobile, 0px); padding-bottom: var(--pf29uw-padding-bottom-mobile, 0px); padding-left: var(--pf29uw-padding-left-mobile, 0px); } width: calc(100% - var(--pf29uw-padding-left, 0px) - var(--pf29uw-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pf29uw-background-imageRatio, auto); background: var(--pf29uw-background-color); border-style: var(--pf29uw-borderStyle, solid); border-color: var(--pf29uw-borderColor, #000000); border-width: var(--pf29uw-borderWidth-tl, 0px) var(--pf29uw-borderWidth-tr, 0px) var(--pf29uw-borderWidth-br, 0px) var(--pf29uw-borderWidth-bl, 0px); border-radius: var(--pf29uw-borderRadius-tl, 0px) var(--pf29uw-borderRadius-tr, 0px) var(--pf29uw-borderRadius-br, 0px) var(--pf29uw-borderRadius-bl, 0px); box-shadow: if( style(--pf29uw-enableShadow: true): var(--pf29uw-shadowHorizontal, 0) var(--pf29uw-shadowVertical, 0) var(--pf29uw-shadowBlur, 0) 1px var(--pf29uw-shadowColor, #000000) ; else: none ); max-width: var(--pf29uw-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--pf29uw-background-imageRatio-tablet, var(--pf29uw-background-imageRatio, auto) ); border-width: var(--pf29uw-borderWidth-tl-tablet, 0px) var(--pf29uw-borderWidth-tr-tablet, 0px) var(--pf29uw-borderWidth-br-tablet, 0px) var(--pf29uw-borderWidth-bl-tablet, 0px); border-radius: var(--pf29uw-borderRadius-tl-tablet, 0px) var(--pf29uw-borderRadius-tr-tablet, 0px) var(--pf29uw-borderRadius-br-tablet, 0px) var(--pf29uw-borderRadius-bl-tablet, 0px); max-width: var(--pf29uw-max-width-tablet, var(--pf29uw-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--pf29uw-background-imageRatio-mobile, var(--pf29uw-background-imageRatio, auto) ); border-width: var(--pf29uw-borderWidth-tl-mobile, 0px) var(--pf29uw-borderWidth-tr-mobile, 0px) var(--pf29uw-borderWidth-br-mobile, 0px) var(--pf29uw-borderWidth-bl-mobile, 0px); border-radius: var(--pf29uw-borderRadius-tl-mobile, 0px) var(--pf29uw-borderRadius-tr-mobile, 0px) var(--pf29uw-borderRadius-br-mobile, 0px) var(--pf29uw-borderRadius-bl-mobile, 0px); max-width: var(--pf29uw-max-width-mobile, var(--pf29uw-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; } } &:not([data-bnode-structure="2"]) .beae-text-image { top: 10px; left: 10px } } }[data-bnode="beae-pf29uw"] {     display: flex;     flex-direction: var(--pf29uw-direction, column);     flex-wrap: nowrap;     justify-content: var(--pf29uw-justify-content);     align-items: var(--pf29uw-align-items);     gap: var(--pf29uw-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(30.90% - var(--pf29uw-padding-right, 0px) - var(--pf29uw-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(69.10% - var(--pf29uw-padding-right, 0px) - var(--pf29uw-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--pf29uw-padding-right, 0px) - var(--pf29uw-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pf29uw"] {                                          &>.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(--pf29uw-padding-right-tablet, 0px) - var(--pf29uw-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--pf29uw-padding-right-tablet, 0px) - var(--pf29uw-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--pf29uw-padding-right-tablet, 0px) - var(--pf29uw-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-pf29uw"] {      flex-direction: var(--pf29uw-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-a8dc1s"] { --a8dc1s-direction: column; --a8dc1s-direction-tablet: column; --a8dc1s-direction-mobile: column; --a8dc1s-align-items: center; --a8dc1s-align-items-tablet: center; --a8dc1s-align-items-mobile: center; --a8dc1s-padding-top: 40px; --a8dc1s-padding-top-tablet: 0px; --a8dc1s-padding-top-mobile: 24px; --a8dc1s-padding-right: 64px; --a8dc1s-padding-right-tablet: 24px; --a8dc1s-padding-right-mobile: 24px; --a8dc1s-padding-bottom: 40px; --a8dc1s-padding-bottom-tablet: 0px; --a8dc1s-padding-bottom-mobile: 24px; --a8dc1s-padding-left: 64px; --a8dc1s-padding-left-tablet: 24px; --a8dc1s-padding-left-mobile: 24px; }[data-bnode="beae-a8dc1s"] { padding-top: var(--a8dc1s-padding-top, 0px); padding-right: var(--a8dc1s-padding-right, 0px); padding-bottom: var(--a8dc1s-padding-bottom, 0px); padding-left: var(--a8dc1s-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--a8dc1s-padding-top-tablet, 0px); padding-right: var(--a8dc1s-padding-right-tablet, 0px); padding-bottom: var(--a8dc1s-padding-bottom-tablet, 0px); padding-left: var(--a8dc1s-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--a8dc1s-padding-top-mobile, 0px); padding-right: var(--a8dc1s-padding-right-mobile, 0px); padding-bottom: var(--a8dc1s-padding-bottom-mobile, 0px); padding-left: var(--a8dc1s-padding-left-mobile, 0px); } width: calc(100% - var(--a8dc1s-padding-left, 0px) - var(--a8dc1s-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--a8dc1s-background-imageRatio, auto); background: var(--a8dc1s-background-color); border-style: var(--a8dc1s-borderStyle,solid); border-color: var(--a8dc1s-borderColor,#000000); border-width: var(--a8dc1s-borderWidth-tl,0px) var(--a8dc1s-borderWidth-tr,0px) var(--a8dc1s-borderWidth-br,0px) var(--a8dc1s-borderWidth-bl,0px); border-radius: var(--a8dc1s-borderRadius-tl,0px) var(--a8dc1s-borderRadius-tr,0px) var(--a8dc1s-borderRadius-br,0px) var(--a8dc1s-borderRadius-bl,0px); box-shadow: if(style(--a8dc1s-enableShadow: true): var(--a8dc1s-shadowHorizontal,0) var(--a8dc1s-shadowVertical,0) var(--a8dc1s-shadowBlur,0) 1px var(--a8dc1s-shadowColor,#000000); else: none); max-width: var(--a8dc1s-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--a8dc1s-background-imageRatio-tablet, var(--a8dc1s-background-imageRatio, auto)); border-width: var(--a8dc1s-borderWidth-tl-tablet,0px) var(--a8dc1s-borderWidth-tr-tablet,0px) var(--a8dc1s-borderWidth-br-tablet,0px) var(--a8dc1s-borderWidth-bl-tablet,0px); border-radius: var(--a8dc1s-borderRadius-tl-tablet,0px) var(--a8dc1s-borderRadius-tr-tablet,0px) var(--a8dc1s-borderRadius-br-tablet,0px) var(--a8dc1s-borderRadius-bl-tablet,0px); max-width: var(--a8dc1s-max-width-tablet, var(--a8dc1s-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--a8dc1s-background-imageRatio-mobile, var(--a8dc1s-background-imageRatio, auto)); border-width: var(--a8dc1s-borderWidth-tl-mobile,0px) var(--a8dc1s-borderWidth-tr-mobile,0px) var(--a8dc1s-borderWidth-br-mobile,0px) var(--a8dc1s-borderWidth-bl-mobile,0px); border-radius: var(--a8dc1s-borderRadius-tl-mobile,0px) var(--a8dc1s-borderRadius-tr-mobile,0px) var(--a8dc1s-borderRadius-br-mobile,0px) var(--a8dc1s-borderRadius-bl-mobile,0px); max-width: var(--a8dc1s-max-width-mobile, var(--a8dc1s-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-a8dc1s"] {     display: flex;     flex-direction: var(--a8dc1s-direction, column);     flex-wrap: nowrap;     justify-content: var(--a8dc1s-justify-content);     align-items: var(--a8dc1s-align-items);     gap: var(--a8dc1s-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a8dc1s"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--a8dc1s-padding-right-tablet, 0px) - var(--a8dc1s-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-a8dc1s"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--a8dc1s-padding-right-mobile, 0px) - var(--a8dc1s-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4ngho1"] { --beae-p3-font-size: 14px; --beae-p3-font-size-tablet: 14px; --beae-p3-font-size-mobile: 14px; --beae-p3-color: #100A0A; --beae-p3-font-family: Instrument Sans; --beae-p3-font-weight: 400; --beae-p3-line-height: 1.5; --beae-p3-line-height-tablet: 1.5; --beae-p3-line-height-mobile: 1.5; --beae-p3-letter-spacing: 0px; --beae-p3-letter-spacing-tablet: 0px; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-text-transform: none; --4ngho1-typography: p3; --4ngho1-typography-tablet: p3; --4ngho1-typography-mobile: p3; --4ngho1-margin-top: 0px; --4ngho1-margin-top-tablet: 0px; --4ngho1-margin-top-mobile: 0px; --4ngho1-margin-right: 0px; --4ngho1-margin-right-tablet: 0px; --4ngho1-margin-right-mobile: 0px; --4ngho1-margin-bottom: 16px; --4ngho1-margin-bottom-tablet: 16px; --4ngho1-margin-bottom-mobile: 16px; --4ngho1-margin-left: 0px; --4ngho1-margin-left-tablet: 0px; --4ngho1-margin-left-mobile: 0px; --beae-p3-text-align: center; }[data-bnode="beae-4ngho1"] { margin-top: var(--4ngho1-margin-top, 0px); margin-right: var(--4ngho1-margin-right, 0px); margin-bottom: var(--4ngho1-margin-bottom, 0px); margin-left: var(--4ngho1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4ngho1-margin-top-tablet, 0px); margin-right: var(--4ngho1-margin-right-tablet, 0px); margin-bottom: var(--4ngho1-margin-bottom-tablet, 0px); margin-left: var(--4ngho1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4ngho1-margin-top-mobile, 0px); margin-right: var(--4ngho1-margin-right-mobile, 0px); margin-bottom: var(--4ngho1-margin-bottom-mobile, 0px); margin-left: var(--4ngho1-margin-left-mobile, 0px); } }[data-bnode="beae-2fwcfq"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 36px; --beae-h1-color: #100A0A; --beae-h1-font-family: Alan Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: capitalize; --2fwcfq-typography: h1; --2fwcfq-typography-tablet: h1; --2fwcfq-typography-mobile: h1; --2fwcfq-margin-top: 0px; --2fwcfq-margin-top-tablet: 0px; --2fwcfq-margin-top-mobile: 0px; --2fwcfq-margin-right: 0px; --2fwcfq-margin-right-tablet: 0px; --2fwcfq-margin-right-mobile: 0px; --2fwcfq-margin-bottom: 12px; --2fwcfq-margin-bottom-tablet: 12px; --2fwcfq-margin-bottom-mobile: 12px; --2fwcfq-margin-left: 0px; --2fwcfq-margin-left-tablet: 0px; --2fwcfq-margin-left-mobile: 0px; --beae-h1-text-align: center; }[data-bnode="beae-2fwcfq"] { margin-top: var(--2fwcfq-margin-top, 0px); margin-right: var(--2fwcfq-margin-right, 0px); margin-bottom: var(--2fwcfq-margin-bottom, 0px); margin-left: var(--2fwcfq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2fwcfq-margin-top-tablet, 0px); margin-right: var(--2fwcfq-margin-right-tablet, 0px); margin-bottom: var(--2fwcfq-margin-bottom-tablet, 0px); margin-left: var(--2fwcfq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2fwcfq-margin-top-mobile, 0px); margin-right: var(--2fwcfq-margin-right-mobile, 0px); margin-bottom: var(--2fwcfq-margin-bottom-mobile, 0px); margin-left: var(--2fwcfq-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--2fwcfq-highlightColor,var(--beae-p-color)); top: var(--2fwcfq-highlightTop, 100%); } }[data-bnode="beae-gp2vip"] { --gp2vip-typography: p; --gp2vip-typography-tablet: p; --gp2vip-typography-mobile: p; --beae-p-text-align: center; --beae-p-color: #3E2828; --gp2vip-margin-top: 0px; --gp2vip-margin-top-tablet: 0px; --gp2vip-margin-top-mobile: 0px; --gp2vip-margin-right: 0px; --gp2vip-margin-right-tablet: 0px; --gp2vip-margin-right-mobile: 0px; --gp2vip-margin-bottom: 40px; --gp2vip-margin-bottom-tablet: 40px; --gp2vip-margin-bottom-mobile: 40px; --gp2vip-margin-left: 0px; --gp2vip-margin-left-tablet: 0px; --gp2vip-margin-left-mobile: 0px; }[data-bnode="beae-gp2vip"] { margin-top: var(--gp2vip-margin-top, 0px); margin-right: var(--gp2vip-margin-right, 0px); margin-bottom: var(--gp2vip-margin-bottom, 0px); margin-left: var(--gp2vip-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gp2vip-margin-top-tablet, 0px); margin-right: var(--gp2vip-margin-right-tablet, 0px); margin-bottom: var(--gp2vip-margin-bottom-tablet, 0px); margin-left: var(--gp2vip-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gp2vip-margin-top-mobile, 0px); margin-right: var(--gp2vip-margin-right-mobile, 0px); margin-bottom: var(--gp2vip-margin-bottom-mobile, 0px); margin-left: var(--gp2vip-margin-left-mobile, 0px); } }[data-bnode="beae-3cyl9d"] { --3cyl9d-width: fill; --3cyl9d-width-tablet: fill; --3cyl9d-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: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 6px; --beae-btn-pr-label-color: #FFFFFF; --beae-btn-pr-background-color: #7c5050; --beae-btn-text-transform: capitalize; --3cyl9d-iconWidth: 20px; --3cyl9d-iconWidth-tablet: 20px; --3cyl9d-iconWidth-mobile: 20px; --3cyl9d-iconGap: 5px; --3cyl9d-iconGap-tablet: 5px; --3cyl9d-iconGap-mobile: 5px; --3cyl9d-transform: none; --3cyl9d-transform-tablet: none; --3cyl9d-transform-mobile: none; --3cyl9d-button: pr; --3cyl9d-button-tablet: pr; --3cyl9d-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --3cyl9d-bgPrHover: #ffffff; --3cyl9d-bgPrHover-tablet: #ffffff; --3cyl9d-bgPrHover-mobile: #ffffff; --3cyl9d-labelPrHover: #7c5050; --3cyl9d-labelPrHover-tablet: #7c5050; --3cyl9d-labelPrHover-mobile: #7c5050; --3cyl9d-borderPrHover: #F50F0F; --3cyl9d-borderPrHover-tablet: #F50F0F; --3cyl9d-borderPrHover-mobile: #F50F0F; }[data-bnode="beae-3cyl9d"] { margin-top: var(--3cyl9d-margin-top, 0px); margin-right: var(--3cyl9d-margin-right, 0px); margin-bottom: var(--3cyl9d-margin-bottom, 0px); margin-left: var(--3cyl9d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3cyl9d-margin-top-tablet, 0px); margin-right: var(--3cyl9d-margin-right-tablet, 0px); margin-bottom: var(--3cyl9d-margin-bottom-tablet, 0px); margin-left: var(--3cyl9d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3cyl9d-margin-top-mobile, 0px); margin-right: var(--3cyl9d-margin-right-mobile, 0px); margin-bottom: var(--3cyl9d-margin-bottom-mobile, 0px); margin-left: var(--3cyl9d-margin-left-mobile, 0px); } &{ text-transform: var(--3cyl9d-transform); gap:var(--3cyl9d-iconGap,5px); /* border: 1px solid var(--beae-btn-pr-background-color); */ &.beae-btn-pr:hover{ background-color: var(--3cyl9d-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--3cyl9d-labelPrHover, var(--beae-btn-pr-label-hover)); /* outline-color: var(--3cyl9d-borderPrHover, var(--beae-btn-pr-border-hover)); */ } &.beae-btn-se:hover{ background-color: var(--3cyl9d-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--3cyl9d-labelSeHover, var(--beae-btn-se-label-hover)); /* outline-color: var(--3cyl9d-borderSeHover, var(--beae-btn-pr-border-hover)); */ } &.beae-btn-te:hover{ color: var(--3cyl9d-labelTeHover, var(--beae-btn-te-label-hover)); } svg { width: var(--3cyl9d-iconWidth,20px); min-width: var(--3cyl9d-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--3cyl9d-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } svg { width: var(--3cyl9d-iconWidth-tablet, var(--3cyl9d-iconWidth)); min-width: var(--3cyl9d-iconWidth-tablet, var(--3cyl9d-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--3cyl9d-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--3cyl9d-iconWidth-mobile, var(--3cyl9d-iconWidth)); min-width: var(--3cyl9d-iconWidth-mobile, var(--3cyl9d-iconWidth)); height: 100%; } } span{ display: flex; } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-7cjim0"] { --7cjim0-borderStyle: solid; --7cjim0-borderStyle-tablet: solid; --7cjim0-borderStyle-mobile: solid; --7cjim0-borderWidth-tl: 1px; --7cjim0-borderWidth-tl-tablet: 1px; --7cjim0-borderWidth-tl-mobile: 1px; --7cjim0-borderWidth-tr: 1px; --7cjim0-borderWidth-tr-tablet: 1px; --7cjim0-borderWidth-tr-mobile: 1px; --7cjim0-borderWidth-bl: 1px; --7cjim0-borderWidth-bl-tablet: 1px; --7cjim0-borderWidth-bl-mobile: 1px; --7cjim0-borderWidth-br: 1px; --7cjim0-borderWidth-br-tablet: 1px; --7cjim0-borderWidth-br-mobile: 1px; --7cjim0-borderColor: #9D4D4D; --7cjim0-borderColor-tablet: #9D4D4D; --7cjim0-borderColor-mobile: #9D4D4D; --7cjim0-padding-top-mobile: 24px; --7cjim0-padding-right-mobile: 24px; --7cjim0-padding-bottom-mobile: 24px; --7cjim0-padding-left-mobile: 24px; }[data-bnode="beae-7cjim0"] { padding-top: var(--7cjim0-padding-top, 0px); padding-right: var(--7cjim0-padding-right, 0px); padding-bottom: var(--7cjim0-padding-bottom, 0px); padding-left: var(--7cjim0-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7cjim0-padding-top-tablet, 0px); padding-right: var(--7cjim0-padding-right-tablet, 0px); padding-bottom: var(--7cjim0-padding-bottom-tablet, 0px); padding-left: var(--7cjim0-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--7cjim0-padding-top-mobile, 0px); padding-right: var(--7cjim0-padding-right-mobile, 0px); padding-bottom: var(--7cjim0-padding-bottom-mobile, 0px); padding-left: var(--7cjim0-padding-left-mobile, 0px); } width: calc(100% - var(--7cjim0-padding-left, 0px) - var(--7cjim0-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; background: var(--7cjim0-background-color); border-style: var(--7cjim0-borderStyle); border-color: var(--7cjim0-borderColor); border-width:var(--7cjim0-borderWidth,0px); border-radius: var(--7cjim0-borderRadius); box-shadow: if(style(--7cjim0-enableShadow: true): var(--7cjim0-shadowHorizontal,0) var(--7cjim0-shadowVertical,0) var(--7cjim0-shadowBlur,0) 1px var(--7cjim0-shadowColor,#000000); else: none); max-width: var(--7cjim0-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width:var(--7cjim0-borderWidth-tablet,0px); border-radius: var(--7cjim0-borderRadius-tablet); max-width: var(--7cjim0-max-width-tablet, var(--7cjim0-max-width, 100%)); } @media(max-width: 767px){ border-width:var(--7cjim0-borderWidth-mobile,var(--7cjim0-borderWidth,0px)); border-radius: var(--7cjim0-borderRadius-mobile,var(--7cjim0-borderRadius,0px)); max-width: var(--7cjim0-max-width-mobile, var(--7cjim0-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-7cjim0"] {     display: flex;     flex-direction: var(--7cjim0-direction, column);     flex-wrap: nowrap;     justify-content: var(--7cjim0-justify-content);     align-items: var(--7cjim0-align-items);     gap: var(--7cjim0-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7cjim0"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7cjim0-padding-right-tablet, 0px) - var(--7cjim0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7cjim0"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7cjim0-padding-right-mobile, 0px) - var(--7cjim0-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-us06cp"] { --us06cp-width: 100%; --us06cp-width-tablet: 100%; --us06cp-width-mobile: 100%; --us06cp-imageRatio: auto; --us06cp-imageRatio-tablet: 9/16; --us06cp-imageRatio-mobile: 1/1; --us06cp-objFit: cover; --us06cp-objFit-tablet: cover; --us06cp-objFit-mobile: cover; --us06cp-borderColor: #d7c1c1; --us06cp-borderColor-tablet: #d7c1c1; --us06cp-borderColor-mobile: #d7c1c1; --us06cp-shadowColor: #000000; --us06cp-shadowColor-tablet: #000000; --us06cp-shadowColor-mobile: #000000; --us06cp-borderStyle: solid; --us06cp-borderStyle-tablet: solid; --us06cp-borderStyle-mobile: solid; --us06cp-enableShadow: false; --us06cp-enableShadow-tablet: false; --us06cp-enableShadow-mobile: false; --us06cp-borderRadius-tl: 16px; --us06cp-borderRadius-tl-tablet: 16px; --us06cp-borderRadius-tl-mobile: 16px; --us06cp-borderRadius-tr: 16px; --us06cp-borderRadius-tr-tablet: 16px; --us06cp-borderRadius-tr-mobile: 16px; --us06cp-borderRadius-bl: 16px; --us06cp-borderRadius-bl-tablet: 16px; --us06cp-borderRadius-bl-mobile: 16px; --us06cp-borderRadius-br: 16px; --us06cp-borderRadius-br-tablet: 16px; --us06cp-borderRadius-br-mobile: 16px; --us06cp-borderWidth-tl: 1px; --us06cp-borderWidth-tl-tablet: 1px; --us06cp-borderWidth-tl-mobile: 1px; --us06cp-borderWidth-tr: 1px; --us06cp-borderWidth-tr-tablet: 1px; --us06cp-borderWidth-tr-mobile: 1px; --us06cp-borderWidth-bl: 1px; --us06cp-borderWidth-bl-tablet: 1px; --us06cp-borderWidth-bl-mobile: 1px; --us06cp-borderWidth-br: 1px; --us06cp-borderWidth-br-tablet: 1px; --us06cp-borderWidth-br-mobile: 1px; --us06cp-margin-top: 0px; --us06cp-margin-top-tablet: 0px; --us06cp-margin-top-mobile: 0px; --us06cp-margin-right: 0px; --us06cp-margin-right-tablet: 0px; --us06cp-margin-right-mobile: 0px; --us06cp-margin-bottom: 0px; --us06cp-margin-bottom-tablet: 0px; --us06cp-margin-bottom-mobile: 0px; --us06cp-margin-left: 0px; --us06cp-margin-left-tablet: 0px; --us06cp-margin-left-mobile: 0px; --us06cp-width_custom-tablet: 100%; --us06cp-width_custom-mobile: 100%; }[data-bnode="beae-us06cp"] { margin-top: var(--us06cp-margin-top, 0px); margin-right: var(--us06cp-margin-right, 0px); margin-bottom: var(--us06cp-margin-bottom, 0px); margin-left: var(--us06cp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--us06cp-margin-top-tablet, 0px); margin-right: var(--us06cp-margin-right-tablet, 0px); margin-bottom: var(--us06cp-margin-bottom-tablet, 0px); margin-left: var(--us06cp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--us06cp-margin-top-mobile, 0px); margin-right: var(--us06cp-margin-right-mobile, 0px); margin-bottom: var(--us06cp-margin-bottom-mobile, 0px); margin-left: var(--us06cp-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--us06cp-width,100%) - var(--us06cp-margin-left,0px) - var(--us06cp-margin-right,0px)); min-height: min-content; border-style: var(--us06cp-borderStyle,solid); border-color: var(--us06cp-borderColor,#000000); border-width: var(--us06cp-borderWidth-tl,0px) var(--us06cp-borderWidth-tr,0px) var(--us06cp-borderWidth-br,0px) var(--us06cp-borderWidth-bl,0px); border-radius: var(--us06cp-borderRadius-tl,0px) var(--us06cp-borderRadius-tr,0px) var(--us06cp-borderRadius-br,0px) var(--us06cp-borderRadius-bl,0px); aspect-ratio: var(--us06cp-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--us06cp-borderWidth-tl-tablet, var(--us06cp-borderWidth-tl,0px)) var(--us06cp-borderWidth-tr-tablet, var(--us06cp-borderWidth-tr,0px)) var(--us06cp-borderWidth-br-tablet, var(--us06cp-borderWidth-br,0px)) var(--us06cp-borderWidth-bl-tablet, var(--us06cp-borderWidth-bl,0px)); border-radius: var(--us06cp-borderRadius-tl-tablet, var(--us06cp-borderRadius-tl,0px)) var(--us06cp-borderRadius-tr-tablet, var(--us06cp-borderRadius-tr,0px)) var(--us06cp-borderRadius-br-tablet, var(--us06cp-borderRadius-br,0px)) var(--us06cp-borderRadius-bl-tablet, var(--us06cp-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--us06cp-borderWidth-tl-mobile, var(--us06cp-borderWidth-tl,0px)) var(--us06cp-borderWidth-tr-mobile, var(--us06cp-borderWidth-tr,0px)) var(--us06cp-borderWidth-br-mobile, var(--us06cp-borderWidth-br,0px)) var(--us06cp-borderWidth-bl-mobile, var(--us06cp-borderWidth-bl,0px)); border-radius: var(--us06cp-borderRadius-tl-mobile, var(--us06cp-borderRadius-tl,0px)) var(--us06cp-borderRadius-tr-mobile, var(--us06cp-borderRadius-tr,0px)) var(--us06cp-borderRadius-br-mobile, var(--us06cp-borderRadius-br,0px)) var(--us06cp-borderRadius-bl-mobile, var(--us06cp-borderRadius-bl,0px)); } box-shadow: if( style(--us06cp-enableShadow: true): var(--us06cp-shadowHorizontal, 0) var(--us06cp-shadowVertical, 0) var(--us06cp-shadowBlur, 0) 1px var(--us06cp-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--us06cp-overlayColor-color, #000); opacity: var(--us06cp-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--us06cp-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--us06cp-width-tablet,var(--us06cp-width,100%)) - var(--us06cp-margin-left-tablet,var(--us06cp-margin-left,0px)) - var(--us06cp-margin-right-tablet,var(--us06cp-margin-right,0px))); aspect-ratio: var(--us06cp-imageRatio-tablet, var(--us06cp-imageRatio, auto)); img { object-fit: var(--us06cp-objFit-tablet, var(--us06cp-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--us06cp-width-mobile,var(--us06cp-width,100%)) - var(--us06cp-margin-left-mobile,var(--us06cp-margin-left,0px)) - var(--us06cp-margin-right-mobile,var(--us06cp-margin-right,0px))); aspect-ratio: var(--us06cp-imageRatio-mobile, var(--us06cp-imageRatio, auto)); img { object-fit: var(--us06cp-objFit-mobile, var(--us06cp-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-9zsj8t"] { --9zsj8t-direction: column; --9zsj8t-direction-tablet: column; --9zsj8t-direction-mobile: column; --9zsj8t-structure: columns; --9zsj8t-structure-tablet: columns; --9zsj8t-structure-mobile: columns; --9zsj8t-gap: 0; --9zsj8t-gap-tablet: 0; --9zsj8t-gap-mobile: 0; --9zsj8t-align-items: center; --9zsj8t-align-items-tablet: center; --9zsj8t-align-items-mobile: center; --9zsj8t-background-type: color; --9zsj8t-background-type-tablet: color; --9zsj8t-background-type-mobile: color; --9zsj8t-background-image: [object Object]; --9zsj8t-background-image-tablet: [object Object]; --9zsj8t-background-image-mobile: [object Object]; --9zsj8t-background-imageRatio: 1/1; --9zsj8t-background-imageRatio-tablet: 1/1; --9zsj8t-background-imageRatio-mobile: 1/1; --9zsj8t-background-color: #0000; --9zsj8t-background-color-tablet: #0000; --9zsj8t-background-color-mobile: #0000; --9zsj8t-max-width: 112px; --9zsj8t-max-width-tablet: 112px; --9zsj8t-max-width-mobile: 112px; --9zsj8t-justify-content: center; --9zsj8t-justify-content-tablet: center; --9zsj8t-justify-content-mobile: center; --9zsj8t-padding-top: 0px; --9zsj8t-padding-top-tablet: 0px; --9zsj8t-padding-top-mobile: 0px; --9zsj8t-padding-right: 0px; --9zsj8t-padding-right-tablet: 0px; --9zsj8t-padding-right-mobile: 0px; --9zsj8t-padding-bottom: 0px; --9zsj8t-padding-bottom-tablet: 0px; --9zsj8t-padding-bottom-mobile: 0px; --9zsj8t-padding-left: 0px; --9zsj8t-padding-left-tablet: 0px; --9zsj8t-padding-left-mobile: 0px; }[data-bnode="beae-9zsj8t"] { padding-top: var(--9zsj8t-padding-top, 0px); padding-right: var(--9zsj8t-padding-right, 0px); padding-bottom: var(--9zsj8t-padding-bottom, 0px); padding-left: var(--9zsj8t-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--9zsj8t-padding-top-tablet, 0px); padding-right: var(--9zsj8t-padding-right-tablet, 0px); padding-bottom: var(--9zsj8t-padding-bottom-tablet, 0px); padding-left: var(--9zsj8t-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--9zsj8t-padding-top-mobile, 0px); padding-right: var(--9zsj8t-padding-right-mobile, 0px); padding-bottom: var(--9zsj8t-padding-bottom-mobile, 0px); padding-left: var(--9zsj8t-padding-left-mobile, 0px); } width: calc(100% - var(--9zsj8t-padding-left, 0px) - var(--9zsj8t-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--9zsj8t-background-imageRatio, auto); background: var(--9zsj8t-background-color); border-style: var(--9zsj8t-borderStyle, solid); border-color: var(--9zsj8t-borderColor, #000000); border-width: var(--9zsj8t-borderWidth-tl, 0px) var(--9zsj8t-borderWidth-tr, 0px) var(--9zsj8t-borderWidth-br, 0px) var(--9zsj8t-borderWidth-bl, 0px); border-radius: var(--9zsj8t-borderRadius-tl, 0px) var(--9zsj8t-borderRadius-tr, 0px) var(--9zsj8t-borderRadius-br, 0px) var(--9zsj8t-borderRadius-bl, 0px); box-shadow: if( style(--9zsj8t-enableShadow: true): var(--9zsj8t-shadowHorizontal, 0) var(--9zsj8t-shadowVertical, 0) var(--9zsj8t-shadowBlur, 0) 1px var(--9zsj8t-shadowColor, #000000) ; else: none ); max-width: var(--9zsj8t-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--9zsj8t-background-imageRatio-tablet, var(--9zsj8t-background-imageRatio, auto) ); border-width: var(--9zsj8t-borderWidth-tl-tablet, 0px) var(--9zsj8t-borderWidth-tr-tablet, 0px) var(--9zsj8t-borderWidth-br-tablet, 0px) var(--9zsj8t-borderWidth-bl-tablet, 0px); border-radius: var(--9zsj8t-borderRadius-tl-tablet, 0px) var(--9zsj8t-borderRadius-tr-tablet, 0px) var(--9zsj8t-borderRadius-br-tablet, 0px) var(--9zsj8t-borderRadius-bl-tablet, 0px); max-width: var(--9zsj8t-max-width-tablet, var(--9zsj8t-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--9zsj8t-background-imageRatio-mobile, var(--9zsj8t-background-imageRatio, auto) ); border-width: var(--9zsj8t-borderWidth-tl-mobile, 0px) var(--9zsj8t-borderWidth-tr-mobile, 0px) var(--9zsj8t-borderWidth-br-mobile, 0px) var(--9zsj8t-borderWidth-bl-mobile, 0px); border-radius: var(--9zsj8t-borderRadius-tl-mobile, 0px) var(--9zsj8t-borderRadius-tr-mobile, 0px) var(--9zsj8t-borderRadius-br-mobile, 0px) var(--9zsj8t-borderRadius-bl-mobile, 0px); max-width: var(--9zsj8t-max-width-mobile, var(--9zsj8t-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-text-image { position: absolute !important; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: rotate; animation-duration: 5s; margin-top: 16px; margin-left: 16px; @media(min-width: 768px) { top: 40px; left: -60px; margin-top: 0; margin-left: 0; } } } @keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }[data-bnode="beae-9zsj8t"] {     display: flex;     flex-direction: var(--9zsj8t-direction, column);     flex-wrap: nowrap;     justify-content: var(--9zsj8t-justify-content);     align-items: var(--9zsj8t-align-items);     gap: var(--9zsj8t-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9zsj8t"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9zsj8t-padding-right-tablet, 0px) - var(--9zsj8t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9zsj8t"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9zsj8t-padding-right-mobile, 0px) - var(--9zsj8t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-yqp2gw"] { --yqp2gw-width: 100%; --yqp2gw-width-tablet: 100%; --yqp2gw-width-mobile: 100%; --yqp2gw-imageRatio: 1/1; --yqp2gw-imageRatio-tablet: 1/1; --yqp2gw-imageRatio-mobile: 1/1; --yqp2gw-objFit: cover; --yqp2gw-objFit-tablet: cover; --yqp2gw-objFit-mobile: cover; --yqp2gw-borderColor: #000000; --yqp2gw-borderColor-tablet: #000000; --yqp2gw-borderColor-mobile: #000000; --yqp2gw-shadowColor: #000000; --yqp2gw-shadowColor-tablet: #000000; --yqp2gw-shadowColor-mobile: #000000; --yqp2gw-borderStyle: none; --yqp2gw-borderStyle-tablet: none; --yqp2gw-borderStyle-mobile: none; --yqp2gw-enableShadow: false; --yqp2gw-enableShadow-tablet: false; --yqp2gw-enableShadow-mobile: false; }[data-bnode="beae-yqp2gw"] { margin-top: var(--yqp2gw-margin-top, 0px); margin-right: var(--yqp2gw-margin-right, 0px); margin-bottom: var(--yqp2gw-margin-bottom, 0px); margin-left: var(--yqp2gw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yqp2gw-margin-top-tablet, 0px); margin-right: var(--yqp2gw-margin-right-tablet, 0px); margin-bottom: var(--yqp2gw-margin-bottom-tablet, 0px); margin-left: var(--yqp2gw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yqp2gw-margin-top-mobile, 0px); margin-right: var(--yqp2gw-margin-right-mobile, 0px); margin-bottom: var(--yqp2gw-margin-bottom-mobile, 0px); margin-left: var(--yqp2gw-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--yqp2gw-width,100%) - var(--yqp2gw-margin-left,0px) - var(--yqp2gw-margin-right,0px)); min-height: min-content; border-style: var(--yqp2gw-borderStyle,solid); border-color: var(--yqp2gw-borderColor,#000000); border-width: var(--yqp2gw-borderWidth-tl,0px) var(--yqp2gw-borderWidth-tr,0px) var(--yqp2gw-borderWidth-br,0px) var(--yqp2gw-borderWidth-bl,0px); border-radius: var(--yqp2gw-borderRadius-tl,0px) var(--yqp2gw-borderRadius-tr,0px) var(--yqp2gw-borderRadius-br,0px) var(--yqp2gw-borderRadius-bl,0px); aspect-ratio: var(--yqp2gw-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--yqp2gw-borderWidth-tl-tablet, var(--yqp2gw-borderWidth-tl,0px)) var(--yqp2gw-borderWidth-tr-tablet, var(--yqp2gw-borderWidth-tr,0px)) var(--yqp2gw-borderWidth-br-tablet, var(--yqp2gw-borderWidth-br,0px)) var(--yqp2gw-borderWidth-bl-tablet, var(--yqp2gw-borderWidth-bl,0px)); border-radius: var(--yqp2gw-borderRadius-tl-tablet, var(--yqp2gw-borderRadius-tl,0px)) var(--yqp2gw-borderRadius-tr-tablet, var(--yqp2gw-borderRadius-tr,0px)) var(--yqp2gw-borderRadius-br-tablet, var(--yqp2gw-borderRadius-br,0px)) var(--yqp2gw-borderRadius-bl-tablet, var(--yqp2gw-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--yqp2gw-borderWidth-tl-mobile, var(--yqp2gw-borderWidth-tl,0px)) var(--yqp2gw-borderWidth-tr-mobile, var(--yqp2gw-borderWidth-tr,0px)) var(--yqp2gw-borderWidth-br-mobile, var(--yqp2gw-borderWidth-br,0px)) var(--yqp2gw-borderWidth-bl-mobile, var(--yqp2gw-borderWidth-bl,0px)); border-radius: var(--yqp2gw-borderRadius-tl-mobile, var(--yqp2gw-borderRadius-tl,0px)) var(--yqp2gw-borderRadius-tr-mobile, var(--yqp2gw-borderRadius-tr,0px)) var(--yqp2gw-borderRadius-br-mobile, var(--yqp2gw-borderRadius-br,0px)) var(--yqp2gw-borderRadius-bl-mobile, var(--yqp2gw-borderRadius-bl,0px)); } box-shadow: if( style(--yqp2gw-enableShadow: true): var(--yqp2gw-shadowHorizontal, 0) var(--yqp2gw-shadowVertical, 0) var(--yqp2gw-shadowBlur, 0) 1px var(--yqp2gw-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--yqp2gw-overlayColor-color, #000); opacity: var(--yqp2gw-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--yqp2gw-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--yqp2gw-width-tablet,var(--yqp2gw-width,100%)) - var(--yqp2gw-margin-left-tablet,var(--yqp2gw-margin-left,0px)) - var(--yqp2gw-margin-right-tablet,var(--yqp2gw-margin-right,0px))); aspect-ratio: var(--yqp2gw-imageRatio-tablet, var(--yqp2gw-imageRatio, auto)); img { object-fit: var(--yqp2gw-objFit-tablet, var(--yqp2gw-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--yqp2gw-width-mobile,var(--yqp2gw-width,100%)) - var(--yqp2gw-margin-left-mobile,var(--yqp2gw-margin-left,0px)) - var(--yqp2gw-margin-right-mobile,var(--yqp2gw-margin-right,0px))); aspect-ratio: var(--yqp2gw-imageRatio-mobile, var(--yqp2gw-imageRatio, auto)); img { object-fit: var(--yqp2gw-objFit-mobile, var(--yqp2gw-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-w8yi5f"] { --w8yi5f-width: 100%; --w8yi5f-width-tablet: 100%; --w8yi5f-width-mobile: 100%; --w8yi5f-height: fit-content; --w8yi5f-height-tablet: fit-content; --w8yi5f-height-mobile: fit-content; --w8yi5f-padding-top: 0px; --w8yi5f-padding-top-tablet: 0px; --w8yi5f-padding-top-mobile: 0px; --w8yi5f-padding-bottom: 0px; --w8yi5f-padding-bottom-tablet: 0px; --w8yi5f-padding-bottom-mobile: 0px; --w8yi5f-padding-right: 0px; --w8yi5f-padding-right-tablet: 0px; --w8yi5f-padding-right-mobile: 0px; --w8yi5f-padding-left: 0px; --w8yi5f-padding-left-tablet: 0px; --w8yi5f-padding-left-mobile: 0px; --w8yi5f-background-type: color; --w8yi5f-background-type-tablet: color; --w8yi5f-background-type-mobile: color; --w8yi5f-direction: column; --w8yi5f-direction-tablet: column; --w8yi5f-direction-mobile: column; --w8yi5f-justify-content: center; --w8yi5f-justify-content-tablet: center; --w8yi5f-justify-content-mobile: center; }[data-bnode="beae-w8yi5f"] { padding-top: var(--w8yi5f-padding-top, 0px); padding-right: var(--w8yi5f-padding-right, 0px); padding-bottom: var(--w8yi5f-padding-bottom, 0px); padding-left: var(--w8yi5f-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--w8yi5f-padding-top-tablet, 0px); padding-right: var(--w8yi5f-padding-right-tablet, 0px); padding-bottom: var(--w8yi5f-padding-bottom-tablet, 0px); padding-left: var(--w8yi5f-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--w8yi5f-padding-top-mobile, 0px); padding-right: var(--w8yi5f-padding-right-mobile, 0px); padding-bottom: var(--w8yi5f-padding-bottom-mobile, 0px); padding-left: var(--w8yi5f-padding-left-mobile, 0px); } width: calc(100% - var(--w8yi5f-padding-left, 0px) - var(--w8yi5f-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--w8yi5f-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--w8yi5f-height); width: 100%; max-width: var(--w8yi5f-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(--w8yi5f-background-color-tablet, var(--w8yi5f-background-color)); & .beae-section-container { height: var(--w8yi5f-height-tablet, auto); width: 100%; max-width: var(--w8yi5f-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--w8yi5f-background-color-mobile, var(--w8yi5f-background-color-tablet, var(--w8yi5f-background-color))); & .beae-section-container { height: var(--w8yi5f-height-mobile, auto); width: 100%; max-width: var(--w8yi5f-width-mobile, 100%); } } } }[data-bnode="beae-w8yi5f"] > .beae-section-container{     display: flex;     flex-direction: var(--w8yi5f-direction, column);     flex-wrap: nowrap;     justify-content: var(--w8yi5f-justify-content);     align-items: var(--w8yi5f-align-items);     gap: var(--w8yi5f-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-w8yi5f"] > .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(--w8yi5f-padding-right-tablet, 0px) - var(--w8yi5f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-w8yi5f"] > .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(--w8yi5f-padding-right-mobile, 0px) - var(--w8yi5f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7cu9o7"] { --7cu9o7-direction: row; --7cu9o7-direction-tablet: row; --7cu9o7-direction-mobile: row; --7cu9o7-structure: auto; --7cu9o7-structure-tablet: auto; --7cu9o7-structure-mobile: auto; --7cu9o7-borderStyle: solid; --7cu9o7-borderStyle-tablet: solid; --7cu9o7-borderStyle-mobile: solid; --7cu9o7-borderColor: #d7c1c1; --7cu9o7-borderColor-tablet: #d7c1c1; --7cu9o7-borderColor-mobile: #d7c1c1; --7cu9o7-borderWidth-tl: 1px; --7cu9o7-borderWidth-tl-tablet: 1px; --7cu9o7-borderWidth-tl-mobile: 1px; --7cu9o7-borderWidth-tr: 0px; --7cu9o7-borderWidth-tr-tablet: 0px; --7cu9o7-borderWidth-tr-mobile: 0px; --7cu9o7-borderWidth-bl: 0px; --7cu9o7-borderWidth-bl-tablet: 0px; --7cu9o7-borderWidth-bl-mobile: 0px; --7cu9o7-borderWidth-br: 1px; --7cu9o7-borderWidth-br-tablet: 1px; --7cu9o7-borderWidth-br-mobile: 1px; --7cu9o7-padding-top: 0px; --7cu9o7-padding-top-tablet: 0px; --7cu9o7-padding-top-mobile: 0px; --7cu9o7-padding-right: 0px; --7cu9o7-padding-right-tablet: 0px; --7cu9o7-padding-right-mobile: 0px; --7cu9o7-padding-bottom: 0px; --7cu9o7-padding-bottom-tablet: 0px; --7cu9o7-padding-bottom-mobile: 0px; --7cu9o7-padding-left: 0px; --7cu9o7-padding-left-tablet: 0px; --7cu9o7-padding-left-mobile: 0px; --7cu9o7-background-type: color; --7cu9o7-background-type-tablet: color; --7cu9o7-background-type-mobile: color; --7cu9o7-background-color: #FFF3C0; --7cu9o7-background-color-tablet: #FFF3C0; --7cu9o7-background-color-mobile: #FFF3C0; --7cu9o7-max-width: 100%; --7cu9o7-max-width-tablet: 100%; --7cu9o7-max-width-mobile: 100%; }[data-bnode="beae-7cu9o7"] { padding-top: var(--7cu9o7-padding-top, 0px); padding-right: var(--7cu9o7-padding-right, 0px); padding-bottom: var(--7cu9o7-padding-bottom, 0px); padding-left: var(--7cu9o7-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7cu9o7-padding-top-tablet, 0px); padding-right: var(--7cu9o7-padding-right-tablet, 0px); padding-bottom: var(--7cu9o7-padding-bottom-tablet, 0px); padding-left: var(--7cu9o7-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--7cu9o7-padding-top-mobile, 0px); padding-right: var(--7cu9o7-padding-right-mobile, 0px); padding-bottom: var(--7cu9o7-padding-bottom-mobile, 0px); padding-left: var(--7cu9o7-padding-left-mobile, 0px); } width: calc(100% - var(--7cu9o7-padding-left, 0px) - var(--7cu9o7-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--7cu9o7-background-imageRatio, auto); background: var(--7cu9o7-background-color); border-style: var(--7cu9o7-borderStyle,solid); border-color: var(--7cu9o7-borderColor,#000000); border-width: var(--7cu9o7-borderWidth-tl,0px) var(--7cu9o7-borderWidth-tr,0px) var(--7cu9o7-borderWidth-br,0px) var(--7cu9o7-borderWidth-bl,0px); border-radius: var(--7cu9o7-borderRadius-tl,0px) var(--7cu9o7-borderRadius-tr,0px) var(--7cu9o7-borderRadius-br,0px) var(--7cu9o7-borderRadius-bl,0px); box-shadow: if(style(--7cu9o7-enableShadow: true): var(--7cu9o7-shadowHorizontal,0) var(--7cu9o7-shadowVertical,0) var(--7cu9o7-shadowBlur,0) 1px var(--7cu9o7-shadowColor,#000000); else: none); max-width: var(--7cu9o7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7cu9o7-background-imageRatio-tablet, var(--7cu9o7-background-imageRatio, auto)); border-width: var(--7cu9o7-borderWidth-tl-tablet,0px) var(--7cu9o7-borderWidth-tr-tablet,0px) var(--7cu9o7-borderWidth-br-tablet,0px) var(--7cu9o7-borderWidth-bl-tablet,0px); border-radius: var(--7cu9o7-borderRadius-tl-tablet,0px) var(--7cu9o7-borderRadius-tr-tablet,0px) var(--7cu9o7-borderRadius-br-tablet,0px) var(--7cu9o7-borderRadius-bl-tablet,0px); max-width: var(--7cu9o7-max-width-tablet, var(--7cu9o7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7cu9o7-background-imageRatio-mobile, var(--7cu9o7-background-imageRatio, auto)); border-width: var(--7cu9o7-borderWidth-tl-mobile,0px) var(--7cu9o7-borderWidth-tr-mobile,0px) var(--7cu9o7-borderWidth-br-mobile,0px) var(--7cu9o7-borderWidth-bl-mobile,0px); border-radius: var(--7cu9o7-borderRadius-tl-mobile,0px) var(--7cu9o7-borderRadius-tr-mobile,0px) var(--7cu9o7-borderRadius-br-mobile,0px) var(--7cu9o7-borderRadius-bl-mobile,0px); max-width: var(--7cu9o7-max-width-mobile, var(--7cu9o7-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-7cu9o7"] {     display: flex;     flex-direction: var(--7cu9o7-direction, column);     flex-wrap: nowrap;     justify-content: var(--7cu9o7-justify-content);     align-items: var(--7cu9o7-align-items);     gap: var(--7cu9o7-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7cu9o7"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7cu9o7-padding-right-tablet, 0px) - var(--7cu9o7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7cu9o7"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7cu9o7-padding-right-mobile, 0px) - var(--7cu9o7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-iqohh8"] { --iqohh8-overflow: unset; --iqohh8-overflow-tablet: unset; --iqohh8-overflow-mobile: unset; --iqohh8-itemGap: 32px; --iqohh8-itemGap-tablet: 32px; --iqohh8-itemGap-mobile: 32px; --iqohh8-direction: right; --iqohh8-direction-tablet: right; --iqohh8-direction-mobile: right; --iqohh8-borderStyle: none; --iqohh8-borderStyle-tablet: none; --iqohh8-borderStyle-mobile: none; --iqohh8-borderWidth: 24px; --iqohh8-borderWidth-tablet: 24px; --iqohh8-borderWidth-mobile: 24px; --iqohh8-borderRadius: 0px; --iqohh8-borderRadius-tablet: 0px; --iqohh8-borderRadius-mobile: 0px; --iqohh8-enableShadow: false; --iqohh8-enableShadow-tablet: false; --iqohh8-enableShadow-mobile: false; --iqohh8-shadowHorizontal: 46px; --iqohh8-shadowHorizontal-tablet: 46px; --iqohh8-shadowHorizontal-mobile: 46px; --iqohh8-shadowVertical: 48px; --iqohh8-shadowVertical-tablet: 48px; --iqohh8-shadowVertical-mobile: 48px; --iqohh8-shadowBlur: 57px; --iqohh8-shadowBlur-tablet: 57px; --iqohh8-shadowBlur-mobile: 57px; --iqohh8-speed: 100s; --iqohh8-speed-tablet: 100s; --iqohh8-speed-mobile: 100s; } [data-bnode="beae-iqohh8"] [data-bnode="beae-fp5gtk"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-iqohh8"] [data-bnode="beae-sclpar"] { --beae-p-text-align: justify; } [data-bnode="beae-iqohh8"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="beae-iqohh8"] [data-bnode="beae-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --beae-h3-text-transform: none; } [data-bnode="beae-iqohh8"] [data-bnode="beae-g0o1oo"] { --g0o1oo-width: 40px; --g0o1oo-imageRatio: 1/1; --g0o1oo-objFit: cover; --g0o1oo-borderColor: #000000; --g0o1oo-shadowColor: #000000; --g0o1oo-borderStyle: none; --g0o1oo-enableShadow: false; --g0o1oo-imageRatio-tablet: auto; --g0o1oo-width-tablet: 100px; --g0o1oo-width-mobile: 80px; } [data-bnode="beae-iqohh8"] [data-bnode="beae-nutm7k"] { --nutm7k-typography: h2; --beae-h2-font-weight: 600; } [data-bnode="beae-iqohh8"] [data-bnode="beae-xsfpqe"] { --xsfpqe-width: 24px; --xsfpqe-imageRatio: auto; --xsfpqe-objFit: cover; --xsfpqe-borderColor: #000000; --xsfpqe-shadowColor: #000000; --xsfpqe-enableShadow: false; } [data-bnode="beae-iqohh8"] [data-bnode="beae-6az4xz"] { --6az4xz-animationName: pop; --6az4xz-maxWidth: auto; --6az4xz-typography: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 400; --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; --6az4xz-margin-top: 0px; --6az4xz-margin-right: 1px; --6az4xz-margin-bottom: 0px; --6az4xz-margin-left: 0px; --beae-h3-font-size: 24px; --beae-h3-font-size-tablet: 24px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #100A0A; --beae-h3-font-weight: 500; --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; --6az4xz-highlightTop: 100; } [data-bnode="beae-iqohh8"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-gap: 32px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; --be-ctl-item-padding-top: 20px; --be-ctl-item-padding-top-tablet: 20px; --be-ctl-item-padding-top-mobile: 20px; --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: 20px; --be-ctl-item-padding-bottom-tablet: 20px; --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; }[data-bnode="beae-iqohh8"] { margin-top: var(--iqohh8-margin-top, 0px); margin-right: var(--iqohh8-margin-right, 0px); margin-bottom: var(--iqohh8-margin-bottom, 0px); margin-left: var(--iqohh8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--iqohh8-margin-top-tablet, 0px); margin-right: var(--iqohh8-margin-right-tablet, 0px); margin-bottom: var(--iqohh8-margin-bottom-tablet, 0px); margin-left: var(--iqohh8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--iqohh8-margin-top-mobile, 0px); margin-right: var(--iqohh8-margin-right-mobile, 0px); margin-bottom: var(--iqohh8-margin-bottom-mobile, 0px); margin-left: var(--iqohh8-margin-left-mobile, 0px); } &.beae-slot, & .beae-slot, .beae-slot { overflow: unset !important; } .beae-slot[data-bnode="be-ctl-item"] { width: auto; } &.beae-1kwker-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--iqohh8-borderWidth, 0) var(--iqohh8-borderStyle, solid) var(--iqohh8-borderColor, #000); border-radius: var(--iqohh8-borderRadius, 0); white-space: nowrap; box-shadow: if( style(--iqohh8-enableShadow: true): var(--iqohh8-shadowHorizontal, 0) var(--iqohh8-shadowVertical, 0) var(--iqohh8-shadowBlur, 0) 0 var(--iqohh8-shadowColor, #000000) ; else: none ); & .beae-1kwker-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: fit-content; /* animation: calc(var(--iqohh8-speed, 100) * 1s) linear infinite; */ animation-duration: var(--iqohh8-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .beae-1kwker-content { display: flex; flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--iqohh8-itemGap, 0px); padding-right: var(--iqohh8-itemGap, 0px); } & .beae-item-content { flex-shrink: 0; min-width: 0; width: fit-content; } @media (min-width: 640px) and (max-width: 1023px) { &.beae-3tg2vw-wrapper { border-radius: var(--iqohh8-borderRadius-tablet, var(--iqohh8-borderRadius, 0)); } & .beae-1kwker-track { /* animation-duration: calc(var(--iqohh8-speed-tablet, 20) * 1s); */ animation-duration: var(--iqohh8-speed-tablet, var(--iqohh8-speed, 20s)); } & .beae-1kwker-content { /* gap: var(--iqohh8-itemGap-tablet); padding-right: var(--iqohh8-itemGap-tablet); */ gap: var(--iqohh8-itemGap-tablet, var(--iqohh8-itemGap, 0px)); padding-right: var(--iqohh8-itemGap-tablet, var(--iqohh8-itemGap, 0px)); } } @media (max-width: 639px) { &.beae-3tg2vw-wrapper { border-radius: var(--iqohh8-borderRadius-mobile, var(--iqohh8-borderRadius, 0)); } & .beae-1kwker-track { /* animation-duration: calc(var(--iqohh8-speed-mobile, 20) * 1s); */ animation-duration: var(--iqohh8-speed-mobile, var(--iqohh8-speed, 20s)); } & .beae-1kwker-content { /* gap: var(--iqohh8-itemGap-mobile); padding-right: var(--iqohh8-itemGap-mobile); */ gap: var(--iqohh8-itemGap-mobile, var(--iqohh8-itemGap, 0px)); padding-right: var(--iqohh8-itemGap-mobile, var(--iqohh8-itemGap, 0px)); } } } } @keyframes marquee-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes marquee-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } [data-bnode="beae-iqohh8"] [data-bnode="beae-6az4xz"] { margin-top: var(--6az4xz-margin-top, 0px); margin-right: var(--6az4xz-margin-right, 0px); margin-bottom: var(--6az4xz-margin-bottom, 0px); margin-left: var(--6az4xz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6az4xz-margin-top-tablet, 0px); margin-right: var(--6az4xz-margin-right-tablet, 0px); margin-bottom: var(--6az4xz-margin-bottom-tablet, 0px); margin-left: var(--6az4xz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6az4xz-margin-top-mobile, 0px); margin-right: var(--6az4xz-margin-right-mobile, 0px); margin-bottom: var(--6az4xz-margin-bottom-mobile, 0px); margin-left: var(--6az4xz-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6az4xz-highlightColor,var(--beae-p-color)); top: var(--6az4xz-highlightTop, 100%); } } [data-bnode="beae-iqohh8"] [data-bnode="beae-xsfpqe"] { margin-top: var(--xsfpqe-margin-top, 0px); margin-right: var(--xsfpqe-margin-right, 0px); margin-bottom: var(--xsfpqe-margin-bottom, 0px); margin-left: var(--xsfpqe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xsfpqe-margin-top-tablet, 0px); margin-right: var(--xsfpqe-margin-right-tablet, 0px); margin-bottom: var(--xsfpqe-margin-bottom-tablet, 0px); margin-left: var(--xsfpqe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xsfpqe-margin-top-mobile, 0px); margin-right: var(--xsfpqe-margin-right-mobile, 0px); margin-bottom: var(--xsfpqe-margin-bottom-mobile, 0px); margin-left: var(--xsfpqe-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--xsfpqe-width,100%) - var(--xsfpqe-margin-left,0px) - var(--xsfpqe-margin-right,0px)); min-height: min-content; border-style: var(--xsfpqe-borderStyle,solid); border-color: var(--xsfpqe-borderColor,#000000); border-width: var(--xsfpqe-borderWidth-tl,0px) var(--xsfpqe-borderWidth-tr,0px) var(--xsfpqe-borderWidth-br,0px) var(--xsfpqe-borderWidth-bl,0px); border-radius: var(--xsfpqe-borderRadius-tl,0px) var(--xsfpqe-borderRadius-tr,0px) var(--xsfpqe-borderRadius-br,0px) var(--xsfpqe-borderRadius-bl,0px); aspect-ratio: var(--xsfpqe-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--xsfpqe-borderWidth-tl-tablet, var(--xsfpqe-borderWidth-tl,0px)) var(--xsfpqe-borderWidth-tr-tablet, var(--xsfpqe-borderWidth-tr,0px)) var(--xsfpqe-borderWidth-br-tablet, var(--xsfpqe-borderWidth-br,0px)) var(--xsfpqe-borderWidth-bl-tablet, var(--xsfpqe-borderWidth-bl,0px)); border-radius: var(--xsfpqe-borderRadius-tl-tablet, var(--xsfpqe-borderRadius-tl,0px)) var(--xsfpqe-borderRadius-tr-tablet, var(--xsfpqe-borderRadius-tr,0px)) var(--xsfpqe-borderRadius-br-tablet, var(--xsfpqe-borderRadius-br,0px)) var(--xsfpqe-borderRadius-bl-tablet, var(--xsfpqe-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--xsfpqe-borderWidth-tl-mobile, var(--xsfpqe-borderWidth-tl,0px)) var(--xsfpqe-borderWidth-tr-mobile, var(--xsfpqe-borderWidth-tr,0px)) var(--xsfpqe-borderWidth-br-mobile, var(--xsfpqe-borderWidth-br,0px)) var(--xsfpqe-borderWidth-bl-mobile, var(--xsfpqe-borderWidth-bl,0px)); border-radius: var(--xsfpqe-borderRadius-tl-mobile, var(--xsfpqe-borderRadius-tl,0px)) var(--xsfpqe-borderRadius-tr-mobile, var(--xsfpqe-borderRadius-tr,0px)) var(--xsfpqe-borderRadius-br-mobile, var(--xsfpqe-borderRadius-br,0px)) var(--xsfpqe-borderRadius-bl-mobile, var(--xsfpqe-borderRadius-bl,0px)); } box-shadow: if( style(--xsfpqe-enableShadow: true): var(--xsfpqe-shadowHorizontal, 0) var(--xsfpqe-shadowVertical, 0) var(--xsfpqe-shadowBlur, 0) 1px var(--xsfpqe-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--xsfpqe-overlayColor-color, #000); opacity: var(--xsfpqe-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--xsfpqe-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--xsfpqe-width-tablet,var(--xsfpqe-width,100%)) - var(--xsfpqe-margin-left-tablet,var(--xsfpqe-margin-left,0px)) - var(--xsfpqe-margin-right-tablet,var(--xsfpqe-margin-right,0px))); aspect-ratio: var(--xsfpqe-imageRatio-tablet, var(--xsfpqe-imageRatio, auto)); img { object-fit: var(--xsfpqe-objFit-tablet, var(--xsfpqe-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--xsfpqe-width-mobile,var(--xsfpqe-width,100%)) - var(--xsfpqe-margin-left-mobile,var(--xsfpqe-margin-left,0px)) - var(--xsfpqe-margin-right-mobile,var(--xsfpqe-margin-right,0px))); aspect-ratio: var(--xsfpqe-imageRatio-mobile, var(--xsfpqe-imageRatio, auto)); img { object-fit: var(--xsfpqe-objFit-mobile, var(--xsfpqe-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-iqohh8"] [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-iqohh8"] [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-iqohh8"] [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-iqohh8"] [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-3gf26b"] { --3gf26b-width: var(--beae-w); --3gf26b-width-tablet: var(--beae-w); --3gf26b-width-mobile: var(--beae-w); --3gf26b-height: fit-content; --3gf26b-height-tablet: fit-content; --3gf26b-height-mobile: fit-content; --3gf26b-padding-top: 0px; --3gf26b-padding-top-tablet: 0px; --3gf26b-padding-top-mobile: 0px; --3gf26b-padding-bottom: 0px; --3gf26b-padding-bottom-tablet: 0px; --3gf26b-padding-bottom-mobile: 0px; --3gf26b-padding-right: 0px; --3gf26b-padding-right-tablet: 0px; --3gf26b-padding-right-mobile: 0px; --3gf26b-padding-left: 0px; --3gf26b-padding-left-tablet: 0px; --3gf26b-padding-left-mobile: 0px; --3gf26b-direction: row; --3gf26b-direction-tablet: row; --3gf26b-direction-mobile: row; }[data-bnode="beae-3gf26b"] { padding-top: var(--3gf26b-padding-top, 0px); padding-right: var(--3gf26b-padding-right, 0px); padding-bottom: var(--3gf26b-padding-bottom, 0px); padding-left: var(--3gf26b-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--3gf26b-padding-top-tablet, 0px); padding-right: var(--3gf26b-padding-right-tablet, 0px); padding-bottom: var(--3gf26b-padding-bottom-tablet, 0px); padding-left: var(--3gf26b-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--3gf26b-padding-top-mobile, 0px); padding-right: var(--3gf26b-padding-right-mobile, 0px); padding-bottom: var(--3gf26b-padding-bottom-mobile, 0px); padding-left: var(--3gf26b-padding-left-mobile, 0px); } width: calc(100% - var(--3gf26b-padding-left, 0px) - var(--3gf26b-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--3gf26b-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--3gf26b-height); width: 100%; max-width: var(--3gf26b-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(--3gf26b-background-color-tablet, var(--3gf26b-background-color)); & .beae-section-container { height: var(--3gf26b-height-tablet, auto); width: 100%; max-width: var(--3gf26b-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--3gf26b-background-color-mobile, var(--3gf26b-background-color-tablet, var(--3gf26b-background-color))); & .beae-section-container { height: var(--3gf26b-height-mobile, auto); width: 100%; max-width: var(--3gf26b-width-mobile, 100%); } } } }[data-bnode="beae-3gf26b"] > .beae-section-container{     display: flex;     flex-direction: var(--3gf26b-direction, column);     flex-wrap: nowrap;     justify-content: var(--3gf26b-justify-content);     align-items: var(--3gf26b-align-items);     gap: var(--3gf26b-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3gf26b"] > .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(--3gf26b-padding-right-tablet, 0px) - var(--3gf26b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3gf26b"] > .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(--3gf26b-padding-right-mobile, 0px) - var(--3gf26b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-m3jtbf"] { --m3jtbf-direction: row; --m3jtbf-direction-tablet: row; --m3jtbf-direction-mobile: row; --m3jtbf-structure: auto; --m3jtbf-structure-tablet: auto; --m3jtbf-structure-mobile: auto; --m3jtbf-align-items: center; --m3jtbf-align-items-tablet: center; --m3jtbf-align-items-mobile: center; --m3jtbf-justify-content: center; --m3jtbf-justify-content-tablet: center; --m3jtbf-justify-content-mobile: center; --m3jtbf-gap: 16px; --m3jtbf-gap-tablet: 16px; --m3jtbf-gap-mobile: 16px; --m3jtbf-padding-top: 144px; --m3jtbf-padding-top-tablet: 80px; --m3jtbf-padding-top-mobile: 64px; --m3jtbf-padding-right: 30px; --m3jtbf-padding-right-tablet: 30px; --m3jtbf-padding-right-mobile: 12px; --m3jtbf-padding-bottom: 144px; --m3jtbf-padding-bottom-tablet: 80px; --m3jtbf-padding-bottom-mobile: 64px; --m3jtbf-padding-left: 30px; --m3jtbf-padding-left-tablet: 30px; --m3jtbf-padding-left-mobile: 12px; --m3jtbf-max-width: 100%; --m3jtbf-max-width-tablet: 100%; --m3jtbf-max-width-mobile: 100%; --m3jtbf-flex-wrap: true; --m3jtbf-flex-wrap-tablet: true; --m3jtbf-flex-wrap-mobile: true; }[data-bnode="beae-m3jtbf"] { padding-top: var(--m3jtbf-padding-top, 0px); padding-right: var(--m3jtbf-padding-right, 0px); padding-bottom: var(--m3jtbf-padding-bottom, 0px); padding-left: var(--m3jtbf-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--m3jtbf-padding-top-tablet, 0px); padding-right: var(--m3jtbf-padding-right-tablet, 0px); padding-bottom: var(--m3jtbf-padding-bottom-tablet, 0px); padding-left: var(--m3jtbf-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--m3jtbf-padding-top-mobile, 0px); padding-right: var(--m3jtbf-padding-right-mobile, 0px); padding-bottom: var(--m3jtbf-padding-bottom-mobile, 0px); padding-left: var(--m3jtbf-padding-left-mobile, 0px); } width: calc(100% - var(--m3jtbf-padding-left, 0px) - var(--m3jtbf-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--m3jtbf-background-imageRatio, auto); background: var(--m3jtbf-background-color); border-style: var(--m3jtbf-borderStyle,solid); border-color: var(--m3jtbf-borderColor,#000000); border-width: var(--m3jtbf-borderWidth-tl,0px) var(--m3jtbf-borderWidth-tr,0px) var(--m3jtbf-borderWidth-br,0px) var(--m3jtbf-borderWidth-bl,0px); border-radius: var(--m3jtbf-borderRadius-tl,0px) var(--m3jtbf-borderRadius-tr,0px) var(--m3jtbf-borderRadius-br,0px) var(--m3jtbf-borderRadius-bl,0px); box-shadow: if(style(--m3jtbf-enableShadow: true): var(--m3jtbf-shadowHorizontal,0) var(--m3jtbf-shadowVertical,0) var(--m3jtbf-shadowBlur,0) 1px var(--m3jtbf-shadowColor,#000000); else: none); max-width: var(--m3jtbf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--m3jtbf-background-imageRatio-tablet, var(--m3jtbf-background-imageRatio, auto)); border-width: var(--m3jtbf-borderWidth-tl-tablet,0px) var(--m3jtbf-borderWidth-tr-tablet,0px) var(--m3jtbf-borderWidth-br-tablet,0px) var(--m3jtbf-borderWidth-bl-tablet,0px); border-radius: var(--m3jtbf-borderRadius-tl-tablet,0px) var(--m3jtbf-borderRadius-tr-tablet,0px) var(--m3jtbf-borderRadius-br-tablet,0px) var(--m3jtbf-borderRadius-bl-tablet,0px); max-width: var(--m3jtbf-max-width-tablet, var(--m3jtbf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--m3jtbf-background-imageRatio-mobile, var(--m3jtbf-background-imageRatio, auto)); border-width: var(--m3jtbf-borderWidth-tl-mobile,0px) var(--m3jtbf-borderWidth-tr-mobile,0px) var(--m3jtbf-borderWidth-br-mobile,0px) var(--m3jtbf-borderWidth-bl-mobile,0px); border-radius: var(--m3jtbf-borderRadius-tl-mobile,0px) var(--m3jtbf-borderRadius-tr-mobile,0px) var(--m3jtbf-borderRadius-br-mobile,0px) var(--m3jtbf-borderRadius-bl-mobile,0px); max-width: var(--m3jtbf-max-width-mobile, var(--m3jtbf-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-m3jtbf"] {     display: flex;     flex-direction: var(--m3jtbf-direction, column);     flex-wrap: wrap;     justify-content: var(--m3jtbf-justify-content);     align-items: var(--m3jtbf-align-items);     gap: var(--m3jtbf-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m3jtbf"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--m3jtbf-padding-right-tablet, 0px) - var(--m3jtbf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-m3jtbf"] {      flex-direction: var(--m3jtbf-direction-mobile, column);                                     &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--m3jtbf-padding-right-mobile, 0px) - var(--m3jtbf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-nspyq0"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 36px; --beae-h1-color: #100A0A; --beae-h1-font-family: Alan Sans; --beae-h1-font-weight: 500; --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; --nspyq0-typography: h1; --nspyq0-typography-tablet: h1; --nspyq0-typography-mobile: h1; }[data-bnode="beae-nspyq0"] { margin-top: var(--nspyq0-margin-top, 0px); margin-right: var(--nspyq0-margin-right, 0px); margin-bottom: var(--nspyq0-margin-bottom, 0px); margin-left: var(--nspyq0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nspyq0-margin-top-tablet, 0px); margin-right: var(--nspyq0-margin-right-tablet, 0px); margin-bottom: var(--nspyq0-margin-bottom-tablet, 0px); margin-left: var(--nspyq0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nspyq0-margin-top-mobile, 0px); margin-right: var(--nspyq0-margin-right-mobile, 0px); margin-bottom: var(--nspyq0-margin-bottom-mobile, 0px); margin-left: var(--nspyq0-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--nspyq0-highlightColor,var(--beae-p-color)); top: var(--nspyq0-highlightTop, 100%); } }[data-bnode="beae-1wos7d"] { --1wos7d-width: 160px; --1wos7d-width-tablet: 160px; --1wos7d-width-mobile: 96px; --1wos7d-imageRatio: 2/1; --1wos7d-imageRatio-tablet: 2/1; --1wos7d-imageRatio-mobile: 2/1; --1wos7d-objFit: cover; --1wos7d-objFit-tablet: cover; --1wos7d-objFit-mobile: cover; --1wos7d-borderColor: #D7C1C1; --1wos7d-borderColor-tablet: #D7C1C1; --1wos7d-borderColor-mobile: #D7C1C1; --1wos7d-shadowColor: #000000; --1wos7d-shadowColor-tablet: #000000; --1wos7d-shadowColor-mobile: #000000; --1wos7d-borderStyle: solid; --1wos7d-borderStyle-tablet: solid; --1wos7d-borderStyle-mobile: solid; --1wos7d-enableShadow: false; --1wos7d-enableShadow-tablet: false; --1wos7d-enableShadow-mobile: false; --1wos7d-borderWidth-tl: 1px; --1wos7d-borderWidth-tl-tablet: 1px; --1wos7d-borderWidth-tl-mobile: 1px; --1wos7d-borderWidth-tr: 1px; --1wos7d-borderWidth-tr-tablet: 1px; --1wos7d-borderWidth-tr-mobile: 1px; --1wos7d-borderWidth-bl: 1px; --1wos7d-borderWidth-bl-tablet: 1px; --1wos7d-borderWidth-bl-mobile: 1px; --1wos7d-borderWidth-br: 1px; --1wos7d-borderWidth-br-tablet: 1px; --1wos7d-borderWidth-br-mobile: 1px; --1wos7d-borderRadius-tl: 8px; --1wos7d-borderRadius-tl-tablet: 8px; --1wos7d-borderRadius-tl-mobile: 8px; --1wos7d-borderRadius-tr: 8px; --1wos7d-borderRadius-tr-tablet: 8px; --1wos7d-borderRadius-tr-mobile: 8px; --1wos7d-borderRadius-bl: 8px; --1wos7d-borderRadius-bl-tablet: 8px; --1wos7d-borderRadius-bl-mobile: 8px; --1wos7d-borderRadius-br: 8px; --1wos7d-borderRadius-br-tablet: 8px; --1wos7d-borderRadius-br-mobile: 8px; }[data-bnode="beae-1wos7d"] { margin-top: var(--1wos7d-margin-top, 0px); margin-right: var(--1wos7d-margin-right, 0px); margin-bottom: var(--1wos7d-margin-bottom, 0px); margin-left: var(--1wos7d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1wos7d-margin-top-tablet, 0px); margin-right: var(--1wos7d-margin-right-tablet, 0px); margin-bottom: var(--1wos7d-margin-bottom-tablet, 0px); margin-left: var(--1wos7d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1wos7d-margin-top-mobile, 0px); margin-right: var(--1wos7d-margin-right-mobile, 0px); margin-bottom: var(--1wos7d-margin-bottom-mobile, 0px); margin-left: var(--1wos7d-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--1wos7d-width,100%) - var(--1wos7d-margin-left,0px) - var(--1wos7d-margin-right,0px)); min-height: min-content; border-style: var(--1wos7d-borderStyle,solid); border-color: var(--1wos7d-borderColor,#000000); border-width: var(--1wos7d-borderWidth-tl,0px) var(--1wos7d-borderWidth-tr,0px) var(--1wos7d-borderWidth-br,0px) var(--1wos7d-borderWidth-bl,0px); border-radius: var(--1wos7d-borderRadius-tl,0px) var(--1wos7d-borderRadius-tr,0px) var(--1wos7d-borderRadius-br,0px) var(--1wos7d-borderRadius-bl,0px); aspect-ratio: var(--1wos7d-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--1wos7d-borderWidth-tl-tablet, var(--1wos7d-borderWidth-tl,0px)) var(--1wos7d-borderWidth-tr-tablet, var(--1wos7d-borderWidth-tr,0px)) var(--1wos7d-borderWidth-br-tablet, var(--1wos7d-borderWidth-br,0px)) var(--1wos7d-borderWidth-bl-tablet, var(--1wos7d-borderWidth-bl,0px)); border-radius: var(--1wos7d-borderRadius-tl-tablet, var(--1wos7d-borderRadius-tl,0px)) var(--1wos7d-borderRadius-tr-tablet, var(--1wos7d-borderRadius-tr,0px)) var(--1wos7d-borderRadius-br-tablet, var(--1wos7d-borderRadius-br,0px)) var(--1wos7d-borderRadius-bl-tablet, var(--1wos7d-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--1wos7d-borderWidth-tl-mobile, var(--1wos7d-borderWidth-tl,0px)) var(--1wos7d-borderWidth-tr-mobile, var(--1wos7d-borderWidth-tr,0px)) var(--1wos7d-borderWidth-br-mobile, var(--1wos7d-borderWidth-br,0px)) var(--1wos7d-borderWidth-bl-mobile, var(--1wos7d-borderWidth-bl,0px)); border-radius: var(--1wos7d-borderRadius-tl-mobile, var(--1wos7d-borderRadius-tl,0px)) var(--1wos7d-borderRadius-tr-mobile, var(--1wos7d-borderRadius-tr,0px)) var(--1wos7d-borderRadius-br-mobile, var(--1wos7d-borderRadius-br,0px)) var(--1wos7d-borderRadius-bl-mobile, var(--1wos7d-borderRadius-bl,0px)); } box-shadow: if( style(--1wos7d-enableShadow: true): var(--1wos7d-shadowHorizontal, 0) var(--1wos7d-shadowVertical, 0) var(--1wos7d-shadowBlur, 0) 1px var(--1wos7d-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--1wos7d-overlayColor-color, #000); opacity: var(--1wos7d-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--1wos7d-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--1wos7d-width-tablet,var(--1wos7d-width,100%)) - var(--1wos7d-margin-left-tablet,var(--1wos7d-margin-left,0px)) - var(--1wos7d-margin-right-tablet,var(--1wos7d-margin-right,0px))); aspect-ratio: var(--1wos7d-imageRatio-tablet, var(--1wos7d-imageRatio, auto)); img { object-fit: var(--1wos7d-objFit-tablet, var(--1wos7d-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--1wos7d-width-mobile,var(--1wos7d-width,100%)) - var(--1wos7d-margin-left-mobile,var(--1wos7d-margin-left,0px)) - var(--1wos7d-margin-right-mobile,var(--1wos7d-margin-right,0px))); aspect-ratio: var(--1wos7d-imageRatio-mobile, var(--1wos7d-imageRatio, auto)); img { object-fit: var(--1wos7d-objFit-mobile, var(--1wos7d-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-b2ae09"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 36px; --beae-h1-color: #100A0A; --beae-h1-font-family: Alan Sans; --beae-h1-font-weight: 500; --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: lowercase; --b2ae09-typography: h1; --b2ae09-typography-tablet: h1; --b2ae09-typography-mobile: h1; }[data-bnode="beae-b2ae09"] { margin-top: var(--b2ae09-margin-top, 0px); margin-right: var(--b2ae09-margin-right, 0px); margin-bottom: var(--b2ae09-margin-bottom, 0px); margin-left: var(--b2ae09-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b2ae09-margin-top-tablet, 0px); margin-right: var(--b2ae09-margin-right-tablet, 0px); margin-bottom: var(--b2ae09-margin-bottom-tablet, 0px); margin-left: var(--b2ae09-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b2ae09-margin-top-mobile, 0px); margin-right: var(--b2ae09-margin-right-mobile, 0px); margin-bottom: var(--b2ae09-margin-bottom-mobile, 0px); margin-left: var(--b2ae09-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--b2ae09-highlightColor,var(--beae-p-color)); top: var(--b2ae09-highlightTop, 100%); } }[data-bnode="beae-gtv66w"] { --gtv66w-width: 160px; --gtv66w-width-tablet: 160px; --gtv66w-width-mobile: 96px; --gtv66w-imageRatio: 2/1; --gtv66w-imageRatio-tablet: 2/1; --gtv66w-imageRatio-mobile: 2/1; --gtv66w-objFit: cover; --gtv66w-objFit-tablet: cover; --gtv66w-objFit-mobile: cover; --gtv66w-borderColor: #D7C1C1; --gtv66w-borderColor-tablet: #D7C1C1; --gtv66w-borderColor-mobile: #D7C1C1; --gtv66w-shadowColor: #000000; --gtv66w-shadowColor-tablet: #000000; --gtv66w-shadowColor-mobile: #000000; --gtv66w-borderStyle: solid; --gtv66w-borderStyle-tablet: solid; --gtv66w-borderStyle-mobile: solid; --gtv66w-enableShadow: false; --gtv66w-enableShadow-tablet: false; --gtv66w-enableShadow-mobile: false; --gtv66w-borderRadius-tl: 8px; --gtv66w-borderRadius-tl-tablet: 8px; --gtv66w-borderRadius-tl-mobile: 8px; --gtv66w-borderRadius-tr: 8px; --gtv66w-borderRadius-tr-tablet: 8px; --gtv66w-borderRadius-tr-mobile: 8px; --gtv66w-borderRadius-bl: 8px; --gtv66w-borderRadius-bl-tablet: 8px; --gtv66w-borderRadius-bl-mobile: 8px; --gtv66w-borderRadius-br: 8px; --gtv66w-borderRadius-br-tablet: 8px; --gtv66w-borderRadius-br-mobile: 8px; --gtv66w-borderWidth-tl: 1px; --gtv66w-borderWidth-tl-tablet: 1px; --gtv66w-borderWidth-tl-mobile: 1px; --gtv66w-borderWidth-tr: 1px; --gtv66w-borderWidth-tr-tablet: 1px; --gtv66w-borderWidth-tr-mobile: 1px; --gtv66w-borderWidth-bl: 1px; --gtv66w-borderWidth-bl-tablet: 1px; --gtv66w-borderWidth-bl-mobile: 1px; --gtv66w-borderWidth-br: 1px; --gtv66w-borderWidth-br-tablet: 1px; --gtv66w-borderWidth-br-mobile: 1px; }[data-bnode="beae-gtv66w"] { margin-top: var(--gtv66w-margin-top, 0px); margin-right: var(--gtv66w-margin-right, 0px); margin-bottom: var(--gtv66w-margin-bottom, 0px); margin-left: var(--gtv66w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gtv66w-margin-top-tablet, 0px); margin-right: var(--gtv66w-margin-right-tablet, 0px); margin-bottom: var(--gtv66w-margin-bottom-tablet, 0px); margin-left: var(--gtv66w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gtv66w-margin-top-mobile, 0px); margin-right: var(--gtv66w-margin-right-mobile, 0px); margin-bottom: var(--gtv66w-margin-bottom-mobile, 0px); margin-left: var(--gtv66w-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--gtv66w-width,100%) - var(--gtv66w-margin-left,0px) - var(--gtv66w-margin-right,0px)); min-height: min-content; border-style: var(--gtv66w-borderStyle,solid); border-color: var(--gtv66w-borderColor,#000000); border-width: var(--gtv66w-borderWidth-tl,0px) var(--gtv66w-borderWidth-tr,0px) var(--gtv66w-borderWidth-br,0px) var(--gtv66w-borderWidth-bl,0px); border-radius: var(--gtv66w-borderRadius-tl,0px) var(--gtv66w-borderRadius-tr,0px) var(--gtv66w-borderRadius-br,0px) var(--gtv66w-borderRadius-bl,0px); aspect-ratio: var(--gtv66w-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--gtv66w-borderWidth-tl-tablet, var(--gtv66w-borderWidth-tl,0px)) var(--gtv66w-borderWidth-tr-tablet, var(--gtv66w-borderWidth-tr,0px)) var(--gtv66w-borderWidth-br-tablet, var(--gtv66w-borderWidth-br,0px)) var(--gtv66w-borderWidth-bl-tablet, var(--gtv66w-borderWidth-bl,0px)); border-radius: var(--gtv66w-borderRadius-tl-tablet, var(--gtv66w-borderRadius-tl,0px)) var(--gtv66w-borderRadius-tr-tablet, var(--gtv66w-borderRadius-tr,0px)) var(--gtv66w-borderRadius-br-tablet, var(--gtv66w-borderRadius-br,0px)) var(--gtv66w-borderRadius-bl-tablet, var(--gtv66w-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--gtv66w-borderWidth-tl-mobile, var(--gtv66w-borderWidth-tl,0px)) var(--gtv66w-borderWidth-tr-mobile, var(--gtv66w-borderWidth-tr,0px)) var(--gtv66w-borderWidth-br-mobile, var(--gtv66w-borderWidth-br,0px)) var(--gtv66w-borderWidth-bl-mobile, var(--gtv66w-borderWidth-bl,0px)); border-radius: var(--gtv66w-borderRadius-tl-mobile, var(--gtv66w-borderRadius-tl,0px)) var(--gtv66w-borderRadius-tr-mobile, var(--gtv66w-borderRadius-tr,0px)) var(--gtv66w-borderRadius-br-mobile, var(--gtv66w-borderRadius-br,0px)) var(--gtv66w-borderRadius-bl-mobile, var(--gtv66w-borderRadius-bl,0px)); } box-shadow: if( style(--gtv66w-enableShadow: true): var(--gtv66w-shadowHorizontal, 0) var(--gtv66w-shadowVertical, 0) var(--gtv66w-shadowBlur, 0) 1px var(--gtv66w-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--gtv66w-overlayColor-color, #000); opacity: var(--gtv66w-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--gtv66w-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--gtv66w-width-tablet,var(--gtv66w-width,100%)) - var(--gtv66w-margin-left-tablet,var(--gtv66w-margin-left,0px)) - var(--gtv66w-margin-right-tablet,var(--gtv66w-margin-right,0px))); aspect-ratio: var(--gtv66w-imageRatio-tablet, var(--gtv66w-imageRatio, auto)); img { object-fit: var(--gtv66w-objFit-tablet, var(--gtv66w-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--gtv66w-width-mobile,var(--gtv66w-width,100%)) - var(--gtv66w-margin-left-mobile,var(--gtv66w-margin-left,0px)) - var(--gtv66w-margin-right-mobile,var(--gtv66w-margin-right,0px))); aspect-ratio: var(--gtv66w-imageRatio-mobile, var(--gtv66w-imageRatio, auto)); img { object-fit: var(--gtv66w-objFit-mobile, var(--gtv66w-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-npg60h"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 36px; --beae-h1-color: #100A0A; --beae-h1-font-family: Alan Sans; --beae-h1-font-weight: 500; --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: lowercase; --npg60h-typography: h1; --npg60h-typography-tablet: h1; --npg60h-typography-mobile: h1; }[data-bnode="beae-npg60h"] { margin-top: var(--npg60h-margin-top, 0px); margin-right: var(--npg60h-margin-right, 0px); margin-bottom: var(--npg60h-margin-bottom, 0px); margin-left: var(--npg60h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--npg60h-margin-top-tablet, 0px); margin-right: var(--npg60h-margin-right-tablet, 0px); margin-bottom: var(--npg60h-margin-bottom-tablet, 0px); margin-left: var(--npg60h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--npg60h-margin-top-mobile, 0px); margin-right: var(--npg60h-margin-right-mobile, 0px); margin-bottom: var(--npg60h-margin-bottom-mobile, 0px); margin-left: var(--npg60h-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--npg60h-highlightColor,var(--beae-p-color)); top: var(--npg60h-highlightTop, 100%); } }[data-bnode="beae-czicse"] { --czicse-width: 160px; --czicse-width-tablet: 160px; --czicse-width-mobile: 96px; --czicse-imageRatio: 2/1; --czicse-imageRatio-tablet: 2/1; --czicse-imageRatio-mobile: 2/1; --czicse-objFit: cover; --czicse-objFit-tablet: cover; --czicse-objFit-mobile: cover; --czicse-borderColor: #D7C1C1; --czicse-borderColor-tablet: #D7C1C1; --czicse-borderColor-mobile: #D7C1C1; --czicse-shadowColor: #000000; --czicse-shadowColor-tablet: #000000; --czicse-shadowColor-mobile: #000000; --czicse-borderStyle: solid; --czicse-borderStyle-tablet: solid; --czicse-borderStyle-mobile: solid; --czicse-enableShadow: false; --czicse-enableShadow-tablet: false; --czicse-enableShadow-mobile: false; --czicse-borderRadius-tl: 8px; --czicse-borderRadius-tl-tablet: 8px; --czicse-borderRadius-tl-mobile: 8px; --czicse-borderRadius-tr: 8px; --czicse-borderRadius-tr-tablet: 8px; --czicse-borderRadius-tr-mobile: 8px; --czicse-borderRadius-bl: 8px; --czicse-borderRadius-bl-tablet: 8px; --czicse-borderRadius-bl-mobile: 8px; --czicse-borderRadius-br: 8px; --czicse-borderRadius-br-tablet: 8px; --czicse-borderRadius-br-mobile: 8px; --czicse-borderWidth-tl: 1px; --czicse-borderWidth-tl-tablet: 1px; --czicse-borderWidth-tl-mobile: 1px; --czicse-borderWidth-tr: 1px; --czicse-borderWidth-tr-tablet: 1px; --czicse-borderWidth-tr-mobile: 1px; --czicse-borderWidth-bl: 1px; --czicse-borderWidth-bl-tablet: 1px; --czicse-borderWidth-bl-mobile: 1px; --czicse-borderWidth-br: 1px; --czicse-borderWidth-br-tablet: 1px; --czicse-borderWidth-br-mobile: 1px; }[data-bnode="beae-czicse"] { margin-top: var(--czicse-margin-top, 0px); margin-right: var(--czicse-margin-right, 0px); margin-bottom: var(--czicse-margin-bottom, 0px); margin-left: var(--czicse-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--czicse-margin-top-tablet, 0px); margin-right: var(--czicse-margin-right-tablet, 0px); margin-bottom: var(--czicse-margin-bottom-tablet, 0px); margin-left: var(--czicse-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--czicse-margin-top-mobile, 0px); margin-right: var(--czicse-margin-right-mobile, 0px); margin-bottom: var(--czicse-margin-bottom-mobile, 0px); margin-left: var(--czicse-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--czicse-width,100%) - var(--czicse-margin-left,0px) - var(--czicse-margin-right,0px)); min-height: min-content; border-style: var(--czicse-borderStyle,solid); border-color: var(--czicse-borderColor,#000000); border-width: var(--czicse-borderWidth-tl,0px) var(--czicse-borderWidth-tr,0px) var(--czicse-borderWidth-br,0px) var(--czicse-borderWidth-bl,0px); border-radius: var(--czicse-borderRadius-tl,0px) var(--czicse-borderRadius-tr,0px) var(--czicse-borderRadius-br,0px) var(--czicse-borderRadius-bl,0px); aspect-ratio: var(--czicse-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--czicse-borderWidth-tl-tablet, var(--czicse-borderWidth-tl,0px)) var(--czicse-borderWidth-tr-tablet, var(--czicse-borderWidth-tr,0px)) var(--czicse-borderWidth-br-tablet, var(--czicse-borderWidth-br,0px)) var(--czicse-borderWidth-bl-tablet, var(--czicse-borderWidth-bl,0px)); border-radius: var(--czicse-borderRadius-tl-tablet, var(--czicse-borderRadius-tl,0px)) var(--czicse-borderRadius-tr-tablet, var(--czicse-borderRadius-tr,0px)) var(--czicse-borderRadius-br-tablet, var(--czicse-borderRadius-br,0px)) var(--czicse-borderRadius-bl-tablet, var(--czicse-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--czicse-borderWidth-tl-mobile, var(--czicse-borderWidth-tl,0px)) var(--czicse-borderWidth-tr-mobile, var(--czicse-borderWidth-tr,0px)) var(--czicse-borderWidth-br-mobile, var(--czicse-borderWidth-br,0px)) var(--czicse-borderWidth-bl-mobile, var(--czicse-borderWidth-bl,0px)); border-radius: var(--czicse-borderRadius-tl-mobile, var(--czicse-borderRadius-tl,0px)) var(--czicse-borderRadius-tr-mobile, var(--czicse-borderRadius-tr,0px)) var(--czicse-borderRadius-br-mobile, var(--czicse-borderRadius-br,0px)) var(--czicse-borderRadius-bl-mobile, var(--czicse-borderRadius-bl,0px)); } box-shadow: if( style(--czicse-enableShadow: true): var(--czicse-shadowHorizontal, 0) var(--czicse-shadowVertical, 0) var(--czicse-shadowBlur, 0) 1px var(--czicse-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--czicse-overlayColor-color, #000); opacity: var(--czicse-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--czicse-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--czicse-width-tablet,var(--czicse-width,100%)) - var(--czicse-margin-left-tablet,var(--czicse-margin-left,0px)) - var(--czicse-margin-right-tablet,var(--czicse-margin-right,0px))); aspect-ratio: var(--czicse-imageRatio-tablet, var(--czicse-imageRatio, auto)); img { object-fit: var(--czicse-objFit-tablet, var(--czicse-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--czicse-width-mobile,var(--czicse-width,100%)) - var(--czicse-margin-left-mobile,var(--czicse-margin-left,0px)) - var(--czicse-margin-right-mobile,var(--czicse-margin-right,0px))); aspect-ratio: var(--czicse-imageRatio-mobile, var(--czicse-imageRatio, auto)); img { object-fit: var(--czicse-objFit-mobile, var(--czicse-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-8wdmsy"] { --beae-h1-font-size: 52px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 36px; --beae-h1-color: #100A0A; --beae-h1-font-family: Alan Sans; --beae-h1-font-weight: 500; --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: lowercase; --8wdmsy-typography: h1; --8wdmsy-typography-tablet: h1; --8wdmsy-typography-mobile: h1; }[data-bnode="beae-8wdmsy"] { margin-top: var(--8wdmsy-margin-top, 0px); margin-right: var(--8wdmsy-margin-right, 0px); margin-bottom: var(--8wdmsy-margin-bottom, 0px); margin-left: var(--8wdmsy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8wdmsy-margin-top-tablet, 0px); margin-right: var(--8wdmsy-margin-right-tablet, 0px); margin-bottom: var(--8wdmsy-margin-bottom-tablet, 0px); margin-left: var(--8wdmsy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8wdmsy-margin-top-mobile, 0px); margin-right: var(--8wdmsy-margin-right-mobile, 0px); margin-bottom: var(--8wdmsy-margin-bottom-mobile, 0px); margin-left: var(--8wdmsy-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--8wdmsy-highlightColor,var(--beae-p-color)); top: var(--8wdmsy-highlightTop, 100%); } }[data-bnode="beae-8ullc1"] { --8ullc1-height: fit-content; --8ullc1-height-tablet: fit-content; --8ullc1-height-mobile: fit-content; --8ullc1-padding-top: 0px; --8ullc1-padding-top-tablet: 0px; --8ullc1-padding-top-mobile: 0px; --8ullc1-padding-bottom: 0px; --8ullc1-padding-bottom-tablet: 0px; --8ullc1-padding-bottom-mobile: 0px; --8ullc1-padding-right: 0px; --8ullc1-padding-right-tablet: 0px; --8ullc1-padding-right-mobile: 0px; --8ullc1-padding-left: 0px; --8ullc1-padding-left-tablet: 0px; --8ullc1-padding-left-mobile: 0px; --8ullc1-direction: row; --8ullc1-direction-tablet: row; --8ullc1-direction-mobile: row; --8ullc1-background-type: color; --8ullc1-background-type-tablet: color; --8ullc1-background-type-mobile: color; --8ullc1-background-color: #FCF4EE; --8ullc1-background-color-tablet: #FCF4EE; --8ullc1-background-color-mobile: #FCF4EE; --8ullc1-width: 100%; --8ullc1-width-tablet: 100%; --8ullc1-width-mobile: 100%; --8ullc1-structure: auto; --8ullc1-structure-tablet: auto; --8ullc1-structure-mobile: auto; --8ullc1-align-items: flex-end; --8ullc1-align-items-tablet: flex-end; --8ullc1-align-items-mobile: flex-end; }[data-bnode="beae-8ullc1"] { padding-top: var(--8ullc1-padding-top, 0px); padding-right: var(--8ullc1-padding-right, 0px); padding-bottom: var(--8ullc1-padding-bottom, 0px); padding-left: var(--8ullc1-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8ullc1-padding-top-tablet, 0px); padding-right: var(--8ullc1-padding-right-tablet, 0px); padding-bottom: var(--8ullc1-padding-bottom-tablet, 0px); padding-left: var(--8ullc1-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--8ullc1-padding-top-mobile, 0px); padding-right: var(--8ullc1-padding-right-mobile, 0px); padding-bottom: var(--8ullc1-padding-bottom-mobile, 0px); padding-left: var(--8ullc1-padding-left-mobile, 0px); } width: calc(100% - var(--8ullc1-padding-left, 0px) - var(--8ullc1-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--8ullc1-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--8ullc1-height); width: 100%; max-width: var(--8ullc1-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(--8ullc1-background-color-tablet, var(--8ullc1-background-color)); & .beae-section-container { height: var(--8ullc1-height-tablet, auto); width: 100%; max-width: var(--8ullc1-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--8ullc1-background-color-mobile, var(--8ullc1-background-color-tablet, var(--8ullc1-background-color))); & .beae-section-container { height: var(--8ullc1-height-mobile, auto); width: 100%; max-width: var(--8ullc1-width-mobile, 100%); } } } }[data-bnode="beae-8ullc1"] > .beae-section-container{     display: flex;     flex-direction: var(--8ullc1-direction, column);     flex-wrap: nowrap;     justify-content: var(--8ullc1-justify-content);     align-items: var(--8ullc1-align-items);     gap: var(--8ullc1-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8ullc1"] > .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(--8ullc1-padding-right-tablet, 0px) - var(--8ullc1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8ullc1"] > .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(--8ullc1-padding-right-mobile, 0px) - var(--8ullc1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zmjpc3"] { --zmjpc3-padding-top: 112px; --zmjpc3-padding-top-tablet: 80px; --zmjpc3-padding-top-mobile: 56px; --zmjpc3-padding-right: 30px; --zmjpc3-padding-right-tablet: 30px; --zmjpc3-padding-right-mobile: 16px; --zmjpc3-padding-bottom: 112px; --zmjpc3-padding-bottom-tablet: 80px; --zmjpc3-padding-bottom-mobile: 56px; --zmjpc3-padding-left: 30px; --zmjpc3-padding-left-tablet: 30px; --zmjpc3-padding-left-mobile: 16px; --zmjpc3-borderStyle: solid; --zmjpc3-borderStyle-tablet: solid; --zmjpc3-borderStyle-mobile: solid; --zmjpc3-borderWidth-tl: 1px; --zmjpc3-borderWidth-tl-tablet: 1px; --zmjpc3-borderWidth-tl-mobile: 1px; --zmjpc3-borderWidth-tr: 0px; --zmjpc3-borderWidth-tr-tablet: 0px; --zmjpc3-borderWidth-tr-mobile: 0px; --zmjpc3-borderWidth-bl: 0px; --zmjpc3-borderWidth-bl-tablet: 0px; --zmjpc3-borderWidth-bl-mobile: 0px; --zmjpc3-borderWidth-br: 1px; --zmjpc3-borderWidth-br-tablet: 1px; --zmjpc3-borderWidth-br-mobile: 1px; --zmjpc3-borderColor: #D7C1C1; --zmjpc3-borderColor-tablet: #D7C1C1; --zmjpc3-borderColor-mobile: #D7C1C1; --zmjpc3-direction: column; --zmjpc3-direction-tablet: column; --zmjpc3-direction-mobile: column; --zmjpc3-align-items: center; --zmjpc3-align-items-tablet: center; --zmjpc3-align-items-mobile: center; --zmjpc3-gap: 40px; --zmjpc3-gap-tablet: 40px; --zmjpc3-gap-mobile: 40px; --zmjpc3-justify-content: center; --zmjpc3-justify-content-tablet: center; --zmjpc3-justify-content-mobile: center; --zmjpc3-background-type: color; --zmjpc3-background-type-tablet: color; --zmjpc3-background-type-mobile: color; --zmjpc3-background-color: #FCF4EE; --zmjpc3-background-color-tablet: #FCF4EE; --zmjpc3-background-color-mobile: #FCF4EE; }[data-bnode="beae-zmjpc3"] { padding-top: var(--zmjpc3-padding-top, 0px); padding-right: var(--zmjpc3-padding-right, 0px); padding-bottom: var(--zmjpc3-padding-bottom, 0px); padding-left: var(--zmjpc3-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zmjpc3-padding-top-tablet, 0px); padding-right: var(--zmjpc3-padding-right-tablet, 0px); padding-bottom: var(--zmjpc3-padding-bottom-tablet, 0px); padding-left: var(--zmjpc3-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--zmjpc3-padding-top-mobile, 0px); padding-right: var(--zmjpc3-padding-right-mobile, 0px); padding-bottom: var(--zmjpc3-padding-bottom-mobile, 0px); padding-left: var(--zmjpc3-padding-left-mobile, 0px); } width: calc(100% - var(--zmjpc3-padding-left, 0px) - var(--zmjpc3-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zmjpc3-background-imageRatio, auto); background: var(--zmjpc3-background-color); border-style: var(--zmjpc3-borderStyle,solid); border-color: var(--zmjpc3-borderColor,#000000); border-width: var(--zmjpc3-borderWidth-tl,0px) var(--zmjpc3-borderWidth-tr,0px) var(--zmjpc3-borderWidth-br,0px) var(--zmjpc3-borderWidth-bl,0px); border-radius: var(--zmjpc3-borderRadius-tl,0px) var(--zmjpc3-borderRadius-tr,0px) var(--zmjpc3-borderRadius-br,0px) var(--zmjpc3-borderRadius-bl,0px); box-shadow: if(style(--zmjpc3-enableShadow: true): var(--zmjpc3-shadowHorizontal,0) var(--zmjpc3-shadowVertical,0) var(--zmjpc3-shadowBlur,0) 1px var(--zmjpc3-shadowColor,#000000); else: none); max-width: var(--zmjpc3-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zmjpc3-background-imageRatio-tablet, var(--zmjpc3-background-imageRatio, auto)); border-width: var(--zmjpc3-borderWidth-tl-tablet,0px) var(--zmjpc3-borderWidth-tr-tablet,0px) var(--zmjpc3-borderWidth-br-tablet,0px) var(--zmjpc3-borderWidth-bl-tablet,0px); border-radius: var(--zmjpc3-borderRadius-tl-tablet,0px) var(--zmjpc3-borderRadius-tr-tablet,0px) var(--zmjpc3-borderRadius-br-tablet,0px) var(--zmjpc3-borderRadius-bl-tablet,0px); max-width: var(--zmjpc3-max-width-tablet, var(--zmjpc3-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zmjpc3-background-imageRatio-mobile, var(--zmjpc3-background-imageRatio, auto)); border-width: var(--zmjpc3-borderWidth-tl-mobile,0px) var(--zmjpc3-borderWidth-tr-mobile,0px) var(--zmjpc3-borderWidth-br-mobile,0px) var(--zmjpc3-borderWidth-bl-mobile,0px); border-radius: var(--zmjpc3-borderRadius-tl-mobile,0px) var(--zmjpc3-borderRadius-tr-mobile,0px) var(--zmjpc3-borderRadius-br-mobile,0px) var(--zmjpc3-borderRadius-bl-mobile,0px); max-width: var(--zmjpc3-max-width-mobile, var(--zmjpc3-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-content-container > .beae-slot { order: 1; } @media (min-width: 1600px){ .beae-content-container{ justify-content: center; align-items: start; } } @media (max-width: 1180px){ .beae-content-container > .beae-main-image { order: 0; } } }[data-bnode="beae-zmjpc3"] {     display: flex;     flex-direction: var(--zmjpc3-direction, column);     flex-wrap: nowrap;     justify-content: var(--zmjpc3-justify-content);     align-items: var(--zmjpc3-align-items);     gap: var(--zmjpc3-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zmjpc3"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zmjpc3-padding-right-tablet, 0px) - var(--zmjpc3-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zmjpc3"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zmjpc3-padding-right-mobile, 0px) - var(--zmjpc3-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qtpilq"] { --qtpilq-direction: column; --qtpilq-direction-tablet: column; --qtpilq-direction-mobile: column; --qtpilq-structure: columns; --qtpilq-structure-tablet: columns; --qtpilq-structure-mobile: columns; --qtpilq-align-items: center; --qtpilq-align-items-tablet: center; --qtpilq-align-items-mobile: center; --qtpilq-gap: 16px; --qtpilq-gap-tablet: 16px; --qtpilq-gap-mobile: 16px; --qtpilq-max-width: 768px; --qtpilq-max-width-tablet: 768px; --qtpilq-max-width-mobile: 768px; }[data-bnode="beae-qtpilq"] { padding-top: var(--qtpilq-padding-top, 0px); padding-right: var(--qtpilq-padding-right, 0px); padding-bottom: var(--qtpilq-padding-bottom, 0px); padding-left: var(--qtpilq-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--qtpilq-padding-top-tablet, 0px); padding-right: var(--qtpilq-padding-right-tablet, 0px); padding-bottom: var(--qtpilq-padding-bottom-tablet, 0px); padding-left: var(--qtpilq-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--qtpilq-padding-top-mobile, 0px); padding-right: var(--qtpilq-padding-right-mobile, 0px); padding-bottom: var(--qtpilq-padding-bottom-mobile, 0px); padding-left: var(--qtpilq-padding-left-mobile, 0px); } width: calc(100% - var(--qtpilq-padding-left, 0px) - var(--qtpilq-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--qtpilq-background-imageRatio, auto); background: var(--qtpilq-background-color); border-style: var(--qtpilq-borderStyle,solid); border-color: var(--qtpilq-borderColor,#000000); border-width: var(--qtpilq-borderWidth-tl,0px) var(--qtpilq-borderWidth-tr,0px) var(--qtpilq-borderWidth-br,0px) var(--qtpilq-borderWidth-bl,0px); border-radius: var(--qtpilq-borderRadius-tl,0px) var(--qtpilq-borderRadius-tr,0px) var(--qtpilq-borderRadius-br,0px) var(--qtpilq-borderRadius-bl,0px); box-shadow: if(style(--qtpilq-enableShadow: true): var(--qtpilq-shadowHorizontal,0) var(--qtpilq-shadowVertical,0) var(--qtpilq-shadowBlur,0) 1px var(--qtpilq-shadowColor,#000000); else: none); max-width: var(--qtpilq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--qtpilq-background-imageRatio-tablet, var(--qtpilq-background-imageRatio, auto)); border-width: var(--qtpilq-borderWidth-tl-tablet,0px) var(--qtpilq-borderWidth-tr-tablet,0px) var(--qtpilq-borderWidth-br-tablet,0px) var(--qtpilq-borderWidth-bl-tablet,0px); border-radius: var(--qtpilq-borderRadius-tl-tablet,0px) var(--qtpilq-borderRadius-tr-tablet,0px) var(--qtpilq-borderRadius-br-tablet,0px) var(--qtpilq-borderRadius-bl-tablet,0px); max-width: var(--qtpilq-max-width-tablet, var(--qtpilq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--qtpilq-background-imageRatio-mobile, var(--qtpilq-background-imageRatio, auto)); border-width: var(--qtpilq-borderWidth-tl-mobile,0px) var(--qtpilq-borderWidth-tr-mobile,0px) var(--qtpilq-borderWidth-br-mobile,0px) var(--qtpilq-borderWidth-bl-mobile,0px); border-radius: var(--qtpilq-borderRadius-tl-mobile,0px) var(--qtpilq-borderRadius-tr-mobile,0px) var(--qtpilq-borderRadius-br-mobile,0px) var(--qtpilq-borderRadius-bl-mobile,0px); max-width: var(--qtpilq-max-width-mobile, var(--qtpilq-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-qtpilq"] {     display: flex;     flex-direction: var(--qtpilq-direction, column);     flex-wrap: nowrap;     justify-content: var(--qtpilq-justify-content);     align-items: var(--qtpilq-align-items);     gap: var(--qtpilq-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-qtpilq"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--qtpilq-padding-right-tablet, 0px) - var(--qtpilq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-qtpilq"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--qtpilq-padding-right-mobile, 0px) - var(--qtpilq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wtd379"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #100A0A; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --wtd379-typography: h2; --wtd379-typography-tablet: h2; --wtd379-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-wtd379"] { margin-top: var(--wtd379-margin-top, 0px); margin-right: var(--wtd379-margin-right, 0px); margin-bottom: var(--wtd379-margin-bottom, 0px); margin-left: var(--wtd379-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wtd379-margin-top-tablet, 0px); margin-right: var(--wtd379-margin-right-tablet, 0px); margin-bottom: var(--wtd379-margin-bottom-tablet, 0px); margin-left: var(--wtd379-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wtd379-margin-top-mobile, 0px); margin-right: var(--wtd379-margin-right-mobile, 0px); margin-bottom: var(--wtd379-margin-bottom-mobile, 0px); margin-left: var(--wtd379-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--wtd379-highlightColor,var(--beae-p-color)); top: var(--wtd379-highlightTop, 100%); } }[data-bnode="beae-t6646o"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --t6646o-typography: p2; --t6646o-typography-tablet: p2; --t6646o-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-t6646o"] { margin-top: var(--t6646o-margin-top, 0px); margin-right: var(--t6646o-margin-right, 0px); margin-bottom: var(--t6646o-margin-bottom, 0px); margin-left: var(--t6646o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t6646o-margin-top-tablet, 0px); margin-right: var(--t6646o-margin-right-tablet, 0px); margin-bottom: var(--t6646o-margin-bottom-tablet, 0px); margin-left: var(--t6646o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t6646o-margin-top-mobile, 0px); margin-right: var(--t6646o-margin-right-mobile, 0px); margin-bottom: var(--t6646o-margin-bottom-mobile, 0px); margin-left: var(--t6646o-margin-left-mobile, 0px); } }[data-bnode="beae-ni0l73"] { --ni0l73-direction: row; --ni0l73-direction-tablet: column; --ni0l73-direction-mobile: column; --ni0l73-gap: 24px; --ni0l73-gap-tablet: 32px; --ni0l73-gap-mobile: 32px; --ni0l73-max-width: 1600px; --ni0l73-max-width-tablet: 1600px; --ni0l73-max-width-mobile: 1600px; --ni0l73-align-items: flex-start; --ni0l73-align-items-tablet: flex-start; --ni0l73-align-items-mobile: flex-start; --ni0l73-background-type: color; --ni0l73-background-type-tablet: color; --ni0l73-background-type-mobile: color; --ni0l73-background-image: [object Object]; --ni0l73-background-image-tablet: [object Object]; --ni0l73-background-image-mobile: [object Object]; --ni0l73-background-color: #FCF4EE; --ni0l73-background-color-tablet: #FCF4EE; --ni0l73-background-color-mobile: #FCF4EE; }[data-bnode="beae-ni0l73"] { padding-top: var(--ni0l73-padding-top, 0px); padding-right: var(--ni0l73-padding-right, 0px); padding-bottom: var(--ni0l73-padding-bottom, 0px); padding-left: var(--ni0l73-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ni0l73-padding-top-tablet, 0px); padding-right: var(--ni0l73-padding-right-tablet, 0px); padding-bottom: var(--ni0l73-padding-bottom-tablet, 0px); padding-left: var(--ni0l73-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--ni0l73-padding-top-mobile, 0px); padding-right: var(--ni0l73-padding-right-mobile, 0px); padding-bottom: var(--ni0l73-padding-bottom-mobile, 0px); padding-left: var(--ni0l73-padding-left-mobile, 0px); } width: calc(100% - var(--ni0l73-padding-left, 0px) - var(--ni0l73-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ni0l73-background-imageRatio, auto); background: var(--ni0l73-background-color); border-style: var(--ni0l73-borderStyle,solid); border-color: var(--ni0l73-borderColor,#000000); border-width: var(--ni0l73-borderWidth-tl,0px) var(--ni0l73-borderWidth-tr,0px) var(--ni0l73-borderWidth-br,0px) var(--ni0l73-borderWidth-bl,0px); border-radius: var(--ni0l73-borderRadius-tl,0px) var(--ni0l73-borderRadius-tr,0px) var(--ni0l73-borderRadius-br,0px) var(--ni0l73-borderRadius-bl,0px); box-shadow: if(style(--ni0l73-enableShadow: true): var(--ni0l73-shadowHorizontal,0) var(--ni0l73-shadowVertical,0) var(--ni0l73-shadowBlur,0) 1px var(--ni0l73-shadowColor,#000000); else: none); max-width: var(--ni0l73-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ni0l73-background-imageRatio-tablet, var(--ni0l73-background-imageRatio, auto)); border-width: var(--ni0l73-borderWidth-tl-tablet,0px) var(--ni0l73-borderWidth-tr-tablet,0px) var(--ni0l73-borderWidth-br-tablet,0px) var(--ni0l73-borderWidth-bl-tablet,0px); border-radius: var(--ni0l73-borderRadius-tl-tablet,0px) var(--ni0l73-borderRadius-tr-tablet,0px) var(--ni0l73-borderRadius-br-tablet,0px) var(--ni0l73-borderRadius-bl-tablet,0px); max-width: var(--ni0l73-max-width-tablet, var(--ni0l73-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ni0l73-background-imageRatio-mobile, var(--ni0l73-background-imageRatio, auto)); border-width: var(--ni0l73-borderWidth-tl-mobile,0px) var(--ni0l73-borderWidth-tr-mobile,0px) var(--ni0l73-borderWidth-br-mobile,0px) var(--ni0l73-borderWidth-bl-mobile,0px); border-radius: var(--ni0l73-borderRadius-tl-mobile,0px) var(--ni0l73-borderRadius-tr-mobile,0px) var(--ni0l73-borderRadius-br-mobile,0px) var(--ni0l73-borderRadius-bl-mobile,0px); max-width: var(--ni0l73-max-width-mobile, var(--ni0l73-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-ni0l73"] {     display: flex;     flex-direction: var(--ni0l73-direction, column);     flex-wrap: nowrap;     justify-content: var(--ni0l73-justify-content);     align-items: var(--ni0l73-align-items);     gap: var(--ni0l73-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ni0l73"] {      flex-direction: var(--ni0l73-direction-tablet, column);                      gap: var(--ni0l73-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-ni0l73"] {      flex-direction: var(--ni0l73-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-fh86t1"] { --fh86t1-direction: row; --fh86t1-direction-tablet: row; --fh86t1-direction-mobile: row; --fh86t1-structure: columns; --fh86t1-structure-tablet: columns; --fh86t1-structure-mobile: columns; --fh86t1-gap: 24px; --fh86t1-gap-tablet: 24px; --fh86t1-gap-mobile: 16px; }[data-bnode="beae-fh86t1"] { padding-top: var(--fh86t1-padding-top, 0px); padding-right: var(--fh86t1-padding-right, 0px); padding-bottom: var(--fh86t1-padding-bottom, 0px); padding-left: var(--fh86t1-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--fh86t1-padding-top-tablet, 0px); padding-right: var(--fh86t1-padding-right-tablet, 0px); padding-bottom: var(--fh86t1-padding-bottom-tablet, 0px); padding-left: var(--fh86t1-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--fh86t1-padding-top-mobile, 0px); padding-right: var(--fh86t1-padding-right-mobile, 0px); padding-bottom: var(--fh86t1-padding-bottom-mobile, 0px); padding-left: var(--fh86t1-padding-left-mobile, 0px); } width: calc(100% - var(--fh86t1-padding-left, 0px) - var(--fh86t1-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--fh86t1-background-imageRatio, auto); background: var(--fh86t1-background-color); border-style: var(--fh86t1-borderStyle,solid); border-color: var(--fh86t1-borderColor,#000000); border-width: var(--fh86t1-borderWidth-tl,0px) var(--fh86t1-borderWidth-tr,0px) var(--fh86t1-borderWidth-br,0px) var(--fh86t1-borderWidth-bl,0px); border-radius: var(--fh86t1-borderRadius-tl,0px) var(--fh86t1-borderRadius-tr,0px) var(--fh86t1-borderRadius-br,0px) var(--fh86t1-borderRadius-bl,0px); box-shadow: if(style(--fh86t1-enableShadow: true): var(--fh86t1-shadowHorizontal,0) var(--fh86t1-shadowVertical,0) var(--fh86t1-shadowBlur,0) 1px var(--fh86t1-shadowColor,#000000); else: none); max-width: var(--fh86t1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--fh86t1-background-imageRatio-tablet, var(--fh86t1-background-imageRatio, auto)); border-width: var(--fh86t1-borderWidth-tl-tablet,0px) var(--fh86t1-borderWidth-tr-tablet,0px) var(--fh86t1-borderWidth-br-tablet,0px) var(--fh86t1-borderWidth-bl-tablet,0px); border-radius: var(--fh86t1-borderRadius-tl-tablet,0px) var(--fh86t1-borderRadius-tr-tablet,0px) var(--fh86t1-borderRadius-br-tablet,0px) var(--fh86t1-borderRadius-bl-tablet,0px); max-width: var(--fh86t1-max-width-tablet, var(--fh86t1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--fh86t1-background-imageRatio-mobile, var(--fh86t1-background-imageRatio, auto)); border-width: var(--fh86t1-borderWidth-tl-mobile,0px) var(--fh86t1-borderWidth-tr-mobile,0px) var(--fh86t1-borderWidth-br-mobile,0px) var(--fh86t1-borderWidth-bl-mobile,0px); border-radius: var(--fh86t1-borderRadius-tl-mobile,0px) var(--fh86t1-borderRadius-tr-mobile,0px) var(--fh86t1-borderRadius-br-mobile,0px) var(--fh86t1-borderRadius-bl-mobile,0px); max-width: var(--fh86t1-max-width-mobile, var(--fh86t1-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-fh86t1"] {     display: flex;     flex-direction: var(--fh86t1-direction, column);     flex-wrap: nowrap;     justify-content: var(--fh86t1-justify-content);     align-items: var(--fh86t1-align-items);     gap: var(--fh86t1-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--fh86t1-padding-right, 0px) - var(--fh86t1-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fh86t1"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--fh86t1-padding-right-tablet, 0px) - var(--fh86t1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fh86t1"] {                            gap: var(--fh86t1-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(--fh86t1-padding-right-mobile, 0px) - var(--fh86t1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z3u7wi"] { --z3u7wi-direction: column; --z3u7wi-direction-tablet: column; --z3u7wi-direction-mobile: column; --z3u7wi-structure: columns; --z3u7wi-structure-tablet: columns; --z3u7wi-structure-mobile: columns; }[data-bnode="beae-z3u7wi"] { padding-top: var(--z3u7wi-padding-top, 0px); padding-right: var(--z3u7wi-padding-right, 0px); padding-bottom: var(--z3u7wi-padding-bottom, 0px); padding-left: var(--z3u7wi-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--z3u7wi-padding-top-tablet, 0px); padding-right: var(--z3u7wi-padding-right-tablet, 0px); padding-bottom: var(--z3u7wi-padding-bottom-tablet, 0px); padding-left: var(--z3u7wi-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--z3u7wi-padding-top-mobile, 0px); padding-right: var(--z3u7wi-padding-right-mobile, 0px); padding-bottom: var(--z3u7wi-padding-bottom-mobile, 0px); padding-left: var(--z3u7wi-padding-left-mobile, 0px); } width: calc(100% - var(--z3u7wi-padding-left, 0px) - var(--z3u7wi-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--z3u7wi-background-imageRatio, auto); background: var(--z3u7wi-background-color); border-style: var(--z3u7wi-borderStyle,solid); border-color: var(--z3u7wi-borderColor,#000000); border-width: var(--z3u7wi-borderWidth-tl,0px) var(--z3u7wi-borderWidth-tr,0px) var(--z3u7wi-borderWidth-br,0px) var(--z3u7wi-borderWidth-bl,0px); border-radius: var(--z3u7wi-borderRadius-tl,0px) var(--z3u7wi-borderRadius-tr,0px) var(--z3u7wi-borderRadius-br,0px) var(--z3u7wi-borderRadius-bl,0px); box-shadow: if(style(--z3u7wi-enableShadow: true): var(--z3u7wi-shadowHorizontal,0) var(--z3u7wi-shadowVertical,0) var(--z3u7wi-shadowBlur,0) 1px var(--z3u7wi-shadowColor,#000000); else: none); max-width: var(--z3u7wi-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--z3u7wi-background-imageRatio-tablet, var(--z3u7wi-background-imageRatio, auto)); border-width: var(--z3u7wi-borderWidth-tl-tablet,0px) var(--z3u7wi-borderWidth-tr-tablet,0px) var(--z3u7wi-borderWidth-br-tablet,0px) var(--z3u7wi-borderWidth-bl-tablet,0px); border-radius: var(--z3u7wi-borderRadius-tl-tablet,0px) var(--z3u7wi-borderRadius-tr-tablet,0px) var(--z3u7wi-borderRadius-br-tablet,0px) var(--z3u7wi-borderRadius-bl-tablet,0px); max-width: var(--z3u7wi-max-width-tablet, var(--z3u7wi-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--z3u7wi-background-imageRatio-mobile, var(--z3u7wi-background-imageRatio, auto)); border-width: var(--z3u7wi-borderWidth-tl-mobile,0px) var(--z3u7wi-borderWidth-tr-mobile,0px) var(--z3u7wi-borderWidth-br-mobile,0px) var(--z3u7wi-borderWidth-bl-mobile,0px); border-radius: var(--z3u7wi-borderRadius-tl-mobile,0px) var(--z3u7wi-borderRadius-tr-mobile,0px) var(--z3u7wi-borderRadius-br-mobile,0px) var(--z3u7wi-borderRadius-bl-mobile,0px); max-width: var(--z3u7wi-max-width-mobile, var(--z3u7wi-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-z3u7wi"] {     display: flex;     flex-direction: var(--z3u7wi-direction, column);     flex-wrap: nowrap;     justify-content: var(--z3u7wi-justify-content);     align-items: var(--z3u7wi-align-items);     gap: var(--z3u7wi-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-z3u7wi"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--z3u7wi-padding-right-tablet, 0px) - var(--z3u7wi-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z3u7wi"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--z3u7wi-padding-right-mobile, 0px) - var(--z3u7wi-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-g2v040"] { --g2v040-width: 100%; --g2v040-width-tablet: 100%; --g2v040-width-mobile: 100%; --g2v040-imageRatio: 5/7; --g2v040-imageRatio-tablet: 5/7; --g2v040-imageRatio-mobile: 5/7; --g2v040-objFit: cover; --g2v040-objFit-tablet: cover; --g2v040-objFit-mobile: cover; --g2v040-borderColor: #d7c1c1; --g2v040-borderColor-tablet: #d7c1c1; --g2v040-borderColor-mobile: #d7c1c1; --g2v040-shadowColor: #000000; --g2v040-shadowColor-tablet: #000000; --g2v040-shadowColor-mobile: #000000; --g2v040-borderStyle: solid; --g2v040-borderStyle-tablet: solid; --g2v040-borderStyle-mobile: solid; --g2v040-enableShadow: false; --g2v040-enableShadow-tablet: false; --g2v040-enableShadow-mobile: false; --g2v040-borderRadius-tl: 12px; --g2v040-borderRadius-tl-tablet: 12px; --g2v040-borderRadius-tl-mobile: 12px; --g2v040-borderRadius-tr: 12px; --g2v040-borderRadius-tr-tablet: 12px; --g2v040-borderRadius-tr-mobile: 12px; --g2v040-borderRadius-bl: 12px; --g2v040-borderRadius-bl-tablet: 12px; --g2v040-borderRadius-bl-mobile: 12px; --g2v040-borderRadius-br: 12px; --g2v040-borderRadius-br-tablet: 12px; --g2v040-borderRadius-br-mobile: 12px; --g2v040-borderWidth-tl: 1px; --g2v040-borderWidth-tl-tablet: 1px; --g2v040-borderWidth-tl-mobile: 1px; --g2v040-borderWidth-tr: 1px; --g2v040-borderWidth-tr-tablet: 1px; --g2v040-borderWidth-tr-mobile: 1px; --g2v040-borderWidth-bl: 1px; --g2v040-borderWidth-bl-tablet: 1px; --g2v040-borderWidth-bl-mobile: 1px; --g2v040-borderWidth-br: 1px; --g2v040-borderWidth-br-tablet: 1px; --g2v040-borderWidth-br-mobile: 1px; }[data-bnode="beae-g2v040"] { margin-top: var(--g2v040-margin-top, 0px); margin-right: var(--g2v040-margin-right, 0px); margin-bottom: var(--g2v040-margin-bottom, 0px); margin-left: var(--g2v040-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g2v040-margin-top-tablet, 0px); margin-right: var(--g2v040-margin-right-tablet, 0px); margin-bottom: var(--g2v040-margin-bottom-tablet, 0px); margin-left: var(--g2v040-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g2v040-margin-top-mobile, 0px); margin-right: var(--g2v040-margin-right-mobile, 0px); margin-bottom: var(--g2v040-margin-bottom-mobile, 0px); margin-left: var(--g2v040-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--g2v040-width,100%) - var(--g2v040-margin-left,0px) - var(--g2v040-margin-right,0px)); min-height: min-content; border-style: var(--g2v040-borderStyle,solid); border-color: var(--g2v040-borderColor,#000000); border-width: var(--g2v040-borderWidth-tl,0px) var(--g2v040-borderWidth-tr,0px) var(--g2v040-borderWidth-br,0px) var(--g2v040-borderWidth-bl,0px); border-radius: var(--g2v040-borderRadius-tl,0px) var(--g2v040-borderRadius-tr,0px) var(--g2v040-borderRadius-br,0px) var(--g2v040-borderRadius-bl,0px); aspect-ratio: var(--g2v040-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--g2v040-borderWidth-tl-tablet, var(--g2v040-borderWidth-tl,0px)) var(--g2v040-borderWidth-tr-tablet, var(--g2v040-borderWidth-tr,0px)) var(--g2v040-borderWidth-br-tablet, var(--g2v040-borderWidth-br,0px)) var(--g2v040-borderWidth-bl-tablet, var(--g2v040-borderWidth-bl,0px)); border-radius: var(--g2v040-borderRadius-tl-tablet, var(--g2v040-borderRadius-tl,0px)) var(--g2v040-borderRadius-tr-tablet, var(--g2v040-borderRadius-tr,0px)) var(--g2v040-borderRadius-br-tablet, var(--g2v040-borderRadius-br,0px)) var(--g2v040-borderRadius-bl-tablet, var(--g2v040-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--g2v040-borderWidth-tl-mobile, var(--g2v040-borderWidth-tl,0px)) var(--g2v040-borderWidth-tr-mobile, var(--g2v040-borderWidth-tr,0px)) var(--g2v040-borderWidth-br-mobile, var(--g2v040-borderWidth-br,0px)) var(--g2v040-borderWidth-bl-mobile, var(--g2v040-borderWidth-bl,0px)); border-radius: var(--g2v040-borderRadius-tl-mobile, var(--g2v040-borderRadius-tl,0px)) var(--g2v040-borderRadius-tr-mobile, var(--g2v040-borderRadius-tr,0px)) var(--g2v040-borderRadius-br-mobile, var(--g2v040-borderRadius-br,0px)) var(--g2v040-borderRadius-bl-mobile, var(--g2v040-borderRadius-bl,0px)); } box-shadow: if( style(--g2v040-enableShadow: true): var(--g2v040-shadowHorizontal, 0) var(--g2v040-shadowVertical, 0) var(--g2v040-shadowBlur, 0) 1px var(--g2v040-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--g2v040-overlayColor-color, #000); opacity: var(--g2v040-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--g2v040-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--g2v040-width-tablet,var(--g2v040-width,100%)) - var(--g2v040-margin-left-tablet,var(--g2v040-margin-left,0px)) - var(--g2v040-margin-right-tablet,var(--g2v040-margin-right,0px))); aspect-ratio: var(--g2v040-imageRatio-tablet, var(--g2v040-imageRatio, auto)); img { object-fit: var(--g2v040-objFit-tablet, var(--g2v040-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--g2v040-width-mobile,var(--g2v040-width,100%)) - var(--g2v040-margin-left-mobile,var(--g2v040-margin-left,0px)) - var(--g2v040-margin-right-mobile,var(--g2v040-margin-right,0px))); aspect-ratio: var(--g2v040-imageRatio-mobile, var(--g2v040-imageRatio, auto)); img { object-fit: var(--g2v040-objFit-mobile, var(--g2v040-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-v3hfgc"] { --v3hfgc-typography: h4; --v3hfgc-typography-tablet: h4; --v3hfgc-typography-mobile: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-h4-text-align: center; --v3hfgc-margin-top: 20px; --v3hfgc-margin-top-tablet: 20px; --v3hfgc-margin-top-mobile: 20px; --v3hfgc-margin-right: 0px; --v3hfgc-margin-right-tablet: 0px; --v3hfgc-margin-right-mobile: 0px; --v3hfgc-margin-bottom: 8px; --v3hfgc-margin-bottom-tablet: 8px; --v3hfgc-margin-bottom-mobile: 8px; --v3hfgc-margin-left: 0px; --v3hfgc-margin-left-tablet: 0px; --v3hfgc-margin-left-mobile: 0px; }[data-bnode="beae-v3hfgc"] { margin-top: var(--v3hfgc-margin-top, 0px); margin-right: var(--v3hfgc-margin-right, 0px); margin-bottom: var(--v3hfgc-margin-bottom, 0px); margin-left: var(--v3hfgc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--v3hfgc-margin-top-tablet, 0px); margin-right: var(--v3hfgc-margin-right-tablet, 0px); margin-bottom: var(--v3hfgc-margin-bottom-tablet, 0px); margin-left: var(--v3hfgc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--v3hfgc-margin-top-mobile, 0px); margin-right: var(--v3hfgc-margin-right-mobile, 0px); margin-bottom: var(--v3hfgc-margin-bottom-mobile, 0px); margin-left: var(--v3hfgc-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--v3hfgc-highlightColor,var(--beae-p-color)); top: var(--v3hfgc-highlightTop, 100%); } }[data-bnode="beae-gy5b93"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --gy5b93-typography: p2; --gy5b93-typography-tablet: p2; --gy5b93-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-gy5b93"] { margin-top: var(--gy5b93-margin-top, 0px); margin-right: var(--gy5b93-margin-right, 0px); margin-bottom: var(--gy5b93-margin-bottom, 0px); margin-left: var(--gy5b93-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gy5b93-margin-top-tablet, 0px); margin-right: var(--gy5b93-margin-right-tablet, 0px); margin-bottom: var(--gy5b93-margin-bottom-tablet, 0px); margin-left: var(--gy5b93-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gy5b93-margin-top-mobile, 0px); margin-right: var(--gy5b93-margin-right-mobile, 0px); margin-bottom: var(--gy5b93-margin-bottom-mobile, 0px); margin-left: var(--gy5b93-margin-left-mobile, 0px); } }[data-bnode="beae-x77lt7"] { --x77lt7-direction: column; --x77lt7-direction-tablet: column; --x77lt7-direction-mobile: column; --x77lt7-structure: columns; --x77lt7-structure-tablet: columns; --x77lt7-structure-mobile: columns; }[data-bnode="beae-x77lt7"] { padding-top: var(--x77lt7-padding-top, 0px); padding-right: var(--x77lt7-padding-right, 0px); padding-bottom: var(--x77lt7-padding-bottom, 0px); padding-left: var(--x77lt7-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--x77lt7-padding-top-tablet, 0px); padding-right: var(--x77lt7-padding-right-tablet, 0px); padding-bottom: var(--x77lt7-padding-bottom-tablet, 0px); padding-left: var(--x77lt7-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--x77lt7-padding-top-mobile, 0px); padding-right: var(--x77lt7-padding-right-mobile, 0px); padding-bottom: var(--x77lt7-padding-bottom-mobile, 0px); padding-left: var(--x77lt7-padding-left-mobile, 0px); } width: calc(100% - var(--x77lt7-padding-left, 0px) - var(--x77lt7-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--x77lt7-background-imageRatio, auto); background: var(--x77lt7-background-color); border-style: var(--x77lt7-borderStyle,solid); border-color: var(--x77lt7-borderColor,#000000); border-width: var(--x77lt7-borderWidth-tl,0px) var(--x77lt7-borderWidth-tr,0px) var(--x77lt7-borderWidth-br,0px) var(--x77lt7-borderWidth-bl,0px); border-radius: var(--x77lt7-borderRadius-tl,0px) var(--x77lt7-borderRadius-tr,0px) var(--x77lt7-borderRadius-br,0px) var(--x77lt7-borderRadius-bl,0px); box-shadow: if(style(--x77lt7-enableShadow: true): var(--x77lt7-shadowHorizontal,0) var(--x77lt7-shadowVertical,0) var(--x77lt7-shadowBlur,0) 1px var(--x77lt7-shadowColor,#000000); else: none); max-width: var(--x77lt7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--x77lt7-background-imageRatio-tablet, var(--x77lt7-background-imageRatio, auto)); border-width: var(--x77lt7-borderWidth-tl-tablet,0px) var(--x77lt7-borderWidth-tr-tablet,0px) var(--x77lt7-borderWidth-br-tablet,0px) var(--x77lt7-borderWidth-bl-tablet,0px); border-radius: var(--x77lt7-borderRadius-tl-tablet,0px) var(--x77lt7-borderRadius-tr-tablet,0px) var(--x77lt7-borderRadius-br-tablet,0px) var(--x77lt7-borderRadius-bl-tablet,0px); max-width: var(--x77lt7-max-width-tablet, var(--x77lt7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--x77lt7-background-imageRatio-mobile, var(--x77lt7-background-imageRatio, auto)); border-width: var(--x77lt7-borderWidth-tl-mobile,0px) var(--x77lt7-borderWidth-tr-mobile,0px) var(--x77lt7-borderWidth-br-mobile,0px) var(--x77lt7-borderWidth-bl-mobile,0px); border-radius: var(--x77lt7-borderRadius-tl-mobile,0px) var(--x77lt7-borderRadius-tr-mobile,0px) var(--x77lt7-borderRadius-br-mobile,0px) var(--x77lt7-borderRadius-bl-mobile,0px); max-width: var(--x77lt7-max-width-mobile, var(--x77lt7-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-x77lt7"] {     display: flex;     flex-direction: var(--x77lt7-direction, column);     flex-wrap: nowrap;     justify-content: var(--x77lt7-justify-content);     align-items: var(--x77lt7-align-items);     gap: var(--x77lt7-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x77lt7"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--x77lt7-padding-right-tablet, 0px) - var(--x77lt7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-x77lt7"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--x77lt7-padding-right-mobile, 0px) - var(--x77lt7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i27p21"] { --i27p21-width: 100%; --i27p21-width-tablet: 100%; --i27p21-width-mobile: 100%; --i27p21-imageRatio: 5/7; --i27p21-imageRatio-tablet: 5/7; --i27p21-imageRatio-mobile: 5/7; --i27p21-objFit: cover; --i27p21-objFit-tablet: cover; --i27p21-objFit-mobile: cover; --i27p21-borderColor: #d7c1c1; --i27p21-borderColor-tablet: #d7c1c1; --i27p21-borderColor-mobile: #d7c1c1; --i27p21-shadowColor: #000000; --i27p21-shadowColor-tablet: #000000; --i27p21-shadowColor-mobile: #000000; --i27p21-borderStyle: solid; --i27p21-borderStyle-tablet: solid; --i27p21-borderStyle-mobile: solid; --i27p21-enableShadow: false; --i27p21-enableShadow-tablet: false; --i27p21-enableShadow-mobile: false; --i27p21-borderRadius-tl: 12px; --i27p21-borderRadius-tl-tablet: 12px; --i27p21-borderRadius-tl-mobile: 12px; --i27p21-borderRadius-tr: 12px; --i27p21-borderRadius-tr-tablet: 12px; --i27p21-borderRadius-tr-mobile: 12px; --i27p21-borderRadius-bl: 12px; --i27p21-borderRadius-bl-tablet: 12px; --i27p21-borderRadius-bl-mobile: 12px; --i27p21-borderRadius-br: 12px; --i27p21-borderRadius-br-tablet: 12px; --i27p21-borderRadius-br-mobile: 12px; --i27p21-borderWidth-tl: 1px; --i27p21-borderWidth-tl-tablet: 1px; --i27p21-borderWidth-tl-mobile: 1px; --i27p21-borderWidth-tr: 1px; --i27p21-borderWidth-tr-tablet: 1px; --i27p21-borderWidth-tr-mobile: 1px; --i27p21-borderWidth-bl: 1px; --i27p21-borderWidth-bl-tablet: 1px; --i27p21-borderWidth-bl-mobile: 1px; --i27p21-borderWidth-br: 1px; --i27p21-borderWidth-br-tablet: 1px; --i27p21-borderWidth-br-mobile: 1px; }[data-bnode="beae-i27p21"] { margin-top: var(--i27p21-margin-top, 0px); margin-right: var(--i27p21-margin-right, 0px); margin-bottom: var(--i27p21-margin-bottom, 0px); margin-left: var(--i27p21-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i27p21-margin-top-tablet, 0px); margin-right: var(--i27p21-margin-right-tablet, 0px); margin-bottom: var(--i27p21-margin-bottom-tablet, 0px); margin-left: var(--i27p21-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i27p21-margin-top-mobile, 0px); margin-right: var(--i27p21-margin-right-mobile, 0px); margin-bottom: var(--i27p21-margin-bottom-mobile, 0px); margin-left: var(--i27p21-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--i27p21-width,100%) - var(--i27p21-margin-left,0px) - var(--i27p21-margin-right,0px)); min-height: min-content; border-style: var(--i27p21-borderStyle,solid); border-color: var(--i27p21-borderColor,#000000); border-width: var(--i27p21-borderWidth-tl,0px) var(--i27p21-borderWidth-tr,0px) var(--i27p21-borderWidth-br,0px) var(--i27p21-borderWidth-bl,0px); border-radius: var(--i27p21-borderRadius-tl,0px) var(--i27p21-borderRadius-tr,0px) var(--i27p21-borderRadius-br,0px) var(--i27p21-borderRadius-bl,0px); aspect-ratio: var(--i27p21-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--i27p21-borderWidth-tl-tablet, var(--i27p21-borderWidth-tl,0px)) var(--i27p21-borderWidth-tr-tablet, var(--i27p21-borderWidth-tr,0px)) var(--i27p21-borderWidth-br-tablet, var(--i27p21-borderWidth-br,0px)) var(--i27p21-borderWidth-bl-tablet, var(--i27p21-borderWidth-bl,0px)); border-radius: var(--i27p21-borderRadius-tl-tablet, var(--i27p21-borderRadius-tl,0px)) var(--i27p21-borderRadius-tr-tablet, var(--i27p21-borderRadius-tr,0px)) var(--i27p21-borderRadius-br-tablet, var(--i27p21-borderRadius-br,0px)) var(--i27p21-borderRadius-bl-tablet, var(--i27p21-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--i27p21-borderWidth-tl-mobile, var(--i27p21-borderWidth-tl,0px)) var(--i27p21-borderWidth-tr-mobile, var(--i27p21-borderWidth-tr,0px)) var(--i27p21-borderWidth-br-mobile, var(--i27p21-borderWidth-br,0px)) var(--i27p21-borderWidth-bl-mobile, var(--i27p21-borderWidth-bl,0px)); border-radius: var(--i27p21-borderRadius-tl-mobile, var(--i27p21-borderRadius-tl,0px)) var(--i27p21-borderRadius-tr-mobile, var(--i27p21-borderRadius-tr,0px)) var(--i27p21-borderRadius-br-mobile, var(--i27p21-borderRadius-br,0px)) var(--i27p21-borderRadius-bl-mobile, var(--i27p21-borderRadius-bl,0px)); } box-shadow: if( style(--i27p21-enableShadow: true): var(--i27p21-shadowHorizontal, 0) var(--i27p21-shadowVertical, 0) var(--i27p21-shadowBlur, 0) 1px var(--i27p21-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--i27p21-overlayColor-color, #000); opacity: var(--i27p21-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--i27p21-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--i27p21-width-tablet,var(--i27p21-width,100%)) - var(--i27p21-margin-left-tablet,var(--i27p21-margin-left,0px)) - var(--i27p21-margin-right-tablet,var(--i27p21-margin-right,0px))); aspect-ratio: var(--i27p21-imageRatio-tablet, var(--i27p21-imageRatio, auto)); img { object-fit: var(--i27p21-objFit-tablet, var(--i27p21-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--i27p21-width-mobile,var(--i27p21-width,100%)) - var(--i27p21-margin-left-mobile,var(--i27p21-margin-left,0px)) - var(--i27p21-margin-right-mobile,var(--i27p21-margin-right,0px))); aspect-ratio: var(--i27p21-imageRatio-mobile, var(--i27p21-imageRatio, auto)); img { object-fit: var(--i27p21-objFit-mobile, var(--i27p21-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-ipu86l"] { --ipu86l-typography: h4; --ipu86l-typography-tablet: h4; --ipu86l-typography-mobile: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-h4-text-align: center; --ipu86l-margin-top: 20px; --ipu86l-margin-top-tablet: 20px; --ipu86l-margin-top-mobile: 20px; --ipu86l-margin-right: 0px; --ipu86l-margin-right-tablet: 0px; --ipu86l-margin-right-mobile: 0px; --ipu86l-margin-bottom: 8px; --ipu86l-margin-bottom-tablet: 8px; --ipu86l-margin-bottom-mobile: 8px; --ipu86l-margin-left: 0px; --ipu86l-margin-left-tablet: 0px; --ipu86l-margin-left-mobile: 0px; }[data-bnode="beae-ipu86l"] { margin-top: var(--ipu86l-margin-top, 0px); margin-right: var(--ipu86l-margin-right, 0px); margin-bottom: var(--ipu86l-margin-bottom, 0px); margin-left: var(--ipu86l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ipu86l-margin-top-tablet, 0px); margin-right: var(--ipu86l-margin-right-tablet, 0px); margin-bottom: var(--ipu86l-margin-bottom-tablet, 0px); margin-left: var(--ipu86l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ipu86l-margin-top-mobile, 0px); margin-right: var(--ipu86l-margin-right-mobile, 0px); margin-bottom: var(--ipu86l-margin-bottom-mobile, 0px); margin-left: var(--ipu86l-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ipu86l-highlightColor,var(--beae-p-color)); top: var(--ipu86l-highlightTop, 100%); } }[data-bnode="beae-j4c999"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --j4c999-typography: p2; --j4c999-typography-tablet: p2; --j4c999-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-j4c999"] { margin-top: var(--j4c999-margin-top, 0px); margin-right: var(--j4c999-margin-right, 0px); margin-bottom: var(--j4c999-margin-bottom, 0px); margin-left: var(--j4c999-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--j4c999-margin-top-tablet, 0px); margin-right: var(--j4c999-margin-right-tablet, 0px); margin-bottom: var(--j4c999-margin-bottom-tablet, 0px); margin-left: var(--j4c999-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--j4c999-margin-top-mobile, 0px); margin-right: var(--j4c999-margin-right-mobile, 0px); margin-bottom: var(--j4c999-margin-bottom-mobile, 0px); margin-left: var(--j4c999-margin-left-mobile, 0px); } }[data-bnode="beae-935urf"] { --935urf-direction: column; --935urf-direction-tablet: column; --935urf-direction-mobile: column; --935urf-structure: columns; --935urf-structure-tablet: columns; --935urf-structure-mobile: columns; --935urf-gap: 0; --935urf-gap-tablet: 0; --935urf-gap-mobile: 0; }[data-bnode="beae-935urf"] { padding-top: var(--935urf-padding-top, 0px); padding-right: var(--935urf-padding-right, 0px); padding-bottom: var(--935urf-padding-bottom, 0px); padding-left: var(--935urf-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--935urf-padding-top-tablet, 0px); padding-right: var(--935urf-padding-right-tablet, 0px); padding-bottom: var(--935urf-padding-bottom-tablet, 0px); padding-left: var(--935urf-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--935urf-padding-top-mobile, 0px); padding-right: var(--935urf-padding-right-mobile, 0px); padding-bottom: var(--935urf-padding-bottom-mobile, 0px); padding-left: var(--935urf-padding-left-mobile, 0px); } width: calc(100% - var(--935urf-padding-left, 0px) - var(--935urf-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--935urf-background-imageRatio, auto); background: var(--935urf-background-color); border-style: var(--935urf-borderStyle,solid); border-color: var(--935urf-borderColor,#000000); border-width: var(--935urf-borderWidth-tl,0px) var(--935urf-borderWidth-tr,0px) var(--935urf-borderWidth-br,0px) var(--935urf-borderWidth-bl,0px); border-radius: var(--935urf-borderRadius-tl,0px) var(--935urf-borderRadius-tr,0px) var(--935urf-borderRadius-br,0px) var(--935urf-borderRadius-bl,0px); box-shadow: if(style(--935urf-enableShadow: true): var(--935urf-shadowHorizontal,0) var(--935urf-shadowVertical,0) var(--935urf-shadowBlur,0) 1px var(--935urf-shadowColor,#000000); else: none); max-width: var(--935urf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--935urf-background-imageRatio-tablet, var(--935urf-background-imageRatio, auto)); border-width: var(--935urf-borderWidth-tl-tablet,0px) var(--935urf-borderWidth-tr-tablet,0px) var(--935urf-borderWidth-br-tablet,0px) var(--935urf-borderWidth-bl-tablet,0px); border-radius: var(--935urf-borderRadius-tl-tablet,0px) var(--935urf-borderRadius-tr-tablet,0px) var(--935urf-borderRadius-br-tablet,0px) var(--935urf-borderRadius-bl-tablet,0px); max-width: var(--935urf-max-width-tablet, var(--935urf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--935urf-background-imageRatio-mobile, var(--935urf-background-imageRatio, auto)); border-width: var(--935urf-borderWidth-tl-mobile,0px) var(--935urf-borderWidth-tr-mobile,0px) var(--935urf-borderWidth-br-mobile,0px) var(--935urf-borderWidth-bl-mobile,0px); border-radius: var(--935urf-borderRadius-tl-mobile,0px) var(--935urf-borderRadius-tr-mobile,0px) var(--935urf-borderRadius-br-mobile,0px) var(--935urf-borderRadius-bl-mobile,0px); max-width: var(--935urf-max-width-mobile, var(--935urf-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-935urf"] {     display: flex;     flex-direction: var(--935urf-direction, column);     flex-wrap: nowrap;     justify-content: var(--935urf-justify-content);     align-items: var(--935urf-align-items);     gap: var(--935urf-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-935urf"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--935urf-padding-right-tablet, 0px) - var(--935urf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-935urf"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--935urf-padding-right-mobile, 0px) - var(--935urf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4dxuhe"] { --4dxuhe-width: 100%; --4dxuhe-width-tablet: 100%; --4dxuhe-width-mobile: 100%; --4dxuhe-imageRatio: 4/5; --4dxuhe-imageRatio-tablet: 4/5; --4dxuhe-imageRatio-mobile: 4/5; --4dxuhe-objFit: cover; --4dxuhe-objFit-tablet: cover; --4dxuhe-objFit-mobile: cover; --4dxuhe-borderColor: #d7c1c1; --4dxuhe-borderColor-tablet: #d7c1c1; --4dxuhe-borderColor-mobile: #d7c1c1; --4dxuhe-shadowColor: #000000; --4dxuhe-shadowColor-tablet: #000000; --4dxuhe-shadowColor-mobile: #000000; --4dxuhe-borderStyle: solid; --4dxuhe-borderStyle-tablet: solid; --4dxuhe-borderStyle-mobile: solid; --4dxuhe-enableShadow: false; --4dxuhe-enableShadow-tablet: false; --4dxuhe-enableShadow-mobile: false; --4dxuhe-borderWidth-tl: 1px; --4dxuhe-borderWidth-tl-tablet: 1px; --4dxuhe-borderWidth-tl-mobile: 1px; --4dxuhe-borderWidth-tr: 1px; --4dxuhe-borderWidth-tr-tablet: 1px; --4dxuhe-borderWidth-tr-mobile: 1px; --4dxuhe-borderWidth-bl: 1px; --4dxuhe-borderWidth-bl-tablet: 1px; --4dxuhe-borderWidth-bl-mobile: 1px; --4dxuhe-borderWidth-br: 1px; --4dxuhe-borderWidth-br-tablet: 1px; --4dxuhe-borderWidth-br-mobile: 1px; --4dxuhe-borderRadius-tl: 24px; --4dxuhe-borderRadius-tl-tablet: 24px; --4dxuhe-borderRadius-tl-mobile: 24px; --4dxuhe-borderRadius-tr: 24px; --4dxuhe-borderRadius-tr-tablet: 24px; --4dxuhe-borderRadius-tr-mobile: 24px; --4dxuhe-borderRadius-bl: 24px; --4dxuhe-borderRadius-bl-tablet: 24px; --4dxuhe-borderRadius-bl-mobile: 24px; --4dxuhe-borderRadius-br: 24px; --4dxuhe-borderRadius-br-tablet: 24px; --4dxuhe-borderRadius-br-mobile: 24px; }[data-bnode="beae-4dxuhe"] { margin-top: var(--4dxuhe-margin-top, 0px); margin-right: var(--4dxuhe-margin-right, 0px); margin-bottom: var(--4dxuhe-margin-bottom, 0px); margin-left: var(--4dxuhe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4dxuhe-margin-top-tablet, 0px); margin-right: var(--4dxuhe-margin-right-tablet, 0px); margin-bottom: var(--4dxuhe-margin-bottom-tablet, 0px); margin-left: var(--4dxuhe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4dxuhe-margin-top-mobile, 0px); margin-right: var(--4dxuhe-margin-right-mobile, 0px); margin-bottom: var(--4dxuhe-margin-bottom-mobile, 0px); margin-left: var(--4dxuhe-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--4dxuhe-width,100%) - var(--4dxuhe-margin-left,0px) - var(--4dxuhe-margin-right,0px)); min-height: min-content; border-style: var(--4dxuhe-borderStyle,solid); border-color: var(--4dxuhe-borderColor,#000000); border-width: var(--4dxuhe-borderWidth-tl,0px) var(--4dxuhe-borderWidth-tr,0px) var(--4dxuhe-borderWidth-br,0px) var(--4dxuhe-borderWidth-bl,0px); border-radius: var(--4dxuhe-borderRadius-tl,0px) var(--4dxuhe-borderRadius-tr,0px) var(--4dxuhe-borderRadius-br,0px) var(--4dxuhe-borderRadius-bl,0px); aspect-ratio: var(--4dxuhe-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--4dxuhe-borderWidth-tl-tablet, var(--4dxuhe-borderWidth-tl,0px)) var(--4dxuhe-borderWidth-tr-tablet, var(--4dxuhe-borderWidth-tr,0px)) var(--4dxuhe-borderWidth-br-tablet, var(--4dxuhe-borderWidth-br,0px)) var(--4dxuhe-borderWidth-bl-tablet, var(--4dxuhe-borderWidth-bl,0px)); border-radius: var(--4dxuhe-borderRadius-tl-tablet, var(--4dxuhe-borderRadius-tl,0px)) var(--4dxuhe-borderRadius-tr-tablet, var(--4dxuhe-borderRadius-tr,0px)) var(--4dxuhe-borderRadius-br-tablet, var(--4dxuhe-borderRadius-br,0px)) var(--4dxuhe-borderRadius-bl-tablet, var(--4dxuhe-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--4dxuhe-borderWidth-tl-mobile, var(--4dxuhe-borderWidth-tl,0px)) var(--4dxuhe-borderWidth-tr-mobile, var(--4dxuhe-borderWidth-tr,0px)) var(--4dxuhe-borderWidth-br-mobile, var(--4dxuhe-borderWidth-br,0px)) var(--4dxuhe-borderWidth-bl-mobile, var(--4dxuhe-borderWidth-bl,0px)); border-radius: var(--4dxuhe-borderRadius-tl-mobile, var(--4dxuhe-borderRadius-tl,0px)) var(--4dxuhe-borderRadius-tr-mobile, var(--4dxuhe-borderRadius-tr,0px)) var(--4dxuhe-borderRadius-br-mobile, var(--4dxuhe-borderRadius-br,0px)) var(--4dxuhe-borderRadius-bl-mobile, var(--4dxuhe-borderRadius-bl,0px)); } box-shadow: if( style(--4dxuhe-enableShadow: true): var(--4dxuhe-shadowHorizontal, 0) var(--4dxuhe-shadowVertical, 0) var(--4dxuhe-shadowBlur, 0) 1px var(--4dxuhe-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--4dxuhe-overlayColor-color, #000); opacity: var(--4dxuhe-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--4dxuhe-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--4dxuhe-width-tablet,var(--4dxuhe-width,100%)) - var(--4dxuhe-margin-left-tablet,var(--4dxuhe-margin-left,0px)) - var(--4dxuhe-margin-right-tablet,var(--4dxuhe-margin-right,0px))); aspect-ratio: var(--4dxuhe-imageRatio-tablet, var(--4dxuhe-imageRatio, auto)); img { object-fit: var(--4dxuhe-objFit-tablet, var(--4dxuhe-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--4dxuhe-width-mobile,var(--4dxuhe-width,100%)) - var(--4dxuhe-margin-left-mobile,var(--4dxuhe-margin-left,0px)) - var(--4dxuhe-margin-right-mobile,var(--4dxuhe-margin-right,0px))); aspect-ratio: var(--4dxuhe-imageRatio-mobile, var(--4dxuhe-imageRatio, auto)); img { object-fit: var(--4dxuhe-objFit-mobile, var(--4dxuhe-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-u64vua"] { --u64vua-width: 112px; --u64vua-width-tablet: 112px; --u64vua-width-mobile: 112px; --u64vua-imageRatio: auto; --u64vua-imageRatio-tablet: auto; --u64vua-imageRatio-mobile: auto; --u64vua-objFit: cover; --u64vua-objFit-tablet: cover; --u64vua-objFit-mobile: cover; --u64vua-borderColor: #000000; --u64vua-borderColor-tablet: #000000; --u64vua-borderColor-mobile: #000000; --u64vua-shadowColor: #000000; --u64vua-shadowColor-tablet: #000000; --u64vua-shadowColor-mobile: #000000; --u64vua-enableShadow: false; --u64vua-enableShadow-tablet: false; --u64vua-enableShadow-mobile: false; }[data-bnode="beae-u64vua"] { margin-top: var(--u64vua-margin-top, 0px); margin-right: var(--u64vua-margin-right, 0px); margin-bottom: var(--u64vua-margin-bottom, 0px); margin-left: var(--u64vua-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u64vua-margin-top-tablet, 0px); margin-right: var(--u64vua-margin-right-tablet, 0px); margin-bottom: var(--u64vua-margin-bottom-tablet, 0px); margin-left: var(--u64vua-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u64vua-margin-top-mobile, 0px); margin-right: var(--u64vua-margin-right-mobile, 0px); margin-bottom: var(--u64vua-margin-bottom-mobile, 0px); margin-left: var(--u64vua-margin-left-mobile, 0px); } &.beae-media-wrapper { position: absolute !important; left: 32px; bottom: 32px; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: rotate; animation-duration: 5s; position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--u64vua-width, 100%) - var(--u64vua-margin-left, 0px) - var(--u64vua-margin-right, 0px) ); min-height: min-content; border-style: var(--u64vua-borderStyle, solid); border-color: var(--u64vua-borderColor, #000000); border-width: var(--u64vua-borderWidth-tl, 0px) var(--u64vua-borderWidth-tr, 0px) var(--u64vua-borderWidth-br, 0px) var(--u64vua-borderWidth-bl, 0px); border-radius: var(--u64vua-borderRadius-tl, 0px) var(--u64vua-borderRadius-tr, 0px) var(--u64vua-borderRadius-br, 0px) var(--u64vua-borderRadius-bl, 0px); aspect-ratio: var(--u64vua-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--u64vua-borderWidth-tl-tablet, var(--u64vua-borderWidth-tl, 0px)) var(--u64vua-borderWidth-tr-tablet, var(--u64vua-borderWidth-tr, 0px)) var(--u64vua-borderWidth-br-tablet, var(--u64vua-borderWidth-br, 0px)) var(--u64vua-borderWidth-bl-tablet, var(--u64vua-borderWidth-bl, 0px)); border-radius: var(--u64vua-borderRadius-tl-tablet, var(--u64vua-borderRadius-tl, 0px) ) var(--u64vua-borderRadius-tr-tablet, var(--u64vua-borderRadius-tr, 0px)) var(--u64vua-borderRadius-br-tablet, var(--u64vua-borderRadius-br, 0px)) var(--u64vua-borderRadius-bl-tablet, var(--u64vua-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--u64vua-borderWidth-tl-mobile, var(--u64vua-borderWidth-tl, 0px)) var(--u64vua-borderWidth-tr-mobile, var(--u64vua-borderWidth-tr, 0px)) var(--u64vua-borderWidth-br-mobile, var(--u64vua-borderWidth-br, 0px)) var(--u64vua-borderWidth-bl-mobile, var(--u64vua-borderWidth-bl, 0px)); border-radius: var(--u64vua-borderRadius-tl-mobile, var(--u64vua-borderRadius-tl, 0px) ) var(--u64vua-borderRadius-tr-mobile, var(--u64vua-borderRadius-tr, 0px)) var(--u64vua-borderRadius-br-mobile, var(--u64vua-borderRadius-br, 0px)) var(--u64vua-borderRadius-bl-mobile, var(--u64vua-borderRadius-bl, 0px)); } box-shadow: if( style(--u64vua-enableShadow: true): var(--u64vua-shadowHorizontal, 0) var(--u64vua-shadowVertical, 0) var(--u64vua-shadowBlur, 0) 1px var(--u64vua-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background: var(--u64vua-overlayColor-color, #000); opacity: var(--u64vua-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--u64vua-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--u64vua-width-tablet, var(--u64vua-width, 100%)) - var(--u64vua-margin-left-tablet, var(--u64vua-margin-left, 0px)) - var(--u64vua-margin-right-tablet, var(--u64vua-margin-right, 0px)) ); aspect-ratio: var(--u64vua-imageRatio-tablet, var(--u64vua-imageRatio, auto)); img { object-fit: var(--u64vua-objFit-tablet, var(--u64vua-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--u64vua-width-mobile, var(--u64vua-width, 100%)) - var(--u64vua-margin-left-mobile, var(--u64vua-margin-left, 0px)) - var(--u64vua-margin-right-mobile, var(--u64vua-margin-right, 0px)) ); aspect-ratio: var(--u64vua-imageRatio-mobile, var(--u64vua-imageRatio, auto)); img { object-fit: var(--u64vua-objFit-mobile, var(--u64vua-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-42m4s7"] { --42m4s7-direction: row; --42m4s7-direction-tablet: row; --42m4s7-direction-mobile: row; --42m4s7-structure: columns; --42m4s7-structure-tablet: columns; --42m4s7-structure-mobile: columns; --42m4s7-gap: 24px; --42m4s7-gap-tablet: 24px; --42m4s7-gap-mobile: 16px; }[data-bnode="beae-42m4s7"] { padding-top: var(--42m4s7-padding-top, 0px); padding-right: var(--42m4s7-padding-right, 0px); padding-bottom: var(--42m4s7-padding-bottom, 0px); padding-left: var(--42m4s7-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--42m4s7-padding-top-tablet, 0px); padding-right: var(--42m4s7-padding-right-tablet, 0px); padding-bottom: var(--42m4s7-padding-bottom-tablet, 0px); padding-left: var(--42m4s7-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--42m4s7-padding-top-mobile, 0px); padding-right: var(--42m4s7-padding-right-mobile, 0px); padding-bottom: var(--42m4s7-padding-bottom-mobile, 0px); padding-left: var(--42m4s7-padding-left-mobile, 0px); } width: calc(100% - var(--42m4s7-padding-left, 0px) - var(--42m4s7-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--42m4s7-background-imageRatio, auto); background: var(--42m4s7-background-color); border-style: var(--42m4s7-borderStyle,solid); border-color: var(--42m4s7-borderColor,#000000); border-width: var(--42m4s7-borderWidth-tl,0px) var(--42m4s7-borderWidth-tr,0px) var(--42m4s7-borderWidth-br,0px) var(--42m4s7-borderWidth-bl,0px); border-radius: var(--42m4s7-borderRadius-tl,0px) var(--42m4s7-borderRadius-tr,0px) var(--42m4s7-borderRadius-br,0px) var(--42m4s7-borderRadius-bl,0px); box-shadow: if(style(--42m4s7-enableShadow: true): var(--42m4s7-shadowHorizontal,0) var(--42m4s7-shadowVertical,0) var(--42m4s7-shadowBlur,0) 1px var(--42m4s7-shadowColor,#000000); else: none); max-width: var(--42m4s7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--42m4s7-background-imageRatio-tablet, var(--42m4s7-background-imageRatio, auto)); border-width: var(--42m4s7-borderWidth-tl-tablet,0px) var(--42m4s7-borderWidth-tr-tablet,0px) var(--42m4s7-borderWidth-br-tablet,0px) var(--42m4s7-borderWidth-bl-tablet,0px); border-radius: var(--42m4s7-borderRadius-tl-tablet,0px) var(--42m4s7-borderRadius-tr-tablet,0px) var(--42m4s7-borderRadius-br-tablet,0px) var(--42m4s7-borderRadius-bl-tablet,0px); max-width: var(--42m4s7-max-width-tablet, var(--42m4s7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--42m4s7-background-imageRatio-mobile, var(--42m4s7-background-imageRatio, auto)); border-width: var(--42m4s7-borderWidth-tl-mobile,0px) var(--42m4s7-borderWidth-tr-mobile,0px) var(--42m4s7-borderWidth-br-mobile,0px) var(--42m4s7-borderWidth-bl-mobile,0px); border-radius: var(--42m4s7-borderRadius-tl-mobile,0px) var(--42m4s7-borderRadius-tr-mobile,0px) var(--42m4s7-borderRadius-br-mobile,0px) var(--42m4s7-borderRadius-bl-mobile,0px); max-width: var(--42m4s7-max-width-mobile, var(--42m4s7-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-42m4s7"] {     display: flex;     flex-direction: var(--42m4s7-direction, column);     flex-wrap: nowrap;     justify-content: var(--42m4s7-justify-content);     align-items: var(--42m4s7-align-items);     gap: var(--42m4s7-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--42m4s7-padding-right, 0px) - var(--42m4s7-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-42m4s7"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--42m4s7-padding-right-tablet, 0px) - var(--42m4s7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-42m4s7"] {                            gap: var(--42m4s7-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(--42m4s7-padding-right-mobile, 0px) - var(--42m4s7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1zatcu"] { --1zatcu-direction: column; --1zatcu-direction-tablet: column; --1zatcu-direction-mobile: column; --1zatcu-structure: columns; --1zatcu-structure-tablet: columns; --1zatcu-structure-mobile: columns; }[data-bnode="beae-1zatcu"] { padding-top: var(--1zatcu-padding-top, 0px); padding-right: var(--1zatcu-padding-right, 0px); padding-bottom: var(--1zatcu-padding-bottom, 0px); padding-left: var(--1zatcu-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--1zatcu-padding-top-tablet, 0px); padding-right: var(--1zatcu-padding-right-tablet, 0px); padding-bottom: var(--1zatcu-padding-bottom-tablet, 0px); padding-left: var(--1zatcu-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--1zatcu-padding-top-mobile, 0px); padding-right: var(--1zatcu-padding-right-mobile, 0px); padding-bottom: var(--1zatcu-padding-bottom-mobile, 0px); padding-left: var(--1zatcu-padding-left-mobile, 0px); } width: calc(100% - var(--1zatcu-padding-left, 0px) - var(--1zatcu-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--1zatcu-background-imageRatio, auto); background: var(--1zatcu-background-color); border-style: var(--1zatcu-borderStyle,solid); border-color: var(--1zatcu-borderColor,#000000); border-width: var(--1zatcu-borderWidth-tl,0px) var(--1zatcu-borderWidth-tr,0px) var(--1zatcu-borderWidth-br,0px) var(--1zatcu-borderWidth-bl,0px); border-radius: var(--1zatcu-borderRadius-tl,0px) var(--1zatcu-borderRadius-tr,0px) var(--1zatcu-borderRadius-br,0px) var(--1zatcu-borderRadius-bl,0px); box-shadow: if(style(--1zatcu-enableShadow: true): var(--1zatcu-shadowHorizontal,0) var(--1zatcu-shadowVertical,0) var(--1zatcu-shadowBlur,0) 1px var(--1zatcu-shadowColor,#000000); else: none); max-width: var(--1zatcu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--1zatcu-background-imageRatio-tablet, var(--1zatcu-background-imageRatio, auto)); border-width: var(--1zatcu-borderWidth-tl-tablet,0px) var(--1zatcu-borderWidth-tr-tablet,0px) var(--1zatcu-borderWidth-br-tablet,0px) var(--1zatcu-borderWidth-bl-tablet,0px); border-radius: var(--1zatcu-borderRadius-tl-tablet,0px) var(--1zatcu-borderRadius-tr-tablet,0px) var(--1zatcu-borderRadius-br-tablet,0px) var(--1zatcu-borderRadius-bl-tablet,0px); max-width: var(--1zatcu-max-width-tablet, var(--1zatcu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--1zatcu-background-imageRatio-mobile, var(--1zatcu-background-imageRatio, auto)); border-width: var(--1zatcu-borderWidth-tl-mobile,0px) var(--1zatcu-borderWidth-tr-mobile,0px) var(--1zatcu-borderWidth-br-mobile,0px) var(--1zatcu-borderWidth-bl-mobile,0px); border-radius: var(--1zatcu-borderRadius-tl-mobile,0px) var(--1zatcu-borderRadius-tr-mobile,0px) var(--1zatcu-borderRadius-br-mobile,0px) var(--1zatcu-borderRadius-bl-mobile,0px); max-width: var(--1zatcu-max-width-mobile, var(--1zatcu-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-1zatcu"] {     display: flex;     flex-direction: var(--1zatcu-direction, column);     flex-wrap: nowrap;     justify-content: var(--1zatcu-justify-content);     align-items: var(--1zatcu-align-items);     gap: var(--1zatcu-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1zatcu"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--1zatcu-padding-right-tablet, 0px) - var(--1zatcu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1zatcu"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--1zatcu-padding-right-mobile, 0px) - var(--1zatcu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-vm7r4e"] { --vm7r4e-width: 100%; --vm7r4e-width-tablet: 100%; --vm7r4e-width-mobile: 100%; --vm7r4e-imageRatio: 5/7; --vm7r4e-imageRatio-tablet: 5/7; --vm7r4e-imageRatio-mobile: 5/7; --vm7r4e-objFit: cover; --vm7r4e-objFit-tablet: cover; --vm7r4e-objFit-mobile: cover; --vm7r4e-borderColor: #d7c1c1; --vm7r4e-borderColor-tablet: #d7c1c1; --vm7r4e-borderColor-mobile: #d7c1c1; --vm7r4e-shadowColor: #000000; --vm7r4e-shadowColor-tablet: #000000; --vm7r4e-shadowColor-mobile: #000000; --vm7r4e-borderStyle: solid; --vm7r4e-borderStyle-tablet: solid; --vm7r4e-borderStyle-mobile: solid; --vm7r4e-enableShadow: false; --vm7r4e-enableShadow-tablet: false; --vm7r4e-enableShadow-mobile: false; --vm7r4e-borderRadius-tl: 12px; --vm7r4e-borderRadius-tl-tablet: 12px; --vm7r4e-borderRadius-tl-mobile: 12px; --vm7r4e-borderRadius-tr: 12px; --vm7r4e-borderRadius-tr-tablet: 12px; --vm7r4e-borderRadius-tr-mobile: 12px; --vm7r4e-borderRadius-bl: 12px; --vm7r4e-borderRadius-bl-tablet: 12px; --vm7r4e-borderRadius-bl-mobile: 12px; --vm7r4e-borderRadius-br: 12px; --vm7r4e-borderRadius-br-tablet: 12px; --vm7r4e-borderRadius-br-mobile: 12px; --vm7r4e-borderWidth-tl: 1px; --vm7r4e-borderWidth-tl-tablet: 1px; --vm7r4e-borderWidth-tl-mobile: 1px; --vm7r4e-borderWidth-tr: 1px; --vm7r4e-borderWidth-tr-tablet: 1px; --vm7r4e-borderWidth-tr-mobile: 1px; --vm7r4e-borderWidth-bl: 1px; --vm7r4e-borderWidth-bl-tablet: 1px; --vm7r4e-borderWidth-bl-mobile: 1px; --vm7r4e-borderWidth-br: 1px; --vm7r4e-borderWidth-br-tablet: 1px; --vm7r4e-borderWidth-br-mobile: 1px; }[data-bnode="beae-vm7r4e"] { margin-top: var(--vm7r4e-margin-top, 0px); margin-right: var(--vm7r4e-margin-right, 0px); margin-bottom: var(--vm7r4e-margin-bottom, 0px); margin-left: var(--vm7r4e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vm7r4e-margin-top-tablet, 0px); margin-right: var(--vm7r4e-margin-right-tablet, 0px); margin-bottom: var(--vm7r4e-margin-bottom-tablet, 0px); margin-left: var(--vm7r4e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vm7r4e-margin-top-mobile, 0px); margin-right: var(--vm7r4e-margin-right-mobile, 0px); margin-bottom: var(--vm7r4e-margin-bottom-mobile, 0px); margin-left: var(--vm7r4e-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--vm7r4e-width,100%) - var(--vm7r4e-margin-left,0px) - var(--vm7r4e-margin-right,0px)); min-height: min-content; border-style: var(--vm7r4e-borderStyle,solid); border-color: var(--vm7r4e-borderColor,#000000); border-width: var(--vm7r4e-borderWidth-tl,0px) var(--vm7r4e-borderWidth-tr,0px) var(--vm7r4e-borderWidth-br,0px) var(--vm7r4e-borderWidth-bl,0px); border-radius: var(--vm7r4e-borderRadius-tl,0px) var(--vm7r4e-borderRadius-tr,0px) var(--vm7r4e-borderRadius-br,0px) var(--vm7r4e-borderRadius-bl,0px); aspect-ratio: var(--vm7r4e-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--vm7r4e-borderWidth-tl-tablet, var(--vm7r4e-borderWidth-tl,0px)) var(--vm7r4e-borderWidth-tr-tablet, var(--vm7r4e-borderWidth-tr,0px)) var(--vm7r4e-borderWidth-br-tablet, var(--vm7r4e-borderWidth-br,0px)) var(--vm7r4e-borderWidth-bl-tablet, var(--vm7r4e-borderWidth-bl,0px)); border-radius: var(--vm7r4e-borderRadius-tl-tablet, var(--vm7r4e-borderRadius-tl,0px)) var(--vm7r4e-borderRadius-tr-tablet, var(--vm7r4e-borderRadius-tr,0px)) var(--vm7r4e-borderRadius-br-tablet, var(--vm7r4e-borderRadius-br,0px)) var(--vm7r4e-borderRadius-bl-tablet, var(--vm7r4e-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--vm7r4e-borderWidth-tl-mobile, var(--vm7r4e-borderWidth-tl,0px)) var(--vm7r4e-borderWidth-tr-mobile, var(--vm7r4e-borderWidth-tr,0px)) var(--vm7r4e-borderWidth-br-mobile, var(--vm7r4e-borderWidth-br,0px)) var(--vm7r4e-borderWidth-bl-mobile, var(--vm7r4e-borderWidth-bl,0px)); border-radius: var(--vm7r4e-borderRadius-tl-mobile, var(--vm7r4e-borderRadius-tl,0px)) var(--vm7r4e-borderRadius-tr-mobile, var(--vm7r4e-borderRadius-tr,0px)) var(--vm7r4e-borderRadius-br-mobile, var(--vm7r4e-borderRadius-br,0px)) var(--vm7r4e-borderRadius-bl-mobile, var(--vm7r4e-borderRadius-bl,0px)); } box-shadow: if( style(--vm7r4e-enableShadow: true): var(--vm7r4e-shadowHorizontal, 0) var(--vm7r4e-shadowVertical, 0) var(--vm7r4e-shadowBlur, 0) 1px var(--vm7r4e-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--vm7r4e-overlayColor-color, #000); opacity: var(--vm7r4e-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--vm7r4e-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--vm7r4e-width-tablet,var(--vm7r4e-width,100%)) - var(--vm7r4e-margin-left-tablet,var(--vm7r4e-margin-left,0px)) - var(--vm7r4e-margin-right-tablet,var(--vm7r4e-margin-right,0px))); aspect-ratio: var(--vm7r4e-imageRatio-tablet, var(--vm7r4e-imageRatio, auto)); img { object-fit: var(--vm7r4e-objFit-tablet, var(--vm7r4e-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--vm7r4e-width-mobile,var(--vm7r4e-width,100%)) - var(--vm7r4e-margin-left-mobile,var(--vm7r4e-margin-left,0px)) - var(--vm7r4e-margin-right-mobile,var(--vm7r4e-margin-right,0px))); aspect-ratio: var(--vm7r4e-imageRatio-mobile, var(--vm7r4e-imageRatio, auto)); img { object-fit: var(--vm7r4e-objFit-mobile, var(--vm7r4e-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-dujfey"] { --dujfey-typography: h4; --dujfey-typography-tablet: h4; --dujfey-typography-mobile: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-h4-text-align: center; --dujfey-margin-top: 20px; --dujfey-margin-top-tablet: 20px; --dujfey-margin-top-mobile: 20px; --dujfey-margin-right: 0px; --dujfey-margin-right-tablet: 0px; --dujfey-margin-right-mobile: 0px; --dujfey-margin-bottom: 8px; --dujfey-margin-bottom-tablet: 8px; --dujfey-margin-bottom-mobile: 8px; --dujfey-margin-left: 0px; --dujfey-margin-left-tablet: 0px; --dujfey-margin-left-mobile: 0px; }[data-bnode="beae-dujfey"] { margin-top: var(--dujfey-margin-top, 0px); margin-right: var(--dujfey-margin-right, 0px); margin-bottom: var(--dujfey-margin-bottom, 0px); margin-left: var(--dujfey-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dujfey-margin-top-tablet, 0px); margin-right: var(--dujfey-margin-right-tablet, 0px); margin-bottom: var(--dujfey-margin-bottom-tablet, 0px); margin-left: var(--dujfey-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dujfey-margin-top-mobile, 0px); margin-right: var(--dujfey-margin-right-mobile, 0px); margin-bottom: var(--dujfey-margin-bottom-mobile, 0px); margin-left: var(--dujfey-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--dujfey-highlightColor,var(--beae-p-color)); top: var(--dujfey-highlightTop, 100%); } }[data-bnode="beae-wpl0dk"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --wpl0dk-typography: p2; --wpl0dk-typography-tablet: p2; --wpl0dk-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-wpl0dk"] { margin-top: var(--wpl0dk-margin-top, 0px); margin-right: var(--wpl0dk-margin-right, 0px); margin-bottom: var(--wpl0dk-margin-bottom, 0px); margin-left: var(--wpl0dk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wpl0dk-margin-top-tablet, 0px); margin-right: var(--wpl0dk-margin-right-tablet, 0px); margin-bottom: var(--wpl0dk-margin-bottom-tablet, 0px); margin-left: var(--wpl0dk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wpl0dk-margin-top-mobile, 0px); margin-right: var(--wpl0dk-margin-right-mobile, 0px); margin-bottom: var(--wpl0dk-margin-bottom-mobile, 0px); margin-left: var(--wpl0dk-margin-left-mobile, 0px); } }[data-bnode="beae-nxsrc6"] { --nxsrc6-direction: column; --nxsrc6-direction-tablet: column; --nxsrc6-direction-mobile: column; --nxsrc6-structure: columns; --nxsrc6-structure-tablet: columns; --nxsrc6-structure-mobile: columns; }[data-bnode="beae-nxsrc6"] { padding-top: var(--nxsrc6-padding-top, 0px); padding-right: var(--nxsrc6-padding-right, 0px); padding-bottom: var(--nxsrc6-padding-bottom, 0px); padding-left: var(--nxsrc6-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--nxsrc6-padding-top-tablet, 0px); padding-right: var(--nxsrc6-padding-right-tablet, 0px); padding-bottom: var(--nxsrc6-padding-bottom-tablet, 0px); padding-left: var(--nxsrc6-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--nxsrc6-padding-top-mobile, 0px); padding-right: var(--nxsrc6-padding-right-mobile, 0px); padding-bottom: var(--nxsrc6-padding-bottom-mobile, 0px); padding-left: var(--nxsrc6-padding-left-mobile, 0px); } width: calc(100% - var(--nxsrc6-padding-left, 0px) - var(--nxsrc6-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--nxsrc6-background-imageRatio, auto); background: var(--nxsrc6-background-color); border-style: var(--nxsrc6-borderStyle,solid); border-color: var(--nxsrc6-borderColor,#000000); border-width: var(--nxsrc6-borderWidth-tl,0px) var(--nxsrc6-borderWidth-tr,0px) var(--nxsrc6-borderWidth-br,0px) var(--nxsrc6-borderWidth-bl,0px); border-radius: var(--nxsrc6-borderRadius-tl,0px) var(--nxsrc6-borderRadius-tr,0px) var(--nxsrc6-borderRadius-br,0px) var(--nxsrc6-borderRadius-bl,0px); box-shadow: if(style(--nxsrc6-enableShadow: true): var(--nxsrc6-shadowHorizontal,0) var(--nxsrc6-shadowVertical,0) var(--nxsrc6-shadowBlur,0) 1px var(--nxsrc6-shadowColor,#000000); else: none); max-width: var(--nxsrc6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--nxsrc6-background-imageRatio-tablet, var(--nxsrc6-background-imageRatio, auto)); border-width: var(--nxsrc6-borderWidth-tl-tablet,0px) var(--nxsrc6-borderWidth-tr-tablet,0px) var(--nxsrc6-borderWidth-br-tablet,0px) var(--nxsrc6-borderWidth-bl-tablet,0px); border-radius: var(--nxsrc6-borderRadius-tl-tablet,0px) var(--nxsrc6-borderRadius-tr-tablet,0px) var(--nxsrc6-borderRadius-br-tablet,0px) var(--nxsrc6-borderRadius-bl-tablet,0px); max-width: var(--nxsrc6-max-width-tablet, var(--nxsrc6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--nxsrc6-background-imageRatio-mobile, var(--nxsrc6-background-imageRatio, auto)); border-width: var(--nxsrc6-borderWidth-tl-mobile,0px) var(--nxsrc6-borderWidth-tr-mobile,0px) var(--nxsrc6-borderWidth-br-mobile,0px) var(--nxsrc6-borderWidth-bl-mobile,0px); border-radius: var(--nxsrc6-borderRadius-tl-mobile,0px) var(--nxsrc6-borderRadius-tr-mobile,0px) var(--nxsrc6-borderRadius-br-mobile,0px) var(--nxsrc6-borderRadius-bl-mobile,0px); max-width: var(--nxsrc6-max-width-mobile, var(--nxsrc6-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-nxsrc6"] {     display: flex;     flex-direction: var(--nxsrc6-direction, column);     flex-wrap: nowrap;     justify-content: var(--nxsrc6-justify-content);     align-items: var(--nxsrc6-align-items);     gap: var(--nxsrc6-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-nxsrc6"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--nxsrc6-padding-right-tablet, 0px) - var(--nxsrc6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-nxsrc6"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--nxsrc6-padding-right-mobile, 0px) - var(--nxsrc6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-y9golg"] { --y9golg-width: 100%; --y9golg-width-tablet: 100%; --y9golg-width-mobile: 100%; --y9golg-imageRatio: 5/7; --y9golg-imageRatio-tablet: 5/7; --y9golg-imageRatio-mobile: 5/7; --y9golg-objFit: cover; --y9golg-objFit-tablet: cover; --y9golg-objFit-mobile: cover; --y9golg-borderColor: #d7c1c1; --y9golg-borderColor-tablet: #d7c1c1; --y9golg-borderColor-mobile: #d7c1c1; --y9golg-shadowColor: #000000; --y9golg-shadowColor-tablet: #000000; --y9golg-shadowColor-mobile: #000000; --y9golg-borderStyle: solid; --y9golg-borderStyle-tablet: solid; --y9golg-borderStyle-mobile: solid; --y9golg-enableShadow: false; --y9golg-enableShadow-tablet: false; --y9golg-enableShadow-mobile: false; --y9golg-borderRadius-tl: 12px; --y9golg-borderRadius-tl-tablet: 12px; --y9golg-borderRadius-tl-mobile: 12px; --y9golg-borderRadius-tr: 12px; --y9golg-borderRadius-tr-tablet: 12px; --y9golg-borderRadius-tr-mobile: 12px; --y9golg-borderRadius-bl: 12px; --y9golg-borderRadius-bl-tablet: 12px; --y9golg-borderRadius-bl-mobile: 12px; --y9golg-borderRadius-br: 12px; --y9golg-borderRadius-br-tablet: 12px; --y9golg-borderRadius-br-mobile: 12px; --y9golg-borderWidth-tl: 1px; --y9golg-borderWidth-tl-tablet: 1px; --y9golg-borderWidth-tl-mobile: 1px; --y9golg-borderWidth-tr: 1px; --y9golg-borderWidth-tr-tablet: 1px; --y9golg-borderWidth-tr-mobile: 1px; --y9golg-borderWidth-bl: 1px; --y9golg-borderWidth-bl-tablet: 1px; --y9golg-borderWidth-bl-mobile: 1px; --y9golg-borderWidth-br: 1px; --y9golg-borderWidth-br-tablet: 1px; --y9golg-borderWidth-br-mobile: 1px; }[data-bnode="beae-y9golg"] { margin-top: var(--y9golg-margin-top, 0px); margin-right: var(--y9golg-margin-right, 0px); margin-bottom: var(--y9golg-margin-bottom, 0px); margin-left: var(--y9golg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--y9golg-margin-top-tablet, 0px); margin-right: var(--y9golg-margin-right-tablet, 0px); margin-bottom: var(--y9golg-margin-bottom-tablet, 0px); margin-left: var(--y9golg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--y9golg-margin-top-mobile, 0px); margin-right: var(--y9golg-margin-right-mobile, 0px); margin-bottom: var(--y9golg-margin-bottom-mobile, 0px); margin-left: var(--y9golg-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--y9golg-width,100%) - var(--y9golg-margin-left,0px) - var(--y9golg-margin-right,0px)); min-height: min-content; border-style: var(--y9golg-borderStyle,solid); border-color: var(--y9golg-borderColor,#000000); border-width: var(--y9golg-borderWidth-tl,0px) var(--y9golg-borderWidth-tr,0px) var(--y9golg-borderWidth-br,0px) var(--y9golg-borderWidth-bl,0px); border-radius: var(--y9golg-borderRadius-tl,0px) var(--y9golg-borderRadius-tr,0px) var(--y9golg-borderRadius-br,0px) var(--y9golg-borderRadius-bl,0px); aspect-ratio: var(--y9golg-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--y9golg-borderWidth-tl-tablet, var(--y9golg-borderWidth-tl,0px)) var(--y9golg-borderWidth-tr-tablet, var(--y9golg-borderWidth-tr,0px)) var(--y9golg-borderWidth-br-tablet, var(--y9golg-borderWidth-br,0px)) var(--y9golg-borderWidth-bl-tablet, var(--y9golg-borderWidth-bl,0px)); border-radius: var(--y9golg-borderRadius-tl-tablet, var(--y9golg-borderRadius-tl,0px)) var(--y9golg-borderRadius-tr-tablet, var(--y9golg-borderRadius-tr,0px)) var(--y9golg-borderRadius-br-tablet, var(--y9golg-borderRadius-br,0px)) var(--y9golg-borderRadius-bl-tablet, var(--y9golg-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--y9golg-borderWidth-tl-mobile, var(--y9golg-borderWidth-tl,0px)) var(--y9golg-borderWidth-tr-mobile, var(--y9golg-borderWidth-tr,0px)) var(--y9golg-borderWidth-br-mobile, var(--y9golg-borderWidth-br,0px)) var(--y9golg-borderWidth-bl-mobile, var(--y9golg-borderWidth-bl,0px)); border-radius: var(--y9golg-borderRadius-tl-mobile, var(--y9golg-borderRadius-tl,0px)) var(--y9golg-borderRadius-tr-mobile, var(--y9golg-borderRadius-tr,0px)) var(--y9golg-borderRadius-br-mobile, var(--y9golg-borderRadius-br,0px)) var(--y9golg-borderRadius-bl-mobile, var(--y9golg-borderRadius-bl,0px)); } box-shadow: if( style(--y9golg-enableShadow: true): var(--y9golg-shadowHorizontal, 0) var(--y9golg-shadowVertical, 0) var(--y9golg-shadowBlur, 0) 1px var(--y9golg-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--y9golg-overlayColor-color, #000); opacity: var(--y9golg-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--y9golg-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--y9golg-width-tablet,var(--y9golg-width,100%)) - var(--y9golg-margin-left-tablet,var(--y9golg-margin-left,0px)) - var(--y9golg-margin-right-tablet,var(--y9golg-margin-right,0px))); aspect-ratio: var(--y9golg-imageRatio-tablet, var(--y9golg-imageRatio, auto)); img { object-fit: var(--y9golg-objFit-tablet, var(--y9golg-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--y9golg-width-mobile,var(--y9golg-width,100%)) - var(--y9golg-margin-left-mobile,var(--y9golg-margin-left,0px)) - var(--y9golg-margin-right-mobile,var(--y9golg-margin-right,0px))); aspect-ratio: var(--y9golg-imageRatio-mobile, var(--y9golg-imageRatio, auto)); img { object-fit: var(--y9golg-objFit-mobile, var(--y9golg-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-7eb31y"] { --7eb31y-typography: h4; --7eb31y-typography-tablet: h4; --7eb31y-typography-mobile: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-h4-text-align: center; --7eb31y-margin-top: 20px; --7eb31y-margin-top-tablet: 20px; --7eb31y-margin-top-mobile: 20px; --7eb31y-margin-right: 0px; --7eb31y-margin-right-tablet: 0px; --7eb31y-margin-right-mobile: 0px; --7eb31y-margin-bottom: 8px; --7eb31y-margin-bottom-tablet: 8px; --7eb31y-margin-bottom-mobile: 8px; --7eb31y-margin-left: 0px; --7eb31y-margin-left-tablet: 0px; --7eb31y-margin-left-mobile: 0px; }[data-bnode="beae-7eb31y"] { margin-top: var(--7eb31y-margin-top, 0px); margin-right: var(--7eb31y-margin-right, 0px); margin-bottom: var(--7eb31y-margin-bottom, 0px); margin-left: var(--7eb31y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7eb31y-margin-top-tablet, 0px); margin-right: var(--7eb31y-margin-right-tablet, 0px); margin-bottom: var(--7eb31y-margin-bottom-tablet, 0px); margin-left: var(--7eb31y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7eb31y-margin-top-mobile, 0px); margin-right: var(--7eb31y-margin-right-mobile, 0px); margin-bottom: var(--7eb31y-margin-bottom-mobile, 0px); margin-left: var(--7eb31y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--7eb31y-highlightColor,var(--beae-p-color)); top: var(--7eb31y-highlightTop, 100%); } }[data-bnode="beae-c6jg7n"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --c6jg7n-typography: p2; --c6jg7n-typography-tablet: p2; --c6jg7n-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-c6jg7n"] { margin-top: var(--c6jg7n-margin-top, 0px); margin-right: var(--c6jg7n-margin-right, 0px); margin-bottom: var(--c6jg7n-margin-bottom, 0px); margin-left: var(--c6jg7n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c6jg7n-margin-top-tablet, 0px); margin-right: var(--c6jg7n-margin-right-tablet, 0px); margin-bottom: var(--c6jg7n-margin-bottom-tablet, 0px); margin-left: var(--c6jg7n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c6jg7n-margin-top-mobile, 0px); margin-right: var(--c6jg7n-margin-right-mobile, 0px); margin-bottom: var(--c6jg7n-margin-bottom-mobile, 0px); margin-left: var(--c6jg7n-margin-left-mobile, 0px); } }[data-bnode="beae-k9ee5c"] { --k9ee5c-width: 100%; --k9ee5c-width-tablet: 100%; --k9ee5c-width-mobile: 100%; --k9ee5c-height: fit-content; --k9ee5c-height-tablet: fit-content; --k9ee5c-height-mobile: fit-content; --k9ee5c-padding-top: 112px; --k9ee5c-padding-top-tablet: 80px; --k9ee5c-padding-top-mobile: 56px; --k9ee5c-padding-bottom: 112px; --k9ee5c-padding-bottom-tablet: 80px; --k9ee5c-padding-bottom-mobile: 56px; --k9ee5c-padding-right: 30px; --k9ee5c-padding-right-tablet: 30px; --k9ee5c-padding-right-mobile: 16px; --k9ee5c-padding-left: 30px; --k9ee5c-padding-left-tablet: 30px; --k9ee5c-padding-left-mobile: 16px; --k9ee5c-direction: column; --k9ee5c-direction-tablet: column; --k9ee5c-direction-mobile: column; --k9ee5c-gap: 40px; --k9ee5c-gap-tablet: 32px; --k9ee5c-gap-mobile: 32px; --k9ee5c-align-items: center; --k9ee5c-align-items-tablet: center; --k9ee5c-align-items-mobile: center; }[data-bnode="beae-k9ee5c"] { padding-top: var(--k9ee5c-padding-top, 0px); padding-right: var(--k9ee5c-padding-right, 0px); padding-bottom: var(--k9ee5c-padding-bottom, 0px); padding-left: var(--k9ee5c-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--k9ee5c-padding-top-tablet, 0px); padding-right: var(--k9ee5c-padding-right-tablet, 0px); padding-bottom: var(--k9ee5c-padding-bottom-tablet, 0px); padding-left: var(--k9ee5c-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--k9ee5c-padding-top-mobile, 0px); padding-right: var(--k9ee5c-padding-right-mobile, 0px); padding-bottom: var(--k9ee5c-padding-bottom-mobile, 0px); padding-left: var(--k9ee5c-padding-left-mobile, 0px); } width: calc(100% - var(--k9ee5c-padding-left, 0px) - var(--k9ee5c-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--k9ee5c-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--k9ee5c-height); width: 100%; max-width: var(--k9ee5c-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(--k9ee5c-background-color-tablet, var(--k9ee5c-background-color)); & .beae-section-container { height: var(--k9ee5c-height-tablet, auto); width: 100%; max-width: var(--k9ee5c-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--k9ee5c-background-color-mobile, var(--k9ee5c-background-color-tablet, var(--k9ee5c-background-color))); & .beae-section-container { height: var(--k9ee5c-height-mobile, auto); width: 100%; max-width: var(--k9ee5c-width-mobile, 100%); } } } }[data-bnode="beae-k9ee5c"] > .beae-section-container{     display: flex;     flex-direction: var(--k9ee5c-direction, column);     flex-wrap: nowrap;     justify-content: var(--k9ee5c-justify-content);     align-items: var(--k9ee5c-align-items);     gap: var(--k9ee5c-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-k9ee5c"] > .beae-section-container{                            gap: var(--k9ee5c-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(--k9ee5c-padding-right-tablet, 0px) - var(--k9ee5c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-k9ee5c"] > .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(--k9ee5c-padding-right-mobile, 0px) - var(--k9ee5c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ax2aay"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #100A0A; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --ax2aay-typography: h2; --ax2aay-typography-tablet: h2; --ax2aay-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-ax2aay"] { margin-top: var(--ax2aay-margin-top, 0px); margin-right: var(--ax2aay-margin-right, 0px); margin-bottom: var(--ax2aay-margin-bottom, 0px); margin-left: var(--ax2aay-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ax2aay-margin-top-tablet, 0px); margin-right: var(--ax2aay-margin-right-tablet, 0px); margin-bottom: var(--ax2aay-margin-bottom-tablet, 0px); margin-left: var(--ax2aay-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ax2aay-margin-top-mobile, 0px); margin-right: var(--ax2aay-margin-right-mobile, 0px); margin-bottom: var(--ax2aay-margin-bottom-mobile, 0px); margin-left: var(--ax2aay-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ax2aay-highlightColor,var(--beae-p-color)); top: var(--ax2aay-highlightTop, 100%); } }[data-bnode="beae-pkrbeg"] { --pkrbeg-gap: 32px; --pkrbeg-gap-tablet: 32px; --pkrbeg-gap-mobile: 32px; --pkrbeg-direction: row; --pkrbeg-direction-tablet: row; --pkrbeg-direction-mobile: column; --pkrbeg-max-width: 1600px; --pkrbeg-max-width-tablet: 1600px; --pkrbeg-max-width-mobile: 1600px; }[data-bnode="beae-pkrbeg"] { padding-top: var(--pkrbeg-padding-top, 0px); padding-right: var(--pkrbeg-padding-right, 0px); padding-bottom: var(--pkrbeg-padding-bottom, 0px); padding-left: var(--pkrbeg-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pkrbeg-padding-top-tablet, 0px); padding-right: var(--pkrbeg-padding-right-tablet, 0px); padding-bottom: var(--pkrbeg-padding-bottom-tablet, 0px); padding-left: var(--pkrbeg-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--pkrbeg-padding-top-mobile, 0px); padding-right: var(--pkrbeg-padding-right-mobile, 0px); padding-bottom: var(--pkrbeg-padding-bottom-mobile, 0px); padding-left: var(--pkrbeg-padding-left-mobile, 0px); } width: calc(100% - var(--pkrbeg-padding-left, 0px) - var(--pkrbeg-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pkrbeg-background-imageRatio, auto); background: var(--pkrbeg-background-color); border-style: var(--pkrbeg-borderStyle,solid); border-color: var(--pkrbeg-borderColor,#000000); border-width: var(--pkrbeg-borderWidth-tl,0px) var(--pkrbeg-borderWidth-tr,0px) var(--pkrbeg-borderWidth-br,0px) var(--pkrbeg-borderWidth-bl,0px); border-radius: var(--pkrbeg-borderRadius-tl,0px) var(--pkrbeg-borderRadius-tr,0px) var(--pkrbeg-borderRadius-br,0px) var(--pkrbeg-borderRadius-bl,0px); box-shadow: if(style(--pkrbeg-enableShadow: true): var(--pkrbeg-shadowHorizontal,0) var(--pkrbeg-shadowVertical,0) var(--pkrbeg-shadowBlur,0) 1px var(--pkrbeg-shadowColor,#000000); else: none); max-width: var(--pkrbeg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pkrbeg-background-imageRatio-tablet, var(--pkrbeg-background-imageRatio, auto)); border-width: var(--pkrbeg-borderWidth-tl-tablet,0px) var(--pkrbeg-borderWidth-tr-tablet,0px) var(--pkrbeg-borderWidth-br-tablet,0px) var(--pkrbeg-borderWidth-bl-tablet,0px); border-radius: var(--pkrbeg-borderRadius-tl-tablet,0px) var(--pkrbeg-borderRadius-tr-tablet,0px) var(--pkrbeg-borderRadius-br-tablet,0px) var(--pkrbeg-borderRadius-bl-tablet,0px); max-width: var(--pkrbeg-max-width-tablet, var(--pkrbeg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pkrbeg-background-imageRatio-mobile, var(--pkrbeg-background-imageRatio, auto)); border-width: var(--pkrbeg-borderWidth-tl-mobile,0px) var(--pkrbeg-borderWidth-tr-mobile,0px) var(--pkrbeg-borderWidth-br-mobile,0px) var(--pkrbeg-borderWidth-bl-mobile,0px); border-radius: var(--pkrbeg-borderRadius-tl-mobile,0px) var(--pkrbeg-borderRadius-tr-mobile,0px) var(--pkrbeg-borderRadius-br-mobile,0px) var(--pkrbeg-borderRadius-bl-mobile,0px); max-width: var(--pkrbeg-max-width-mobile, var(--pkrbeg-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-pkrbeg"] {     display: flex;     flex-direction: var(--pkrbeg-direction, column);     flex-wrap: nowrap;     justify-content: var(--pkrbeg-justify-content);     align-items: var(--pkrbeg-align-items);     gap: var(--pkrbeg-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pkrbeg"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--pkrbeg-padding-right-tablet, 0px) - var(--pkrbeg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pkrbeg"] {      flex-direction: var(--pkrbeg-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-0v8yul"] { --0v8yul-columns: 4; --0v8yul-columns-tablet: 4; --0v8yul-columns-mobile: 1; --0v8yul-gap: 32px; --0v8yul-gap-tablet: 16px; --0v8yul-gap-mobile: 16px; --0v8yul-navType: false; --0v8yul-navType-tablet: false; --0v8yul-navType-mobile: false; --0v8yul-pagiType: false; --0v8yul-pagiType-tablet: false; --0v8yul-pagiType-mobile: false; --0v8yul-listType: slider; --0v8yul-listType-tablet: slider; --0v8yul-listType-mobile: grid; --0v8yul-stateNavigation: normal; --0v8yul-stateNavigation-tablet: normal; --0v8yul-stateNavigation-mobile: normal; --0v8yul-statePagination: normal; --0v8yul-statePagination-tablet: normal; --0v8yul-statePagination-mobile: normal; --0v8yul-stateNavigtion: normal; --0v8yul-stateNavigtion-tablet: normal; --0v8yul-stateNavigtion-mobile: normal; --0v8yul-columnsMobile-mobile: 2; } [data-bnode="beae-0v8yul"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-0v8yul"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-0v8yul"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-0v8yul"] [data-bnode="beae-5uc9l5"] { --5uc9l5-width: 56px; --5uc9l5-imageRatio: 1/1; --5uc9l5-objFit: cover; --5uc9l5-borderColor: #000000; --5uc9l5-shadowColor: #000000; --5uc9l5-borderStyle: none; --5uc9l5-enableShadow: false; } [data-bnode="beae-0v8yul"] [data-bnode="beae-23qoa5"] { --23qoa5-typography: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-h3-font-size: 24px; --beae-h3-font-size-tablet: 24px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #100A0A; --beae-h3-font-weight: 500; --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; --beae-h4-text-align: center; --23qoa5-margin-top: 10px; --23qoa5-margin-right: 0px; --23qoa5-margin-bottom: 0px; --23qoa5-margin-left: 0px; } [data-bnode="beae-0v8yul"] [data-bnode="beae-mi36l2"] { --mi36l2-typography: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-p2-text-align: center; } [data-bnode="beae-0v8yul"] [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: 10px; --be-ctl-item-gap-tablet: 10px; --be-ctl-item-gap-mobile: 10px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-0v8yul"] { margin-top: var(--0v8yul-margin-top, 0px); margin-right: var(--0v8yul-margin-right, 0px); margin-bottom: var(--0v8yul-margin-bottom, 0px); margin-left: var(--0v8yul-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0v8yul-margin-top-tablet, 0px); margin-right: var(--0v8yul-margin-right-tablet, 0px); margin-bottom: var(--0v8yul-margin-bottom-tablet, 0px); margin-left: var(--0v8yul-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0v8yul-margin-top-mobile, 0px); margin-right: var(--0v8yul-margin-right-mobile, 0px); margin-bottom: var(--0v8yul-margin-bottom-mobile, 0px); margin-left: var(--0v8yul-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--0v8yul-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--0v8yul-gap,20px) * (var(--0v8yul-columns, 3) - 1) + 1px) / var(--0v8yul-columns, 3)); &:last-child{ margin-right: var(--0v8yul-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(--0v8yul-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--0v8yul-columns) - 1) * var(--0v8yul-gap,20px)) / var(--0v8yul-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--0v8yul-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--0v8yul-gap-tablet,20px) * (var(--0v8yul-columns-tablet, 3) - 1)) / var(--0v8yul-columns-tablet, 3)); &:last-child{ margin-right: var(--0v8yul-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(--0v8yul-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--0v8yul-columns-tablet) - 1) * var(--0v8yul-gap-tablet,20px)) / var(--0v8yul-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--0v8yul-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--0v8yul-gap-mobile,20px) * (var(--0v8yul-columnsMobile-mobile, 1) - 1)) / var(--0v8yul-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--0v8yul-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(--0v8yul-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--0v8yul-columnsMobile-mobile) - 1) * var(--0v8yul-gap-mobile,20px)) / var(--0v8yul-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--0v8yul-navPadding,12px); background:var(--0v8yul-navBg,#F5F5F5); color: var(--0v8yul-navColor,#333333); cursor: pointer; &:hover { background:var(--0v8yul-navBgHover,#CCCCCC); color: var(--0v8yul-navColorHover,#333333); } svg { width: var(--0v8yul-navIconSize,20px); height: var(--0v8yul-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--0v8yul-pagiBg,#E6E6E6); &.active { background:var(--0v8yul-pagiBgActive,#181818); } &:not(.active):hover { background:var(--0v8yul-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--0v8yul-pagiColor,#e6e6e6); &.active { color:var(--0v8yul-pagiColorActive,#181818); } &:not(.active):hover { color: var(--0v8yul-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--0v8yul-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--0v8yul-pagiBg,#E6E6E6); &.active { background: var(--0v8yul-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--0v8yul-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-0v8yul"] [data-bnode="beae-5uc9l5"] { margin-top: var(--5uc9l5-margin-top, 0px); margin-right: var(--5uc9l5-margin-right, 0px); margin-bottom: var(--5uc9l5-margin-bottom, 0px); margin-left: var(--5uc9l5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5uc9l5-margin-top-tablet, 0px); margin-right: var(--5uc9l5-margin-right-tablet, 0px); margin-bottom: var(--5uc9l5-margin-bottom-tablet, 0px); margin-left: var(--5uc9l5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5uc9l5-margin-top-mobile, 0px); margin-right: var(--5uc9l5-margin-right-mobile, 0px); margin-bottom: var(--5uc9l5-margin-bottom-mobile, 0px); margin-left: var(--5uc9l5-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--5uc9l5-width,100%) - var(--5uc9l5-margin-left,0px) - var(--5uc9l5-margin-right,0px)); min-height: min-content; border-style: var(--5uc9l5-borderStyle,solid); border-color: var(--5uc9l5-borderColor,#000000); border-width: var(--5uc9l5-borderWidth-tl,0px) var(--5uc9l5-borderWidth-tr,0px) var(--5uc9l5-borderWidth-br,0px) var(--5uc9l5-borderWidth-bl,0px); border-radius: var(--5uc9l5-borderRadius-tl,0px) var(--5uc9l5-borderRadius-tr,0px) var(--5uc9l5-borderRadius-br,0px) var(--5uc9l5-borderRadius-bl,0px); aspect-ratio: var(--5uc9l5-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5uc9l5-borderWidth-tl-tablet, var(--5uc9l5-borderWidth-tl,0px)) var(--5uc9l5-borderWidth-tr-tablet, var(--5uc9l5-borderWidth-tr,0px)) var(--5uc9l5-borderWidth-br-tablet, var(--5uc9l5-borderWidth-br,0px)) var(--5uc9l5-borderWidth-bl-tablet, var(--5uc9l5-borderWidth-bl,0px)); border-radius: var(--5uc9l5-borderRadius-tl-tablet, var(--5uc9l5-borderRadius-tl,0px)) var(--5uc9l5-borderRadius-tr-tablet, var(--5uc9l5-borderRadius-tr,0px)) var(--5uc9l5-borderRadius-br-tablet, var(--5uc9l5-borderRadius-br,0px)) var(--5uc9l5-borderRadius-bl-tablet, var(--5uc9l5-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--5uc9l5-borderWidth-tl-mobile, var(--5uc9l5-borderWidth-tl,0px)) var(--5uc9l5-borderWidth-tr-mobile, var(--5uc9l5-borderWidth-tr,0px)) var(--5uc9l5-borderWidth-br-mobile, var(--5uc9l5-borderWidth-br,0px)) var(--5uc9l5-borderWidth-bl-mobile, var(--5uc9l5-borderWidth-bl,0px)); border-radius: var(--5uc9l5-borderRadius-tl-mobile, var(--5uc9l5-borderRadius-tl,0px)) var(--5uc9l5-borderRadius-tr-mobile, var(--5uc9l5-borderRadius-tr,0px)) var(--5uc9l5-borderRadius-br-mobile, var(--5uc9l5-borderRadius-br,0px)) var(--5uc9l5-borderRadius-bl-mobile, var(--5uc9l5-borderRadius-bl,0px)); } box-shadow: if( style(--5uc9l5-enableShadow: true): var(--5uc9l5-shadowHorizontal, 0) var(--5uc9l5-shadowVertical, 0) var(--5uc9l5-shadowBlur, 0) 1px var(--5uc9l5-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--5uc9l5-overlayColor-color, #000); opacity: var(--5uc9l5-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--5uc9l5-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--5uc9l5-width-tablet,var(--5uc9l5-width,100%)) - var(--5uc9l5-margin-left-tablet,var(--5uc9l5-margin-left,0px)) - var(--5uc9l5-margin-right-tablet,var(--5uc9l5-margin-right,0px))); aspect-ratio: var(--5uc9l5-imageRatio-tablet, var(--5uc9l5-imageRatio, auto)); img { object-fit: var(--5uc9l5-objFit-tablet, var(--5uc9l5-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--5uc9l5-width-mobile,var(--5uc9l5-width,100%)) - var(--5uc9l5-margin-left-mobile,var(--5uc9l5-margin-left,0px)) - var(--5uc9l5-margin-right-mobile,var(--5uc9l5-margin-right,0px))); aspect-ratio: var(--5uc9l5-imageRatio-mobile, var(--5uc9l5-imageRatio, auto)); img { object-fit: var(--5uc9l5-objFit-mobile, var(--5uc9l5-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-0v8yul"] [data-bnode="beae-23qoa5"] { margin-top: var(--23qoa5-margin-top, 0px); margin-right: var(--23qoa5-margin-right, 0px); margin-bottom: var(--23qoa5-margin-bottom, 0px); margin-left: var(--23qoa5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--23qoa5-margin-top-tablet, 0px); margin-right: var(--23qoa5-margin-right-tablet, 0px); margin-bottom: var(--23qoa5-margin-bottom-tablet, 0px); margin-left: var(--23qoa5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--23qoa5-margin-top-mobile, 0px); margin-right: var(--23qoa5-margin-right-mobile, 0px); margin-bottom: var(--23qoa5-margin-bottom-mobile, 0px); margin-left: var(--23qoa5-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--23qoa5-highlightColor,var(--beae-p-color)); top: var(--23qoa5-highlightTop, 100%); } } [data-bnode="beae-0v8yul"] [data-bnode="beae-mi36l2"] { margin-top: var(--mi36l2-margin-top, 0px); margin-right: var(--mi36l2-margin-right, 0px); margin-bottom: var(--mi36l2-margin-bottom, 0px); margin-left: var(--mi36l2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mi36l2-margin-top-tablet, 0px); margin-right: var(--mi36l2-margin-right-tablet, 0px); margin-bottom: var(--mi36l2-margin-bottom-tablet, 0px); margin-left: var(--mi36l2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mi36l2-margin-top-mobile, 0px); margin-right: var(--mi36l2-margin-right-mobile, 0px); margin-bottom: var(--mi36l2-margin-bottom-mobile, 0px); margin-left: var(--mi36l2-margin-left-mobile, 0px); } } [data-bnode="beae-0v8yul"] [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-0v8yul"] [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-0v8yul"] [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-0v8yul"] [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));           }                      }    }[data-bnode="beae-do4ozu"] { --do4ozu-width: 100%; --do4ozu-width-tablet: 100%; --do4ozu-width-mobile: 100%; --do4ozu-height: fit-content; --do4ozu-height-tablet: fit-content; --do4ozu-height-mobile: fit-content; --do4ozu-padding-top: 112px; --do4ozu-padding-top-tablet: 80px; --do4ozu-padding-top-mobile: 56px; --do4ozu-padding-bottom: 112px; --do4ozu-padding-bottom-tablet: 80px; --do4ozu-padding-bottom-mobile: 56px; --do4ozu-padding-right: 30px; --do4ozu-padding-right-tablet: 30px; --do4ozu-padding-right-mobile: 16px; --do4ozu-padding-left: 30px; --do4ozu-padding-left-tablet: 30px; --do4ozu-padding-left-mobile: 16px; --do4ozu-background-type: color; --do4ozu-background-type-tablet: color; --do4ozu-background-type-mobile: color; --do4ozu-background-color: #FCF4EE; --do4ozu-background-color-tablet: #FCF4EE; --do4ozu-background-color-mobile: #FCF4EE; --do4ozu-direction: column; --do4ozu-direction-tablet: column; --do4ozu-direction-mobile: column; --do4ozu-align-items: center; --do4ozu-align-items-tablet: center; --do4ozu-align-items-mobile: center; }[data-bnode="beae-do4ozu"] { padding-top: var(--do4ozu-padding-top, 0px); padding-right: var(--do4ozu-padding-right, 0px); padding-bottom: var(--do4ozu-padding-bottom, 0px); padding-left: var(--do4ozu-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--do4ozu-padding-top-tablet, 0px); padding-right: var(--do4ozu-padding-right-tablet, 0px); padding-bottom: var(--do4ozu-padding-bottom-tablet, 0px); padding-left: var(--do4ozu-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--do4ozu-padding-top-mobile, 0px); padding-right: var(--do4ozu-padding-right-mobile, 0px); padding-bottom: var(--do4ozu-padding-bottom-mobile, 0px); padding-left: var(--do4ozu-padding-left-mobile, 0px); } width: calc(100% - var(--do4ozu-padding-left, 0px) - var(--do4ozu-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(--do4ozu-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--do4ozu-height); width: 100%; max-width: var(--do4ozu-width, 1280px); margin: 0 auto; justify-content: center; > * { 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(--do4ozu-background-color-tablet, var(--do4ozu-background-color)); & .beae-section-container { height: var(--do4ozu-height-tablet, auto); width: 100%; max-width: var(--do4ozu-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--do4ozu-background-color-mobile, var(--do4ozu-background-color-tablet, var(--do4ozu-background-color))); & .beae-section-container { height: var(--do4ozu-height-mobile, auto); width: 100%; max-width: var(--do4ozu-width-mobile, 100%); } } } }[data-bnode="beae-do4ozu"] > .beae-section-container{     display: flex;     flex-direction: var(--do4ozu-direction, column);     flex-wrap: nowrap;     justify-content: var(--do4ozu-justify-content);     align-items: var(--do4ozu-align-items);     gap: var(--do4ozu-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-do4ozu"] > .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(--do4ozu-padding-right-tablet, 0px) - var(--do4ozu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-do4ozu"] > .beae-section-container{      flex-direction: var(--do4ozu-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-m2q7pj"] { --m2q7pj-direction: row; --m2q7pj-direction-tablet: row; --m2q7pj-direction-mobile: column; --m2q7pj-structure: columns; --m2q7pj-structure-tablet: columns; --m2q7pj-structure-mobile: columns; --m2q7pj-gap: 40px; --m2q7pj-gap-tablet: 32px; --m2q7pj-gap-mobile: 20px; --m2q7pj-columns: 50.00,50.00; --m2q7pj-columns-tablet: 50.00,50.00; --m2q7pj-columns-mobile: 50.00,50.00; --m2q7pj-columnsPresetId: 50.00,50.00; --m2q7pj-columnsPresetId-tablet: 50.00,50.00; --m2q7pj-columnsPresetId-mobile: 50.00,50.00; --m2q7pj-borderStyle: solid; --m2q7pj-borderStyle-tablet: solid; --m2q7pj-borderStyle-mobile: solid; --m2q7pj-borderWidth-tl: 1px; --m2q7pj-borderWidth-tl-tablet: 1px; --m2q7pj-borderWidth-tl-mobile: 1px; --m2q7pj-borderWidth-tr: 1px; --m2q7pj-borderWidth-tr-tablet: 1px; --m2q7pj-borderWidth-tr-mobile: 1px; --m2q7pj-borderWidth-bl: 1px; --m2q7pj-borderWidth-bl-tablet: 1px; --m2q7pj-borderWidth-bl-mobile: 1px; --m2q7pj-borderWidth-br: 1px; --m2q7pj-borderWidth-br-tablet: 1px; --m2q7pj-borderWidth-br-mobile: 1px; --m2q7pj-borderColor: #d7c1c1; --m2q7pj-borderColor-tablet: #d7c1c1; --m2q7pj-borderColor-mobile: #d7c1c1; --m2q7pj-background-type: color; --m2q7pj-background-type-tablet: color; --m2q7pj-background-type-mobile: color; --m2q7pj-background-color: #ffffff; --m2q7pj-background-color-tablet: #ffffff; --m2q7pj-background-color-mobile: #ffffff; --m2q7pj-padding-top: 48px; --m2q7pj-padding-top-tablet: 32px; --m2q7pj-padding-top-mobile: 20px; --m2q7pj-padding-right: 48px; --m2q7pj-padding-right-tablet: 32px; --m2q7pj-padding-right-mobile: 20px; --m2q7pj-padding-bottom: 48px; --m2q7pj-padding-bottom-tablet: 32px; --m2q7pj-padding-bottom-mobile: 20px; --m2q7pj-padding-left: 48px; --m2q7pj-padding-left-tablet: 32px; --m2q7pj-padding-left-mobile: 20px; --m2q7pj-borderRadius-tl: 24px; --m2q7pj-borderRadius-tl-tablet: 24px; --m2q7pj-borderRadius-tl-mobile: 24px; --m2q7pj-borderRadius-tr: 24px; --m2q7pj-borderRadius-tr-tablet: 24px; --m2q7pj-borderRadius-tr-mobile: 24px; --m2q7pj-borderRadius-bl: 24px; --m2q7pj-borderRadius-bl-tablet: 24px; --m2q7pj-borderRadius-bl-mobile: 24px; --m2q7pj-borderRadius-br: 24px; --m2q7pj-borderRadius-br-tablet: 24px; --m2q7pj-borderRadius-br-mobile: 24px; --m2q7pj-align-items: flex-start; --m2q7pj-align-items-tablet: flex-start; --m2q7pj-align-items-mobile: flex-start; --m2q7pj-max-width: 1600px; --m2q7pj-max-width-tablet: 1600px; --m2q7pj-max-width-mobile: 1600px; }[data-bnode="beae-m2q7pj"] { padding-top: var(--m2q7pj-padding-top, 0px); padding-right: var(--m2q7pj-padding-right, 0px); padding-bottom: var(--m2q7pj-padding-bottom, 0px); padding-left: var(--m2q7pj-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--m2q7pj-padding-top-tablet, 0px); padding-right: var(--m2q7pj-padding-right-tablet, 0px); padding-bottom: var(--m2q7pj-padding-bottom-tablet, 0px); padding-left: var(--m2q7pj-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--m2q7pj-padding-top-mobile, 0px); padding-right: var(--m2q7pj-padding-right-mobile, 0px); padding-bottom: var(--m2q7pj-padding-bottom-mobile, 0px); padding-left: var(--m2q7pj-padding-left-mobile, 0px); } width: calc(100% - var(--m2q7pj-padding-left, 0px) - var(--m2q7pj-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow: clip; background: var(--m2q7pj-background-color); border-style: var(--m2q7pj-borderStyle,solid); border-color: var(--m2q7pj-borderColor,#000000); border-width: var(--m2q7pj-borderWidth-tl,0px) var(--m2q7pj-borderWidth-tr,0px) var(--m2q7pj-borderWidth-br,0px) var(--m2q7pj-borderWidth-bl,0px); border-radius: var(--m2q7pj-borderRadius-tl,0px) var(--m2q7pj-borderRadius-tr,0px) var(--m2q7pj-borderRadius-br,0px) var(--m2q7pj-borderRadius-bl,0px); box-shadow: if(style(--m2q7pj-enableShadow: true): var(--m2q7pj-shadowHorizontal,0) var(--m2q7pj-shadowVertical,0) var(--m2q7pj-shadowBlur,0) 1px var(--m2q7pj-shadowColor,#000000); else: none); max-width: var(--m2q7pj-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--m2q7pj-borderWidth-tl-tablet,0px) var(--m2q7pj-borderWidth-tr-tablet,0px) var(--m2q7pj-borderWidth-br-tablet,0px) var(--m2q7pj-borderWidth-bl-tablet,0px); border-radius: var(--m2q7pj-borderRadius-tl-tablet,0px) var(--m2q7pj-borderRadius-tr-tablet,0px) var(--m2q7pj-borderRadius-br-tablet,0px) var(--m2q7pj-borderRadius-bl-tablet,0px); max-width: var(--m2q7pj-max-width-tablet, var(--m2q7pj-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--m2q7pj-borderWidth-tl-mobile,0px) var(--m2q7pj-borderWidth-tr-mobile,0px) var(--m2q7pj-borderWidth-br-mobile,0px) var(--m2q7pj-borderWidth-bl-mobile,0px); border-radius: var(--m2q7pj-borderRadius-tl-mobile,0px) var(--m2q7pj-borderRadius-tr-mobile,0px) var(--m2q7pj-borderRadius-br-mobile,0px) var(--m2q7pj-borderRadius-bl-mobile,0px); max-width: var(--m2q7pj-max-width-mobile, var(--m2q7pj-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-m2q7pj"] {     display: flex;     flex-direction: var(--m2q7pj-direction, column);     flex-wrap: nowrap;     justify-content: var(--m2q7pj-justify-content);     align-items: var(--m2q7pj-align-items);     gap: var(--m2q7pj-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--m2q7pj-padding-right, 0px) - var(--m2q7pj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--m2q7pj-padding-right, 0px) - var(--m2q7pj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--m2q7pj-padding-right, 0px) - var(--m2q7pj-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m2q7pj"] {                            gap: var(--m2q7pj-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(--m2q7pj-padding-right-tablet, 0px) - var(--m2q7pj-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--m2q7pj-padding-right-tablet, 0px) - var(--m2q7pj-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--m2q7pj-padding-right-tablet, 0px) - var(--m2q7pj-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-m2q7pj"] {      flex-direction: var(--m2q7pj-direction-mobile, column);                      gap: var(--m2q7pj-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-tk3qsb"] { --tk3qsb-media: thumbs; --tk3qsb-media-tablet: thumbs; --tk3qsb-media-mobile: thumbs; --tk3qsb-imageRatioMain: 1/1; --tk3qsb-imageRatioMain-tablet: 1/1; --tk3qsb-imageRatioMain-mobile: 1/1; --tk3qsb-positionThumb: bottom; --tk3qsb-positionThumb-tablet: bottom; --tk3qsb-positionThumb-mobile: bottom; --tk3qsb-widthItemThumbs: 80px; --tk3qsb-widthItemThumbs-tablet: 48px; --tk3qsb-widthItemThumbs-mobile: 64px; --tk3qsb-imageRatioThumbs: 1/1; --tk3qsb-imageRatioThumbs-tablet: 1/1; --tk3qsb-imageRatioThumbs-mobile: 1/1; --tk3qsb-borderStyleThumbs: solid; --tk3qsb-borderStyleThumbs-tablet: solid; --tk3qsb-borderStyleThumbs-mobile: solid; --tk3qsb-borderColorThumbs: #000000; --tk3qsb-borderColorThumbs-tablet: #000000; --tk3qsb-borderColorThumbs-mobile: #000000; --tk3qsb-borderWidthThumbs: 1px; --tk3qsb-borderWidthThumbs-tablet: 1px; --tk3qsb-borderWidthThumbs-mobile: 1px; --tk3qsb-borderRadiusThumbs: 8px; --tk3qsb-borderRadiusThumbs-tablet: 8px; --tk3qsb-borderRadiusThumbs-mobile: 8px; --tk3qsb-borderRadiusMain: 16px; --tk3qsb-borderRadiusMain-tablet: 16px; --tk3qsb-borderRadiusMain-mobile: 16px; --tk3qsb-effect: slide; --tk3qsb-effect-tablet: slide; --tk3qsb-effect-mobile: slide; --tk3qsb-gap: 0px; --tk3qsb-gap-tablet: 0px; --tk3qsb-gap-mobile: 0px; }[data-bnode="beae-tk3qsb"] { margin-top: var(--tk3qsb-margin-top, 0px); margin-right: var(--tk3qsb-margin-right, 0px); margin-bottom: var(--tk3qsb-margin-bottom, 0px); margin-left: var(--tk3qsb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tk3qsb-margin-top-tablet, 0px); margin-right: var(--tk3qsb-margin-right-tablet, 0px); margin-bottom: var(--tk3qsb-margin-bottom-tablet, 0px); margin-left: var(--tk3qsb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tk3qsb-margin-top-mobile, 0px); margin-right: var(--tk3qsb-margin-right-mobile, 0px); margin-bottom: var(--tk3qsb-margin-bottom-mobile, 0px); margin-left: var(--tk3qsb-margin-left-mobile, 0px); } & { .beae-media-product { display: flex; gap: var(--tk3qsb-gap, 4px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--tk3qsb-borderRadiusMain); box-shadow: if( style(--tk3qsb-enableShadowMain: true): var(--tk3qsb-shadowHorizontalMain, 0) var(--tk3qsb-shadowVerticalMain, 0) var(--tk3qsb-shadowBlurMain, 0) 1px var(--tk3qsb-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--tk3qsb-borderWidthMain) var(--tk3qsb-borderStyleMain) var(--tk3qsb-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--tk3qsb-borderRadiusMain); box-shadow: if( style(--tk3qsb-enableShadowMain: true): var(--tk3qsb-shadowHorizontalMain, 0) var(--tk3qsb-shadowVerticalMain, 0) var(--tk3qsb-shadowBlurMain, 0) 1px var(--tk3qsb-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--tk3qsb-borderWidthMain) var(--tk3qsb-borderStyleMain) var(--tk3qsb-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--tk3qsb-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--tk3qsb-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; } .beae-slider-item { flex: 1 0 var(--tk3qsb-widthItemThumbs, 100px) !important; max-width: var(--tk3qsb-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if( style(--tk3qsb-enableShadowThumbs: true): var(--tk3qsb-shadowHorizontalThumbs, 0 ) var(--tk3qsb-shadowVerticalThumbs, 0) var(--tk3qsb-shadowBlurThumbs, 0) 1px var(--tk3qsb-shadowColorThumbs, #000000) ; else: none ); } .beae-slider-item .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--tk3qsb-borderWidthThumbs) var(--tk3qsb-borderStyleThumbs) #d7c1c1; border-radius: inherit; z-index: 1; } .beae-slider-item.is-active .beae-thumb-image::after { border: var(--tk3qsb-borderWidthThumbs) var(--tk3qsb-borderStyleThumbs) var(--tk3qsb-borderColorThumbs, #000) } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--tk3qsb-imageRatioThumbs); border-radius: var(--tk3qsb-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (min-width: 768px){ & { [data-position-thumbs="bottom"] .beae-thumb-wrapper { margin-top: -46px; position: relative; z-index: 1; } .beae-product-thumb-slide { .beae-slider-items { justify-content: center; } } } } } &.beae-media-wrapper { position: sticky; top: 0; } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs="left"] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--tk3qsb-gap-tablet, 16px); &[data-position-thumbs-tablet="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet="left"] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--tk3qsb-widthItemThumbs-tablet, 80px) !important; max-width: var(--tk3qsb-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--tk3qsb-imageRatioMain-tablet); border-radius: var(--tk3qsb-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--tk3qsb-objFit-tablet, var(--tk3qsb-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--tk3qsb-imageRatioThumbs-tablet); border-radius: var(--tk3qsb-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--tk3qsb-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(--tk3qsb-widthItemThumbs-mobile, 64px) !important; max-width: var(--tk3qsb-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--tk3qsb-imageRatioMain-mobile); border-radius: var(--tk3qsb-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--tk3qsb-objFit-mobile, var(--tk3qsb-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--tk3qsb-imageRatioThumbs-mobile); border-radius: var(--tk3qsb-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--tk3qsb-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--tk3qsb-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--tk3qsb-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--tk3qsb-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--tk3qsb-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--tk3qsb-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--tk3qsb-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--tk3qsb-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--tk3qsb-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--tk3qsb-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--tk3qsb-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--tk3qsb-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--tk3qsb-navPadding, 12px); background: var(--tk3qsb-navBg, #f5f5f5); color: var(--tk3qsb-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--tk3qsb-navBgHover, #cccccc); color: var(--tk3qsb-navColorHover, #333333); } svg { width: var(--tk3qsb-navIconSize, 20px); height: var(--tk3qsb-navIconSize, 20px); } } } }[data-bnode="beae-sma54o"] { --sma54o-direction: column; --sma54o-direction-tablet: column; --sma54o-direction-mobile: column; --sma54o-align-items: stretch; --sma54o-align-items-tablet: stretch; --sma54o-align-items-mobile: stretch; --sma54o-gap: 12px; --sma54o-gap-tablet: 12px; --sma54o-gap-mobile: 12px; --sma54o-padding-top: 24px; --sma54o-padding-top-tablet: 0px; --sma54o-padding-top-mobile: 0px; --sma54o-padding-right: 16px; --sma54o-padding-right-tablet: 0px; --sma54o-padding-right-mobile: 0px; --sma54o-padding-bottom: 24px; --sma54o-padding-bottom-tablet: 0px; --sma54o-padding-bottom-mobile: 0px; --sma54o-padding-left: 16px; --sma54o-padding-left-tablet: 0px; --sma54o-padding-left-mobile: 0px; }[data-bnode="beae-sma54o"] { padding-top: var(--sma54o-padding-top, 0px); padding-right: var(--sma54o-padding-right, 0px); padding-bottom: var(--sma54o-padding-bottom, 0px); padding-left: var(--sma54o-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--sma54o-padding-top-tablet, 0px); padding-right: var(--sma54o-padding-right-tablet, 0px); padding-bottom: var(--sma54o-padding-bottom-tablet, 0px); padding-left: var(--sma54o-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--sma54o-padding-top-mobile, 0px); padding-right: var(--sma54o-padding-right-mobile, 0px); padding-bottom: var(--sma54o-padding-bottom-mobile, 0px); padding-left: var(--sma54o-padding-left-mobile, 0px); } width: calc(100% - var(--sma54o-padding-left, 0px) - var(--sma54o-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--sma54o-background-imageRatio, auto); background: var(--sma54o-background-color); border-style: var(--sma54o-borderStyle,solid); border-color: var(--sma54o-borderColor,#000000); border-width: var(--sma54o-borderWidth-tl,0px) var(--sma54o-borderWidth-tr,0px) var(--sma54o-borderWidth-br,0px) var(--sma54o-borderWidth-bl,0px); border-radius: var(--sma54o-borderRadius-tl,0px) var(--sma54o-borderRadius-tr,0px) var(--sma54o-borderRadius-br,0px) var(--sma54o-borderRadius-bl,0px); box-shadow: if(style(--sma54o-enableShadow: true): var(--sma54o-shadowHorizontal,0) var(--sma54o-shadowVertical,0) var(--sma54o-shadowBlur,0) 1px var(--sma54o-shadowColor,#000000); else: none); max-width: var(--sma54o-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--sma54o-background-imageRatio-tablet, var(--sma54o-background-imageRatio, auto)); border-width: var(--sma54o-borderWidth-tl-tablet,0px) var(--sma54o-borderWidth-tr-tablet,0px) var(--sma54o-borderWidth-br-tablet,0px) var(--sma54o-borderWidth-bl-tablet,0px); border-radius: var(--sma54o-borderRadius-tl-tablet,0px) var(--sma54o-borderRadius-tr-tablet,0px) var(--sma54o-borderRadius-br-tablet,0px) var(--sma54o-borderRadius-bl-tablet,0px); max-width: var(--sma54o-max-width-tablet, var(--sma54o-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--sma54o-background-imageRatio-mobile, var(--sma54o-background-imageRatio, auto)); border-width: var(--sma54o-borderWidth-tl-mobile,0px) var(--sma54o-borderWidth-tr-mobile,0px) var(--sma54o-borderWidth-br-mobile,0px) var(--sma54o-borderWidth-bl-mobile,0px); border-radius: var(--sma54o-borderRadius-tl-mobile,0px) var(--sma54o-borderRadius-tr-mobile,0px) var(--sma54o-borderRadius-br-mobile,0px) var(--sma54o-borderRadius-bl-mobile,0px); max-width: var(--sma54o-max-width-mobile, var(--sma54o-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-sma54o"] {     display: flex;     flex-direction: var(--sma54o-direction, column);     flex-wrap: nowrap;     justify-content: var(--sma54o-justify-content);     align-items: var(--sma54o-align-items);     gap: var(--sma54o-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-sma54o"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(10.00% - var(--sma54o-padding-right-tablet, 0px) - var(--sma54o-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-sma54o"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(10.00% - var(--sma54o-padding-right-mobile, 0px) - var(--sma54o-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fte44c"] { --fte44c-direction: row; --fte44c-direction-tablet: row; --fte44c-direction-mobile: row; --fte44c-structure: auto; --fte44c-structure-tablet: auto; --fte44c-structure-mobile: auto; --fte44c-gap: 8px; --fte44c-gap-tablet: 8px; --fte44c-gap-mobile: 8px; --fte44c-align-items: center; --fte44c-align-items-tablet: center; --fte44c-align-items-mobile: center; }[data-bnode="beae-fte44c"] { padding-top: var(--fte44c-padding-top, 0px); padding-right: var(--fte44c-padding-right, 0px); padding-bottom: var(--fte44c-padding-bottom, 0px); padding-left: var(--fte44c-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--fte44c-padding-top-tablet, 0px); padding-right: var(--fte44c-padding-right-tablet, 0px); padding-bottom: var(--fte44c-padding-bottom-tablet, 0px); padding-left: var(--fte44c-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--fte44c-padding-top-mobile, 0px); padding-right: var(--fte44c-padding-right-mobile, 0px); padding-bottom: var(--fte44c-padding-bottom-mobile, 0px); padding-left: var(--fte44c-padding-left-mobile, 0px); } width: calc(100% - var(--fte44c-padding-left, 0px) - var(--fte44c-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--fte44c-background-imageRatio, auto); background: var(--fte44c-background-color); border-style: var(--fte44c-borderStyle,solid); border-color: var(--fte44c-borderColor,#000000); border-width: var(--fte44c-borderWidth-tl,0px) var(--fte44c-borderWidth-tr,0px) var(--fte44c-borderWidth-br,0px) var(--fte44c-borderWidth-bl,0px); border-radius: var(--fte44c-borderRadius-tl,0px) var(--fte44c-borderRadius-tr,0px) var(--fte44c-borderRadius-br,0px) var(--fte44c-borderRadius-bl,0px); box-shadow: if(style(--fte44c-enableShadow: true): var(--fte44c-shadowHorizontal,0) var(--fte44c-shadowVertical,0) var(--fte44c-shadowBlur,0) 1px var(--fte44c-shadowColor,#000000); else: none); max-width: var(--fte44c-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--fte44c-background-imageRatio-tablet, var(--fte44c-background-imageRatio, auto)); border-width: var(--fte44c-borderWidth-tl-tablet,0px) var(--fte44c-borderWidth-tr-tablet,0px) var(--fte44c-borderWidth-br-tablet,0px) var(--fte44c-borderWidth-bl-tablet,0px); border-radius: var(--fte44c-borderRadius-tl-tablet,0px) var(--fte44c-borderRadius-tr-tablet,0px) var(--fte44c-borderRadius-br-tablet,0px) var(--fte44c-borderRadius-bl-tablet,0px); max-width: var(--fte44c-max-width-tablet, var(--fte44c-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--fte44c-background-imageRatio-mobile, var(--fte44c-background-imageRatio, auto)); border-width: var(--fte44c-borderWidth-tl-mobile,0px) var(--fte44c-borderWidth-tr-mobile,0px) var(--fte44c-borderWidth-br-mobile,0px) var(--fte44c-borderWidth-bl-mobile,0px); border-radius: var(--fte44c-borderRadius-tl-mobile,0px) var(--fte44c-borderRadius-tr-mobile,0px) var(--fte44c-borderRadius-br-mobile,0px) var(--fte44c-borderRadius-bl-mobile,0px); max-width: var(--fte44c-max-width-mobile, var(--fte44c-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-fte44c"] {     display: flex;     flex-direction: var(--fte44c-direction, column);     flex-wrap: nowrap;     justify-content: var(--fte44c-justify-content);     align-items: var(--fte44c-align-items);     gap: var(--fte44c-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fte44c"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--fte44c-padding-right-tablet, 0px) - var(--fte44c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fte44c"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--fte44c-padding-right-mobile, 0px) - var(--fte44c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-17120l"] { margin-top: var(--17120l-margin-top, 0px); margin-right: var(--17120l-margin-right, 0px); margin-bottom: var(--17120l-margin-bottom, 0px); margin-left: var(--17120l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--17120l-margin-top-tablet, 0px); margin-right: var(--17120l-margin-right-tablet, 0px); margin-bottom: var(--17120l-margin-bottom-tablet, 0px); margin-left: var(--17120l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--17120l-margin-top-mobile, 0px); margin-right: var(--17120l-margin-right-mobile, 0px); margin-bottom: var(--17120l-margin-bottom-mobile, 0px); margin-left: var(--17120l-margin-left-mobile, 0px); } & { 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)); } }[data-bnode="beae-29xc7f"] { margin-top: var(--29xc7f-margin-top, 0px); margin-right: var(--29xc7f-margin-right, 0px); margin-bottom: var(--29xc7f-margin-bottom, 0px); margin-left: var(--29xc7f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--29xc7f-margin-top-tablet, 0px); margin-right: var(--29xc7f-margin-right-tablet, 0px); margin-bottom: var(--29xc7f-margin-bottom-tablet, 0px); margin-left: var(--29xc7f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--29xc7f-margin-top-mobile, 0px); margin-right: var(--29xc7f-margin-right-mobile, 0px); margin-bottom: var(--29xc7f-margin-bottom-mobile, 0px); margin-left: var(--29xc7f-margin-left-mobile, 0px); } }[data-bnode="beae-fsw68b"] { margin-top: var(--fsw68b-margin-top, 0px); margin-right: var(--fsw68b-margin-right, 0px); margin-bottom: var(--fsw68b-margin-bottom, 0px); margin-left: var(--fsw68b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fsw68b-margin-top-tablet, 0px); margin-right: var(--fsw68b-margin-right-tablet, 0px); margin-bottom: var(--fsw68b-margin-bottom-tablet, 0px); margin-left: var(--fsw68b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fsw68b-margin-top-mobile, 0px); margin-right: var(--fsw68b-margin-right-mobile, 0px); margin-bottom: var(--fsw68b-margin-bottom-mobile, 0px); margin-left: var(--fsw68b-margin-left-mobile, 0px); } & { font-family: var(--beae-p-font-family); font-size: var(--beae-p-font-size); color: var(--beae-text-color); 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) ; } }[data-bnode="beae-42oasd"] { --42oasd-typography: h2; --42oasd-typography-tablet: h2; --42oasd-typography-mobile: h2; --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 34px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #121212; --beae-h2-font-weight: 400; --beae-h2-line-height: 1.3; --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: capitalize; }[data-bnode="beae-42oasd"] { margin-top: var(--42oasd-margin-top, 0px); margin-right: var(--42oasd-margin-right, 0px); margin-bottom: var(--42oasd-margin-bottom, 0px); margin-left: var(--42oasd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--42oasd-margin-top-tablet, 0px); margin-right: var(--42oasd-margin-right-tablet, 0px); margin-bottom: var(--42oasd-margin-bottom-tablet, 0px); margin-left: var(--42oasd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--42oasd-margin-top-mobile, 0px); margin-right: var(--42oasd-margin-right-mobile, 0px); margin-bottom: var(--42oasd-margin-bottom-mobile, 0px); margin-left: var(--42oasd-margin-left-mobile, 0px); } }[data-bnode="beae-o63j14"] { --o63j14-typography: p; --o63j14-typography-tablet: p; --o63j14-typography-mobile: p; --o63j14-decoration: line-through; --o63j14-decoration-tablet: line-through; --o63j14-decoration-mobile: line-through; --o63j14-comparePriceColor: #9C6363; --o63j14-comparePriceColor-tablet: #9C6363; --o63j14-comparePriceColor-mobile: #9C6363; --o63j14-priceType: comparePrice; --o63j14-priceType-tablet: comparePrice; --o63j14-priceType-mobile: comparePrice; --o63j14-salePriceColor: #d82727; --o63j14-salePriceColor-tablet: #d82727; --o63j14-salePriceColor-mobile: #d82727; --beae-p-font-size: 18px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #d82727; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-o63j14"] { margin-top: var(--o63j14-margin-top, 0px); margin-right: var(--o63j14-margin-right, 0px); margin-bottom: var(--o63j14-margin-bottom, 0px); margin-left: var(--o63j14-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o63j14-margin-top-tablet, 0px); margin-right: var(--o63j14-margin-right-tablet, 0px); margin-bottom: var(--o63j14-margin-bottom-tablet, 0px); margin-left: var(--o63j14-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o63j14-margin-top-mobile, 0px); margin-right: var(--o63j14-margin-right-mobile, 0px); margin-bottom: var(--o63j14-margin-bottom-mobile, 0px); margin-left: var(--o63j14-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--o63j14-comparePriceColor); text-decoration: var(--o63j14-decoration,none); font-size: calc(var(--o63j14-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--o63j14-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-j8feia"] { --j8feia-typography: p; --j8feia-typography-tablet: p; --j8feia-typography-mobile: p; --beae-p-text-align: start; --j8feia-margin-top: 12px; --j8feia-margin-top-tablet: 12px; --j8feia-margin-top-mobile: 12px; --j8feia-margin-right: 0px; --j8feia-margin-right-tablet: 0px; --j8feia-margin-right-mobile: 0px; --j8feia-margin-bottom: 12px; --j8feia-margin-bottom-tablet: 12px; --j8feia-margin-bottom-mobile: 12px; --j8feia-margin-left: 0px; --j8feia-margin-left-tablet: 0px; --j8feia-margin-left-mobile: 0px; }[data-bnode="beae-j8feia"] { margin-top: var(--j8feia-margin-top, 0px); margin-right: var(--j8feia-margin-right, 0px); margin-bottom: var(--j8feia-margin-bottom, 0px); margin-left: var(--j8feia-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--j8feia-margin-top-tablet, 0px); margin-right: var(--j8feia-margin-right-tablet, 0px); margin-bottom: var(--j8feia-margin-bottom-tablet, 0px); margin-left: var(--j8feia-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--j8feia-margin-top-mobile, 0px); margin-right: var(--j8feia-margin-right-mobile, 0px); margin-bottom: var(--j8feia-margin-bottom-mobile, 0px); margin-left: var(--j8feia-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--j8feia-borderStyle, solid); border-color: var(--j8feia-borderColor, #000000); border-width: var(--j8feia-borderWidth-tl, 0px) var(--j8feia-borderWidth-tr, 0px) var(--j8feia-borderWidth-br, 0px) var(--j8feia-borderWidth-bl, 0px); border-radius: var(--j8feia-borderRadius-tl, 0px) var(--j8feia-borderRadius-tr, 0px) var(--j8feia-borderRadius-br, 0px) var(--j8feia-borderRadius-bl, 0px); box-shadow: if(style(--j8feia-enableShadow: true): var(--j8feia-shadowHorizontal, 0) var(--j8feia-shadowVertical, 0) var(--j8feia-shadowBlur, 0) 1px var(--j8feia-shadowColor, #000000); else: none); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--j8feia-borderWidth-tl-tablet, 0px) var(--j8feia-borderWidth-tr-tablet, 0px) var(--j8feia-borderWidth-br-tablet, 0px) var(--j8feia-borderWidth-bl-tablet, 0px); border-radius: var(--j8feia-borderRadius-tl-tablet, 0px) var(--j8feia-borderRadius-tr-tablet, 0px) var(--j8feia-borderRadius-br-tablet, 0px) var(--j8feia-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { border-width: var(--j8feia-borderWidth-tl-mobile, 0px) var(--j8feia-borderWidth-tr-mobile, 0px) var(--j8feia-borderWidth-br-mobile, 0px) var(--j8feia-borderWidth-bl-mobile, 0px); border-radius: var(--j8feia-borderRadius-tl-mobile, 0px) var(--j8feia-borderRadius-tr-mobile, 0px) var(--j8feia-borderRadius-br-mobile, 0px) var(--j8feia-borderRadius-bl-mobile, 0px); } p:first-child, ul:first-child { margin-top: 0; padding-top: 0; } p:last-child, ul:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child, ul:only-child { margin: 0; padding-block: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-bdgp8e"] { --bdgp8e-direction: row; --bdgp8e-direction-tablet: column; --bdgp8e-direction-mobile: column; --bdgp8e-structure: columns; --bdgp8e-structure-tablet: columns; --bdgp8e-structure-mobile: columns; --bdgp8e-gap: 32px; --bdgp8e-gap-tablet: 12px; --bdgp8e-gap-mobile: 12px; --bdgp8e-align-items: center; --bdgp8e-align-items-tablet: center; --bdgp8e-align-items-mobile: center; --bdgp8e-padding-top: 16px; --bdgp8e-padding-top-tablet: 16px; --bdgp8e-padding-top-mobile: 16px; --bdgp8e-padding-right: 24px; --bdgp8e-padding-right-tablet: 24px; --bdgp8e-padding-right-mobile: 24px; --bdgp8e-padding-bottom: 16px; --bdgp8e-padding-bottom-tablet: 16px; --bdgp8e-padding-bottom-mobile: 16px; --bdgp8e-padding-left: 24px; --bdgp8e-padding-left-tablet: 24px; --bdgp8e-padding-left-mobile: 24px; --bdgp8e-borderRadius-tl: 8px; --bdgp8e-borderRadius-tl-tablet: 8px; --bdgp8e-borderRadius-tl-mobile: 8px; --bdgp8e-borderRadius-tr: 8px; --bdgp8e-borderRadius-tr-tablet: 8px; --bdgp8e-borderRadius-tr-mobile: 8px; --bdgp8e-borderRadius-bl: 8px; --bdgp8e-borderRadius-bl-tablet: 8px; --bdgp8e-borderRadius-bl-mobile: 8px; --bdgp8e-borderRadius-br: 8px; --bdgp8e-borderRadius-br-tablet: 8px; --bdgp8e-borderRadius-br-mobile: 8px; --bdgp8e-background-type: color; --bdgp8e-background-type-tablet: color; --bdgp8e-background-type-mobile: color; --bdgp8e-background-color: #FFF3C0; --bdgp8e-background-color-tablet: #FFF3C0; --bdgp8e-background-color-mobile: #FFF3C0; }[data-bnode="beae-bdgp8e"] { padding-top: var(--bdgp8e-padding-top, 0px); padding-right: var(--bdgp8e-padding-right, 0px); padding-bottom: var(--bdgp8e-padding-bottom, 0px); padding-left: var(--bdgp8e-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bdgp8e-padding-top-tablet, 0px); padding-right: var(--bdgp8e-padding-right-tablet, 0px); padding-bottom: var(--bdgp8e-padding-bottom-tablet, 0px); padding-left: var(--bdgp8e-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--bdgp8e-padding-top-mobile, 0px); padding-right: var(--bdgp8e-padding-right-mobile, 0px); padding-bottom: var(--bdgp8e-padding-bottom-mobile, 0px); padding-left: var(--bdgp8e-padding-left-mobile, 0px); } width: calc(100% - var(--bdgp8e-padding-left, 0px) - var(--bdgp8e-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bdgp8e-background-imageRatio, auto); background: var(--bdgp8e-background-color); border-style: var(--bdgp8e-borderStyle,solid); border-color: var(--bdgp8e-borderColor,#000000); border-width: var(--bdgp8e-borderWidth-tl,0px) var(--bdgp8e-borderWidth-tr,0px) var(--bdgp8e-borderWidth-br,0px) var(--bdgp8e-borderWidth-bl,0px); border-radius: var(--bdgp8e-borderRadius-tl,0px) var(--bdgp8e-borderRadius-tr,0px) var(--bdgp8e-borderRadius-br,0px) var(--bdgp8e-borderRadius-bl,0px); box-shadow: if(style(--bdgp8e-enableShadow: true): var(--bdgp8e-shadowHorizontal,0) var(--bdgp8e-shadowVertical,0) var(--bdgp8e-shadowBlur,0) 1px var(--bdgp8e-shadowColor,#000000); else: none); max-width: var(--bdgp8e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bdgp8e-background-imageRatio-tablet, var(--bdgp8e-background-imageRatio, auto)); border-width: var(--bdgp8e-borderWidth-tl-tablet,0px) var(--bdgp8e-borderWidth-tr-tablet,0px) var(--bdgp8e-borderWidth-br-tablet,0px) var(--bdgp8e-borderWidth-bl-tablet,0px); border-radius: var(--bdgp8e-borderRadius-tl-tablet,0px) var(--bdgp8e-borderRadius-tr-tablet,0px) var(--bdgp8e-borderRadius-br-tablet,0px) var(--bdgp8e-borderRadius-bl-tablet,0px); max-width: var(--bdgp8e-max-width-tablet, var(--bdgp8e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bdgp8e-background-imageRatio-mobile, var(--bdgp8e-background-imageRatio, auto)); border-width: var(--bdgp8e-borderWidth-tl-mobile,0px) var(--bdgp8e-borderWidth-tr-mobile,0px) var(--bdgp8e-borderWidth-br-mobile,0px) var(--bdgp8e-borderWidth-bl-mobile,0px); border-radius: var(--bdgp8e-borderRadius-tl-mobile,0px) var(--bdgp8e-borderRadius-tr-mobile,0px) var(--bdgp8e-borderRadius-br-mobile,0px) var(--bdgp8e-borderRadius-bl-mobile,0px); max-width: var(--bdgp8e-max-width-mobile, var(--bdgp8e-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-bdgp8e"] {     display: flex;     flex-direction: var(--bdgp8e-direction, column);     flex-wrap: nowrap;     justify-content: var(--bdgp8e-justify-content);     align-items: var(--bdgp8e-align-items);     gap: var(--bdgp8e-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--bdgp8e-padding-right, 0px) - var(--bdgp8e-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bdgp8e"] {      flex-direction: var(--bdgp8e-direction-tablet, column);                 align-items: var(--bdgp8e-align-items-tablet, inherit);      gap: var(--bdgp8e-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-bdgp8e"] {      flex-direction: var(--bdgp8e-direction-mobile, column);                 align-items: var(--bdgp8e-align-items-mobile, inherit);      gap: var(--bdgp8e-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-jfi5b2"] { --jfi5b2-direction-tablet: column; --jfi5b2-direction-mobile: column; --jfi5b2-align-items-tablet: center; --jfi5b2-align-items-mobile: center; }[data-bnode="beae-jfi5b2"] { padding-top: var(--jfi5b2-padding-top, 0px); padding-right: var(--jfi5b2-padding-right, 0px); padding-bottom: var(--jfi5b2-padding-bottom, 0px); padding-left: var(--jfi5b2-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--jfi5b2-padding-top-tablet, 0px); padding-right: var(--jfi5b2-padding-right-tablet, 0px); padding-bottom: var(--jfi5b2-padding-bottom-tablet, 0px); padding-left: var(--jfi5b2-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--jfi5b2-padding-top-mobile, 0px); padding-right: var(--jfi5b2-padding-right-mobile, 0px); padding-bottom: var(--jfi5b2-padding-bottom-mobile, 0px); padding-left: var(--jfi5b2-padding-left-mobile, 0px); } width: calc(100% - var(--jfi5b2-padding-left, 0px) - var(--jfi5b2-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--jfi5b2-background-imageRatio, auto); background: var(--jfi5b2-background-color); border-style: var(--jfi5b2-borderStyle,solid); border-color: var(--jfi5b2-borderColor,#000000); border-width: var(--jfi5b2-borderWidth-tl,0px) var(--jfi5b2-borderWidth-tr,0px) var(--jfi5b2-borderWidth-br,0px) var(--jfi5b2-borderWidth-bl,0px); border-radius: var(--jfi5b2-borderRadius-tl,0px) var(--jfi5b2-borderRadius-tr,0px) var(--jfi5b2-borderRadius-br,0px) var(--jfi5b2-borderRadius-bl,0px); box-shadow: if(style(--jfi5b2-enableShadow: true): var(--jfi5b2-shadowHorizontal,0) var(--jfi5b2-shadowVertical,0) var(--jfi5b2-shadowBlur,0) 1px var(--jfi5b2-shadowColor,#000000); else: none); max-width: var(--jfi5b2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jfi5b2-background-imageRatio-tablet, var(--jfi5b2-background-imageRatio, auto)); border-width: var(--jfi5b2-borderWidth-tl-tablet,0px) var(--jfi5b2-borderWidth-tr-tablet,0px) var(--jfi5b2-borderWidth-br-tablet,0px) var(--jfi5b2-borderWidth-bl-tablet,0px); border-radius: var(--jfi5b2-borderRadius-tl-tablet,0px) var(--jfi5b2-borderRadius-tr-tablet,0px) var(--jfi5b2-borderRadius-br-tablet,0px) var(--jfi5b2-borderRadius-bl-tablet,0px); max-width: var(--jfi5b2-max-width-tablet, var(--jfi5b2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jfi5b2-background-imageRatio-mobile, var(--jfi5b2-background-imageRatio, auto)); border-width: var(--jfi5b2-borderWidth-tl-mobile,0px) var(--jfi5b2-borderWidth-tr-mobile,0px) var(--jfi5b2-borderWidth-br-mobile,0px) var(--jfi5b2-borderWidth-bl-mobile,0px); border-radius: var(--jfi5b2-borderRadius-tl-mobile,0px) var(--jfi5b2-borderRadius-tr-mobile,0px) var(--jfi5b2-borderRadius-br-mobile,0px) var(--jfi5b2-borderRadius-bl-mobile,0px); max-width: var(--jfi5b2-max-width-mobile, var(--jfi5b2-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-jfi5b2"] {     display: flex;     flex-direction: var(--jfi5b2-direction, column);     flex-wrap: nowrap;     justify-content: var(--jfi5b2-justify-content);     align-items: var(--jfi5b2-align-items);     gap: var(--jfi5b2-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jfi5b2"] {      flex-direction: var(--jfi5b2-direction-tablet, column);                 align-items: var(--jfi5b2-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-jfi5b2"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--jfi5b2-padding-right-mobile, 0px) - var(--jfi5b2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-u0cgor"] { --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-family: Alan Sans; --beae-h4-font-weight: 500; --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; --u0cgor-typography: h4; --u0cgor-typography-tablet: h4; --u0cgor-typography-mobile: h4; --beae-h4-text-align-tablet: center; --beae-h4-text-align-mobile: center; }[data-bnode="beae-u0cgor"] { margin-top: var(--u0cgor-margin-top, 0px); margin-right: var(--u0cgor-margin-right, 0px); margin-bottom: var(--u0cgor-margin-bottom, 0px); margin-left: var(--u0cgor-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u0cgor-margin-top-tablet, 0px); margin-right: var(--u0cgor-margin-right-tablet, 0px); margin-bottom: var(--u0cgor-margin-bottom-tablet, 0px); margin-left: var(--u0cgor-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u0cgor-margin-top-mobile, 0px); margin-right: var(--u0cgor-margin-right-mobile, 0px); margin-bottom: var(--u0cgor-margin-bottom-mobile, 0px); margin-left: var(--u0cgor-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--u0cgor-highlightColor,var(--beae-p-color)); top: var(--u0cgor-highlightTop, 100%); } }[data-bnode="beae-3ng3p9"] { --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --3ng3p9-typography: p; --3ng3p9-typography-tablet: p; --3ng3p9-typography-mobile: p; --beae-p-text-align-tablet: center; --beae-p-text-align-mobile: center; }[data-bnode="beae-3ng3p9"] { margin-top: var(--3ng3p9-margin-top, 0px); margin-right: var(--3ng3p9-margin-right, 0px); margin-bottom: var(--3ng3p9-margin-bottom, 0px); margin-left: var(--3ng3p9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3ng3p9-margin-top-tablet, 0px); margin-right: var(--3ng3p9-margin-right-tablet, 0px); margin-bottom: var(--3ng3p9-margin-bottom-tablet, 0px); margin-left: var(--3ng3p9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3ng3p9-margin-top-mobile, 0px); margin-right: var(--3ng3p9-margin-right-mobile, 0px); margin-bottom: var(--3ng3p9-margin-bottom-mobile, 0px); margin-left: var(--3ng3p9-margin-left-mobile, 0px); } }[data-bnode="beae-f83ey3"] { --f83ey3-direction: row; --f83ey3-direction-tablet: row; --f83ey3-direction-mobile: row; --f83ey3-justify-content: flex-end; --f83ey3-justify-content-tablet: center; --f83ey3-justify-content-mobile: center; }[data-bnode="beae-f83ey3"] { padding-top: var(--f83ey3-padding-top, 0px); padding-right: var(--f83ey3-padding-right, 0px); padding-bottom: var(--f83ey3-padding-bottom, 0px); padding-left: var(--f83ey3-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--f83ey3-padding-top-tablet, 0px); padding-right: var(--f83ey3-padding-right-tablet, 0px); padding-bottom: var(--f83ey3-padding-bottom-tablet, 0px); padding-left: var(--f83ey3-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--f83ey3-padding-top-mobile, 0px); padding-right: var(--f83ey3-padding-right-mobile, 0px); padding-bottom: var(--f83ey3-padding-bottom-mobile, 0px); padding-left: var(--f83ey3-padding-left-mobile, 0px); } width: calc(100% - var(--f83ey3-padding-left, 0px) - var(--f83ey3-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--f83ey3-background-imageRatio, auto); background: var(--f83ey3-background-color); border-style: var(--f83ey3-borderStyle,solid); border-color: var(--f83ey3-borderColor,#000000); border-width: var(--f83ey3-borderWidth-tl,0px) var(--f83ey3-borderWidth-tr,0px) var(--f83ey3-borderWidth-br,0px) var(--f83ey3-borderWidth-bl,0px); border-radius: var(--f83ey3-borderRadius-tl,0px) var(--f83ey3-borderRadius-tr,0px) var(--f83ey3-borderRadius-br,0px) var(--f83ey3-borderRadius-bl,0px); box-shadow: if(style(--f83ey3-enableShadow: true): var(--f83ey3-shadowHorizontal,0) var(--f83ey3-shadowVertical,0) var(--f83ey3-shadowBlur,0) 1px var(--f83ey3-shadowColor,#000000); else: none); max-width: var(--f83ey3-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--f83ey3-background-imageRatio-tablet, var(--f83ey3-background-imageRatio, auto)); border-width: var(--f83ey3-borderWidth-tl-tablet,0px) var(--f83ey3-borderWidth-tr-tablet,0px) var(--f83ey3-borderWidth-br-tablet,0px) var(--f83ey3-borderWidth-bl-tablet,0px); border-radius: var(--f83ey3-borderRadius-tl-tablet,0px) var(--f83ey3-borderRadius-tr-tablet,0px) var(--f83ey3-borderRadius-br-tablet,0px) var(--f83ey3-borderRadius-bl-tablet,0px); max-width: var(--f83ey3-max-width-tablet, var(--f83ey3-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--f83ey3-background-imageRatio-mobile, var(--f83ey3-background-imageRatio, auto)); border-width: var(--f83ey3-borderWidth-tl-mobile,0px) var(--f83ey3-borderWidth-tr-mobile,0px) var(--f83ey3-borderWidth-br-mobile,0px) var(--f83ey3-borderWidth-bl-mobile,0px); border-radius: var(--f83ey3-borderRadius-tl-mobile,0px) var(--f83ey3-borderRadius-tr-mobile,0px) var(--f83ey3-borderRadius-br-mobile,0px) var(--f83ey3-borderRadius-bl-mobile,0px); max-width: var(--f83ey3-max-width-mobile, var(--f83ey3-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-f83ey3"] {     display: flex;     flex-direction: var(--f83ey3-direction, column);     flex-wrap: nowrap;     justify-content: var(--f83ey3-justify-content);     align-items: var(--f83ey3-align-items);     gap: var(--f83ey3-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-f83ey3"] {                 justify-content: var(--f83ey3-justify-content-tablet, inherit);                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--f83ey3-padding-right-tablet, 0px) - var(--f83ey3-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-f83ey3"] {                 justify-content: var(--f83ey3-justify-content-mobile, inherit);                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--f83ey3-padding-right-mobile, 0px) - var(--f83ey3-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ff8rf1"] { --ff8rf1-timer: label; --ff8rf1-timer-tablet: label; --ff8rf1-timer-mobile: label; --ff8rf1-paddingY: 0px; --ff8rf1-paddingY-tablet: 0px; --ff8rf1-paddingY-mobile: 0px; --ff8rf1-paddingX: 12px; --ff8rf1-paddingX-tablet: 12px; --ff8rf1-paddingX-mobile: 12px; --ff8rf1-background-type: color; --ff8rf1-background-type-tablet: color; --ff8rf1-background-type-mobile: color; --ff8rf1-gap: 8px; --ff8rf1-gap-tablet: 8px; --ff8rf1-gap-mobile: 8px; --ff8rf1-typographyNumber: h4; --ff8rf1-typographyNumber-tablet: h4; --ff8rf1-typographyNumber-mobile: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 500; --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; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-h4-text-align: center; --beae-p-text-align: center; }[data-bnode="beae-ff8rf1"] { margin-top: var(--ff8rf1-margin-top, 0px); margin-right: var(--ff8rf1-margin-right, 0px); margin-bottom: var(--ff8rf1-margin-bottom, 0px); margin-left: var(--ff8rf1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ff8rf1-margin-top-tablet, 0px); margin-right: var(--ff8rf1-margin-right-tablet, 0px); margin-bottom: var(--ff8rf1-margin-bottom-tablet, 0px); margin-left: var(--ff8rf1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ff8rf1-margin-top-mobile, 0px); margin-right: var(--ff8rf1-margin-right-mobile, 0px); margin-bottom: var(--ff8rf1-margin-bottom-mobile, 0px); margin-left: var(--ff8rf1-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--ff8rf1-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; align-items: center; } .beae-countdown-item { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border-style: var(--ff8rf1-borderStyle,solid); border-color: var(--ff8rf1-borderColor,#000000); border-width: var(--ff8rf1-borderWidth-tl,0px) var(--ff8rf1-borderWidth-tr,0px) var(--ff8rf1-borderWidth-br,0px) var(--ff8rf1-borderWidth-bl,0px); border-radius: var(--ff8rf1-borderRadius-tl,0px) var(--ff8rf1-borderRadius-tr,0px) var(--ff8rf1-borderRadius-br,0px) var(--ff8rf1-borderRadius-bl,0px); box-shadow: if(style(--ff8rf1-enableShadow: true): var(--ff8rf1-shadowHorizontal,0) var(--ff8rf1-shadowVertical,0) var(--ff8rf1-shadowBlur,0) 1px var(--ff8rf1-shadowColor,#000000); else: none); max-width: var(--ff8rf1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--ff8rf1-borderWidth-tl-tablet,0px) var(--ff8rf1-borderWidth-tr-tablet,0px) var(--ff8rf1-borderWidth-br-tablet,0px) var(--ff8rf1-borderWidth-bl-tablet,0px); border-radius: var(--ff8rf1-borderRadius-tl-tablet,0px) var(--ff8rf1-borderRadius-tr-tablet,0px) var(--ff8rf1-borderRadius-br-tablet,0px) var(--ff8rf1-borderRadius-bl-tablet,0px); max-width: var(--ff8rf1-max-width-tablet, var(--ff8rf1-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--ff8rf1-borderWidth-tl-mobile,0px) var(--ff8rf1-borderWidth-tr-mobile,0px) var(--ff8rf1-borderWidth-br-mobile,0px) var(--ff8rf1-borderWidth-bl-mobile,0px); border-radius: var(--ff8rf1-borderRadius-tl-mobile,0px) var(--ff8rf1-borderRadius-tr-mobile,0px) var(--ff8rf1-borderRadius-br-mobile,0px) var(--ff8rf1-borderRadius-bl-mobile,0px); max-width: var(--ff8rf1-max-width-mobile, var(--ff8rf1-max-width, 100%)); } overflow: hidden; background: var(--ff8rf1-background-color); padding-inline: var(--ff8rf1-paddingX); padding-block: var(--ff8rf1-paddingY); >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--ff8rf1-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--ff8rf1-paddingX-tablet); padding-block: var(--ff8rf1-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--ff8rf1-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--ff8rf1-paddingX-mobile); padding-block: var(--ff8rf1-paddingY-mobile); } } } }[data-bnode="beae-gnb66b"] { --gnb66b-variantType: label; --gnb66b-variantType-tablet: label; --gnb66b-variantType-mobile: label; --gnb66b-headerState: normal; --gnb66b-headerState-tablet: normal; --gnb66b-headerState-mobile: normal; --gnb66b-borderStyle: solid; --gnb66b-borderStyle-tablet: solid; --gnb66b-borderStyle-mobile: solid; --gnb66b-borderWidth: 1px; --gnb66b-borderWidth-tablet: 1px; --gnb66b-borderWidth-mobile: 1px; --gnb66b-btnTypo: p; --gnb66b-btnTypo-tablet: p; --gnb66b-btnTypo-mobile: p; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --gnb66b-labelTypo: p2; --gnb66b-labelTypo-tablet: p2; --gnb66b-labelTypo-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-text-transform: none; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --gnb66b-borderRadius: 8px; --gnb66b-borderRadius-tablet: 8px; --gnb66b-borderRadius-mobile: 8px; --gnb66b-borderColor: #d7c1c1; --gnb66b-borderColor-tablet: #d7c1c1; --gnb66b-borderColor-mobile: #d7c1c1; --gnb66b-sizeColor: 96px; --gnb66b-sizeColor-tablet: 64px; --gnb66b-sizeColor-mobile: 64px; --gnb66b-styleColor: square; --gnb66b-styleColor-tablet: square; --gnb66b-styleColor-mobile: square; }[data-bnode="beae-gnb66b"] { margin-top: var(--gnb66b-margin-top, 0px); margin-right: var(--gnb66b-margin-right, 0px); margin-bottom: var(--gnb66b-margin-bottom, 0px); margin-left: var(--gnb66b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gnb66b-margin-top-tablet, 0px); margin-right: var(--gnb66b-margin-right-tablet, 0px); margin-bottom: var(--gnb66b-margin-bottom-tablet, 0px); margin-left: var(--gnb66b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gnb66b-margin-top-mobile, 0px); margin-right: var(--gnb66b-margin-right-mobile, 0px); margin-bottom: var(--gnb66b-margin-bottom-mobile, 0px); margin-left: var(--gnb66b-margin-left-mobile, 0px); } &.beae-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; /* ===== OPTION ===== */ .beae-option { display: flex; flex-direction: column; gap: 6px; } /* ===== SWATCH WRAP ===== */ .beae-swatch { display: inline-block; > label { margin-right: 6px; margin-bottom: 6px; } } /* ===== RADIO ===== */ .beae-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .beae-radio { position: absolute; opacity: 0; pointer-events: none; } .beae-radio-lb { display: inline-block; padding-inline: var(--gnb66b-paddingX, 20px); padding-block: var(--gnb66b-paddingY, 12px); background-color: var(--gnb66b-tabBg, #f5f5f5); cursor: pointer; border-style: var(--gnb66b-borderStyle, none); border-color: var(--gnb66b-borderColor, #d1d1d1); border-width: var(--gnb66b-borderWidth, 0px); border-radius: var(--gnb66b-borderRadius, 0px); box-shadow: if( style(--gnb66b-enableShadow: true): var(--gnb66b-shadowHorizontal, 0) var(--gnb66b-shadowVertical, 0) var(--gnb66b-shadowBlur, 0) var(--gnb66b-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap:hover .beae-radio-lb { background-color: var(--gnb66b-tabBgHover, #cccccc); color: var(--gnb66b-colorHover, #333333); border-color: var(--gnb66b-borderColorHover, var(--gnb66b-borderColor, #d1d1d1)); } /* ===== ACTIVE ===== */ .beae-radio:checked + .beae-radio-lb { background-color: var(--gnb66b-tabBgActive, #000); color: var(--gnb66b-colorActive, #fff); border-color: var(--gnb66b-borderColorActive, var(--gnb66b-borderColor, #d1d1d1)); } /* ===== DISABLED ===== */ .beae-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; display: none !important; } /* ===== COLOR SWATCH ===== */ .beae-swatch-color { width: var(--gnb66b-sizeColor, 40px); height: var(--gnb66b-sizeColor, 40px); padding: 0; border-radius: if( style(--gnb66b-styleColor: true): 50%; else: var(--gnb66b-borderRadius, 0px) ); border: var(--gnb66b-borderWidth, 0) solid color-mix(in srgb, var(--gnb66b-borderColor, #d1d1d1) 30%, transparent); background-color: #eee; background-clip: content-box; transition: all 0.2s; box-shadow: if( style(--gnb66b-enableShadow: true): var(--gnb66b-shadowHorizontal, 0) var(--gnb66b-shadowVertical, 0) var(--gnb66b-shadowBlur, 0) var(--gnb66b-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); overflow: hidden; .beae-radio-lb { display: none; } &:hover { border-color: var(--gnb66b-borderColorHover, #000000); } &:has(.beae-radio:checked) { border-color: var(--gnb66b-borderColorActive, #000000); padding: 2px !important; } &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--gnb66b-borderRadius, 4px); mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: #000; z-index: 2; pointer-events: none; } } } /* ===== COLOR- IMAGE SWATCH ===== */ .beae-swatch-color-image { border-radius: 8px; /* width: 96px; height: 96px; */ background: transparent !important; border: 1px solid #d7c1c1; &:has(.beae-radio:checked) { padding: 0 !important; img { padding: 6px; } } .beae-radio-lb { border: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; overflow: hidden; background: transparent !important; } img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.2s; padding: 0; } } /* ===== DROPDOWN ===== */ .beae-swatch-sel { display: inline-block; padding-inline: var(--gnb66b-paddingX, 20px); padding-block: var(--gnb66b-paddingY, 12px); background-color: var(--gnb66b-tabBg, #f5f5f5); cursor: pointer; border-style: var(--gnb66b-borderStyle, none); border-color: var(--gnb66b-borderColor, #d1d1d1); border-width: var(--gnb66b-borderWidth, 0px); border-radius: var(--gnb66b-borderRadius, 0px); box-shadow: if( style(--gnb66b-enableShadow: true): var(--gnb66b-shadowHorizontal, 0) var(--gnb66b-shadowVertical, 0) var(--gnb66b-shadowBlur, 0) var(--gnb66b-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--gnb66b-colorHover, #333333); background-color: var(--gnb66b-tabBgHover, #cccccc); border-color: var(--gnb66b-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } @media (max-width: 1180px) { .beae-swatch-color { width: var(--gnb66b-sizeColor-tablet, --sizeColor); height: var(--gnb66b-sizeColor-tablet, --sizeColor); } } @media (max-width: 767px) { .beae-swatch-color { width: var(--gnb66b-sizeColor-mobile, --sizeColor-tablet); height: var(--gnb66b-sizeColor-mobile, --sizeColor-tablet); } } } }[data-bnode="beae-9botl2"] { --9botl2-direction: row; --9botl2-direction-tablet: row; --9botl2-direction-mobile: row; --9botl2-structure: auto; --9botl2-structure-tablet: auto; --9botl2-structure-mobile: auto; --9botl2-justify-content: flex-start; --9botl2-justify-content-tablet: flex-start; --9botl2-justify-content-mobile: flex-start; --9botl2-align-items: flex-start; --9botl2-align-items-tablet: flex-start; --9botl2-align-items-mobile: flex-start; --9botl2-max-width: fit-content; --9botl2-max-width-tablet: fit-content; --9botl2-max-width-mobile: fit-content; }[data-bnode="beae-9botl2"] { padding-top: var(--9botl2-padding-top, 0px); padding-right: var(--9botl2-padding-right, 0px); padding-bottom: var(--9botl2-padding-bottom, 0px); padding-left: var(--9botl2-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--9botl2-padding-top-tablet, 0px); padding-right: var(--9botl2-padding-right-tablet, 0px); padding-bottom: var(--9botl2-padding-bottom-tablet, 0px); padding-left: var(--9botl2-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--9botl2-padding-top-mobile, 0px); padding-right: var(--9botl2-padding-right-mobile, 0px); padding-bottom: var(--9botl2-padding-bottom-mobile, 0px); padding-left: var(--9botl2-padding-left-mobile, 0px); } width: calc(100% - var(--9botl2-padding-left, 0px) - var(--9botl2-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--9botl2-background-imageRatio, auto); background: var(--9botl2-background-color); border-style: var(--9botl2-borderStyle,solid); border-color: var(--9botl2-borderColor,#000000); border-width: var(--9botl2-borderWidth-tl,0px) var(--9botl2-borderWidth-tr,0px) var(--9botl2-borderWidth-br,0px) var(--9botl2-borderWidth-bl,0px); border-radius: var(--9botl2-borderRadius-tl,0px) var(--9botl2-borderRadius-tr,0px) var(--9botl2-borderRadius-br,0px) var(--9botl2-borderRadius-bl,0px); box-shadow: if(style(--9botl2-enableShadow: true): var(--9botl2-shadowHorizontal,0) var(--9botl2-shadowVertical,0) var(--9botl2-shadowBlur,0) 1px var(--9botl2-shadowColor,#000000); else: none); max-width: var(--9botl2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--9botl2-background-imageRatio-tablet, var(--9botl2-background-imageRatio, auto)); border-width: var(--9botl2-borderWidth-tl-tablet,0px) var(--9botl2-borderWidth-tr-tablet,0px) var(--9botl2-borderWidth-br-tablet,0px) var(--9botl2-borderWidth-bl-tablet,0px); border-radius: var(--9botl2-borderRadius-tl-tablet,0px) var(--9botl2-borderRadius-tr-tablet,0px) var(--9botl2-borderRadius-br-tablet,0px) var(--9botl2-borderRadius-bl-tablet,0px); max-width: var(--9botl2-max-width-tablet, var(--9botl2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--9botl2-background-imageRatio-mobile, var(--9botl2-background-imageRatio, auto)); border-width: var(--9botl2-borderWidth-tl-mobile,0px) var(--9botl2-borderWidth-tr-mobile,0px) var(--9botl2-borderWidth-br-mobile,0px) var(--9botl2-borderWidth-bl-mobile,0px); border-radius: var(--9botl2-borderRadius-tl-mobile,0px) var(--9botl2-borderRadius-tr-mobile,0px) var(--9botl2-borderRadius-br-mobile,0px) var(--9botl2-borderRadius-bl-mobile,0px); max-width: var(--9botl2-max-width-mobile, var(--9botl2-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-9botl2"] {     display: flex;     flex-direction: var(--9botl2-direction, column);     flex-wrap: nowrap;     justify-content: var(--9botl2-justify-content);     align-items: var(--9botl2-align-items);     gap: var(--9botl2-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9botl2"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9botl2-padding-right-tablet, 0px) - var(--9botl2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9botl2"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9botl2-padding-right-mobile, 0px) - var(--9botl2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w8eos7"] { --w8eos7-typography: p2; --w8eos7-typography-tablet: p2; --w8eos7-typography-mobile: p2; --w8eos7-veryLowColor: #e74c3c; --w8eos7-veryLowColor-tablet: #e74c3c; --w8eos7-veryLowColor-mobile: #e74c3c; --w8eos7-lowColor: #f1c40f; --w8eos7-lowColor-tablet: #f1c40f; --w8eos7-lowColor-mobile: #f1c40f; --w8eos7-margin-top: 0px; --w8eos7-margin-top-tablet: 0px; --w8eos7-margin-top-mobile: 0px; --w8eos7-margin-right: 0px; --w8eos7-margin-right-tablet: 0px; --w8eos7-margin-right-mobile: 0px; --w8eos7-margin-bottom: 0px; --w8eos7-margin-bottom-tablet: 0px; --w8eos7-margin-bottom-mobile: 0px; --w8eos7-margin-left: 0px; --w8eos7-margin-left-tablet: 0px; --w8eos7-margin-left-mobile: 0px; --w8eos7-color: #08823B; --w8eos7-color-tablet: #08823B; --w8eos7-color-mobile: #08823B; --w8eos7-progressHeight: 4px; --w8eos7-progressHeight-tablet: 4px; --w8eos7-progressHeight-mobile: 4px; --w8eos7-variantType: low; --w8eos7-variantType-tablet: low; --w8eos7-variantType-mobile: low; --w8eos7-stockType: inStock; --w8eos7-stockType-tablet: inStock; --w8eos7-stockType-mobile: inStock; --w8eos7-veryLowBg: #111212; --w8eos7-veryLowBg-tablet: #111212; --w8eos7-veryLowBg-mobile: #111212; --w8eos7-lowkBg: #111212; --w8eos7-lowkBg-tablet: #111212; --w8eos7-lowkBg-mobile: #111212; --w8eos7-inStockBg: #BBFFE0; --w8eos7-inStockBg-tablet: #BBFFE0; --w8eos7-inStockBg-mobile: #BBFFE0; --w8eos7-inStockColor: #146742; --w8eos7-inStockColor-tablet: #146742; --w8eos7-inStockColor-mobile: #146742; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-w8eos7"] { margin-top: var(--w8eos7-margin-top, 0px); margin-right: var(--w8eos7-margin-right, 0px); margin-bottom: var(--w8eos7-margin-bottom, 0px); margin-left: var(--w8eos7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w8eos7-margin-top-tablet, 0px); margin-right: var(--w8eos7-margin-right-tablet, 0px); margin-bottom: var(--w8eos7-margin-bottom-tablet, 0px); margin-left: var(--w8eos7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w8eos7-margin-top-mobile, 0px); margin-right: var(--w8eos7-margin-right-mobile, 0px); margin-bottom: var(--w8eos7-margin-bottom-mobile, 0px); margin-left: var(--w8eos7-margin-left-mobile, 0px); } &.beae-inventory { border-radius: 4px; padding: 8px; } &.beae-inventory-in { color: var(--w8eos7-inStockColor); background: var(--w8eos7-inStockBg); } &.beae-inventory-low { color: var(--w8eos7-lowColor); background: var(--w8eos7-lowkBg); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--w8eos7-veryLowColor); background: var(--w8eos7-veryLowBg); } & .beae-inventory-text { display: none; align-items: center; position: relative; &::before { content: ""; width: 16px; height: 16px; margin-right: 4px; flex-shrink: 0; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } &.beae-show { display: flex; } } & .beae-inventory-progress { width: 100%; height: var(--w8eos7-progressHeight, 4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .beae-inventory-progress-bar { display: block; height: 100%; width: 0%; background: var(--w8eos7-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.beae-inventory-critical .beae-inventory-progress-bar { background: var(--w8eos7-veryLowColor); } &.beae-inventory-out .beae-inventory-progress-bar { background: var(--w8eos7-veryLowColor); width: 0% !important; } @media (max-width: 1180px) { &.beae-inventory-in { color: var(--w8eos7-inStockColor-tablet, --inStockColor); background: var(--w8eos7-inStockBg-tablet, --inStockBg); } &.beae-inventory-low { color: var(--w8eos7-lowColor-tablet, --lowColor); background: var(--w8eos7-lowkBg-tablet, --lowkBg); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--w8eos7-veryLowColor-tablet, --veryLowColor); background: var(--w8eos7-veryLowBg-tablet, --veryLowBg); } } @media (max-width: 767px) { &.beae-inventory-in { color: var(--w8eos7-inStockColor-mobile, --inStockColor-tablet); background: var(--w8eos7-inStockBg-mobile, --inStockBg-tablet); } &.beae-inventory-low { color: var(--w8eos7-lowColor-mobile, --lowColor-tablet); background: var(--w8eos7-lowkBg-mobile, --lowkBg-tablet); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--w8eos7-veryLowColor-mobile, --veryLowColor-tablet); background: var(--w8eos7-veryLowBg-mobile, --veryLowBg-tablet); } } }[data-bnode="beae-13rnxa"] { --13rnxa-direction: row; --13rnxa-direction-tablet: column; --13rnxa-direction-mobile: column; --13rnxa-structure: auto; --13rnxa-structure-tablet: auto; --13rnxa-structure-mobile: auto; --13rnxa-align-items: flex-end; --13rnxa-align-items-tablet: flex-end; --13rnxa-align-items-mobile: flex-end; --13rnxa-gap: 10px; --13rnxa-gap-tablet: 10px; --13rnxa-gap-mobile: 10px; }[data-bnode="beae-13rnxa"] { padding-top: var(--13rnxa-padding-top, 0px); padding-right: var(--13rnxa-padding-right, 0px); padding-bottom: var(--13rnxa-padding-bottom, 0px); padding-left: var(--13rnxa-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--13rnxa-padding-top-tablet, 0px); padding-right: var(--13rnxa-padding-right-tablet, 0px); padding-bottom: var(--13rnxa-padding-bottom-tablet, 0px); padding-left: var(--13rnxa-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--13rnxa-padding-top-mobile, 0px); padding-right: var(--13rnxa-padding-right-mobile, 0px); padding-bottom: var(--13rnxa-padding-bottom-mobile, 0px); padding-left: var(--13rnxa-padding-left-mobile, 0px); } width: calc(100% - var(--13rnxa-padding-left, 0px) - var(--13rnxa-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--13rnxa-background-imageRatio, auto); background: var(--13rnxa-background-color); border-style: var(--13rnxa-borderStyle,solid); border-color: var(--13rnxa-borderColor,#000000); border-width: var(--13rnxa-borderWidth-tl,0px) var(--13rnxa-borderWidth-tr,0px) var(--13rnxa-borderWidth-br,0px) var(--13rnxa-borderWidth-bl,0px); border-radius: var(--13rnxa-borderRadius-tl,0px) var(--13rnxa-borderRadius-tr,0px) var(--13rnxa-borderRadius-br,0px) var(--13rnxa-borderRadius-bl,0px); box-shadow: if(style(--13rnxa-enableShadow: true): var(--13rnxa-shadowHorizontal,0) var(--13rnxa-shadowVertical,0) var(--13rnxa-shadowBlur,0) 1px var(--13rnxa-shadowColor,#000000); else: none); max-width: var(--13rnxa-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--13rnxa-background-imageRatio-tablet, var(--13rnxa-background-imageRatio, auto)); border-width: var(--13rnxa-borderWidth-tl-tablet,0px) var(--13rnxa-borderWidth-tr-tablet,0px) var(--13rnxa-borderWidth-br-tablet,0px) var(--13rnxa-borderWidth-bl-tablet,0px); border-radius: var(--13rnxa-borderRadius-tl-tablet,0px) var(--13rnxa-borderRadius-tr-tablet,0px) var(--13rnxa-borderRadius-br-tablet,0px) var(--13rnxa-borderRadius-bl-tablet,0px); max-width: var(--13rnxa-max-width-tablet, var(--13rnxa-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--13rnxa-background-imageRatio-mobile, var(--13rnxa-background-imageRatio, auto)); border-width: var(--13rnxa-borderWidth-tl-mobile,0px) var(--13rnxa-borderWidth-tr-mobile,0px) var(--13rnxa-borderWidth-br-mobile,0px) var(--13rnxa-borderWidth-bl-mobile,0px); border-radius: var(--13rnxa-borderRadius-tl-mobile,0px) var(--13rnxa-borderRadius-tr-mobile,0px) var(--13rnxa-borderRadius-br-mobile,0px) var(--13rnxa-borderRadius-bl-mobile,0px); max-width: var(--13rnxa-max-width-mobile, var(--13rnxa-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-13rnxa"] {     display: flex;     flex-direction: var(--13rnxa-direction, column);     flex-wrap: nowrap;     justify-content: var(--13rnxa-justify-content);     align-items: var(--13rnxa-align-items);     gap: var(--13rnxa-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-13rnxa"] {      flex-direction: var(--13rnxa-direction-tablet, column);                                    &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-13rnxa"] {      flex-direction: var(--13rnxa-direction-mobile, column);                                    &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-gfsanq"] { --gfsanq-max-width: 140px; --gfsanq-max-width-tablet: 100%; --gfsanq-max-width-mobile: 100%; --gfsanq-direction: row; --gfsanq-direction-tablet: row; --gfsanq-direction-mobile: row; --gfsanq-justify-content: center; --gfsanq-justify-content-tablet: center; --gfsanq-justify-content-mobile: center; --gfsanq-align-items: stretch; --gfsanq-align-items-tablet: stretch; --gfsanq-align-items-mobile: stretch; }[data-bnode="beae-gfsanq"] { padding-top: var(--gfsanq-padding-top, 0px); padding-right: var(--gfsanq-padding-right, 0px); padding-bottom: var(--gfsanq-padding-bottom, 0px); padding-left: var(--gfsanq-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--gfsanq-padding-top-tablet, 0px); padding-right: var(--gfsanq-padding-right-tablet, 0px); padding-bottom: var(--gfsanq-padding-bottom-tablet, 0px); padding-left: var(--gfsanq-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--gfsanq-padding-top-mobile, 0px); padding-right: var(--gfsanq-padding-right-mobile, 0px); padding-bottom: var(--gfsanq-padding-bottom-mobile, 0px); padding-left: var(--gfsanq-padding-left-mobile, 0px); } width: calc(100% - var(--gfsanq-padding-left, 0px) - var(--gfsanq-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--gfsanq-background-imageRatio, auto); background: var(--gfsanq-background-color); border-style: var(--gfsanq-borderStyle, solid); border-color: var(--gfsanq-borderColor, #000000); border-width: var(--gfsanq-borderWidth-tl, 0px) var(--gfsanq-borderWidth-tr, 0px) var(--gfsanq-borderWidth-br, 0px) var(--gfsanq-borderWidth-bl, 0px); border-radius: var(--gfsanq-borderRadius-tl, 0px) var(--gfsanq-borderRadius-tr, 0px) var(--gfsanq-borderRadius-br, 0px) var(--gfsanq-borderRadius-bl, 0px); box-shadow: if( style(--gfsanq-enableShadow: true): var(--gfsanq-shadowHorizontal, 0) var(--gfsanq-shadowVertical, 0) var(--gfsanq-shadowBlur, 0) 1px var(--gfsanq-shadowColor, #000000) ; else: none ); max-width: var(--gfsanq-max-width, 100%); @media (max-width: 1180px){ width: 100%; .beae-qty, .beae-qty-wrap{ width: 100% !important; } } @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--gfsanq-background-imageRatio-tablet, var(--gfsanq-background-imageRatio, auto) ); border-width: var(--gfsanq-borderWidth-tl-tablet, 0px) var(--gfsanq-borderWidth-tr-tablet, 0px) var(--gfsanq-borderWidth-br-tablet, 0px) var(--gfsanq-borderWidth-bl-tablet, 0px); border-radius: var(--gfsanq-borderRadius-tl-tablet, 0px) var(--gfsanq-borderRadius-tr-tablet, 0px) var(--gfsanq-borderRadius-br-tablet, 0px) var(--gfsanq-borderRadius-bl-tablet, 0px); max-width: var(--gfsanq-max-width-tablet, var(--gfsanq-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--gfsanq-background-imageRatio-mobile, var(--gfsanq-background-imageRatio, auto) ); border-width: var(--gfsanq-borderWidth-tl-mobile, 0px) var(--gfsanq-borderWidth-tr-mobile, 0px) var(--gfsanq-borderWidth-br-mobile, 0px) var(--gfsanq-borderWidth-bl-mobile, 0px); border-radius: var(--gfsanq-borderRadius-tl-mobile, 0px) var(--gfsanq-borderRadius-tr-mobile, 0px) var(--gfsanq-borderRadius-br-mobile, 0px) var(--gfsanq-borderRadius-bl-mobile, 0px); max-width: var(--gfsanq-max-width-mobile, var(--gfsanq-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-gfsanq"] {     display: flex;     flex-direction: var(--gfsanq-direction, column);     flex-wrap: nowrap;     justify-content: var(--gfsanq-justify-content);     align-items: var(--gfsanq-align-items);     gap: var(--gfsanq-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gfsanq"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gfsanq-padding-right-tablet, 0px) - var(--gfsanq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gfsanq"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gfsanq-padding-right-mobile, 0px) - var(--gfsanq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qc684r"] { --qc684r-width: 140px; --qc684r-width-tablet: 140px; --qc684r-width-mobile: 140px; --qc684r-height: 45px; --qc684r-height-tablet: 45px; --qc684r-height-mobile: 45px; --qc684r-borderStyle: solid; --qc684r-borderStyle-tablet: solid; --qc684r-borderStyle-mobile: solid; --qc684r-borderWidth-tl: 1px; --qc684r-borderWidth-tl-tablet: 1px; --qc684r-borderWidth-tl-mobile: 1px; --qc684r-borderWidth-tr: 1px; --qc684r-borderWidth-tr-tablet: 1px; --qc684r-borderWidth-tr-mobile: 1px; --qc684r-borderWidth-bl: 1px; --qc684r-borderWidth-bl-tablet: 1px; --qc684r-borderWidth-bl-mobile: 1px; --qc684r-borderWidth-br: 1px; --qc684r-borderWidth-br-tablet: 1px; --qc684r-borderWidth-br-mobile: 1px; --qc684r-borderColor: #d7c1c1; --qc684r-borderColor-tablet: #d7c1c1; --qc684r-borderColor-mobile: #d7c1c1; --qc684r-borderRadius-tl: 6px; --qc684r-borderRadius-tl-tablet: 6px; --qc684r-borderRadius-tl-mobile: 6px; --qc684r-borderRadius-tr: 6px; --qc684r-borderRadius-tr-tablet: 6px; --qc684r-borderRadius-tr-mobile: 6px; --qc684r-borderRadius-bl: 6px; --qc684r-borderRadius-bl-tablet: 6px; --qc684r-borderRadius-bl-mobile: 6px; --qc684r-borderRadius-br: 6px; --qc684r-borderRadius-br-tablet: 6px; --qc684r-borderRadius-br-mobile: 6px; --qc684r-margin-top: 0px; --qc684r-margin-top-tablet: 0px; --qc684r-margin-top-mobile: 0px; --qc684r-margin-right: 0px; --qc684r-margin-right-tablet: 0px; --qc684r-margin-right-mobile: 0px; --qc684r-margin-bottom: 0px; --qc684r-margin-bottom-tablet: 0px; --qc684r-margin-bottom-mobile: 0px; --qc684r-margin-left: 0px; --qc684r-margin-left-tablet: 0px; --qc684r-margin-left-mobile: 0px; --qc684r-enableShadow: false; --qc684r-enableShadow-tablet: false; --qc684r-enableShadow-mobile: false; --qc684r-btnWdith: 80px; --qc684r-btnWdith-tablet: 80px; --qc684r-btnWdith-mobile: 80px; --qc684r-typography: p; --qc684r-typography-tablet: p; --qc684r-typography-mobile: p; --qc684r-btnWidth: 46px; --qc684r-btnWidth-tablet: 46px; --qc684r-btnWidth-mobile: 46px; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --qc684r-btnBg: #ffffff00; --qc684r-btnBg-tablet: #ffffff00; --qc684r-btnBg-mobile: #ffffff00; --qc684r-inputWidth: 48px; --qc684r-inputWidth-tablet: fit-content; --qc684r-inputWidth-mobile: fit-content; }[data-bnode="beae-qc684r"] { margin-top: var(--qc684r-margin-top, 0px); margin-right: var(--qc684r-margin-right, 0px); margin-bottom: var(--qc684r-margin-bottom, 0px); margin-left: var(--qc684r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qc684r-margin-top-tablet, 0px); margin-right: var(--qc684r-margin-right-tablet, 0px); margin-bottom: var(--qc684r-margin-bottom-tablet, 0px); margin-left: var(--qc684r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qc684r-margin-top-mobile, 0px); margin-right: var(--qc684r-margin-right-mobile, 0px); margin-bottom: var(--qc684r-margin-bottom-mobile, 0px); margin-left: var(--qc684r-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: 8px; .beae-qty-wrap { display: flex; align-items: stretch; width: fit-content; border-style: var(--qc684r-borderStyle, solid); border-color: var(--qc684r-borderColor, #000000); border-width: var(--qc684r-borderWidth-tl, 0px) var(--qc684r-borderWidth-tr, 0px) var(--qc684r-borderWidth-br, 0px) var(--qc684r-borderWidth-bl, 0px); border-radius: var(--qc684r-borderRadius-tl, 0px) var(--qc684r-borderRadius-tr, 0px) var(--qc684r-borderRadius-br, 0px) var(--qc684r-borderRadius-bl, 0px); box-shadow: var(--qc684r-shadowHorizontal, 0) var(--qc684r-shadowVertical, 0) var(--qc684r-shadowBlur, 0) 0 var(--qc684r-shadowColor, #000000); overflow: hidden; @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qc684r-borderWidth-tl-tablet, 0px) var(--qc684r-borderWidth-tr-tablet, 0px) var(--qc684r-borderWidth-br-tablet, 0px) var(--qc684r-borderWidth-bl-tablet, 0px); border-radius: var(--qc684r-borderRadius-tl-tablet, 0px) var(--qc684r-borderRadius-tr-tablet, 0px) var(--qc684r-borderRadius-br-tablet, 0px) var(--qc684r-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--qc684r-borderWidth-tl-mobile, 0px) var(--qc684r-borderWidth-tr-mobile, 0px) var(--qc684r-borderWidth-br-mobile, 0px) var(--qc684r-borderWidth-bl-mobile, 0px); border-radius: var(--qc684r-borderRadius-tl-mobile, 0px) var(--qc684r-borderRadius-tr-mobile, 0px) var(--qc684r-borderRadius-br-mobile, 0px) var(--qc684r-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--qc684r-btnWidth, 40px); height: var(--qc684r-btnWidth, 40px); padding: 0; border: none; background: var(--qc684r-btnBg, #f5f5f5); color: var(--qc684r-btnColor, #333); cursor: pointer; transition: opacity 0.2s; } .beae-qty-input { flex: 1; min-width: 0; width: var(--qc684r-inputWidth, 40px); text-align: center; border: none; color: var(--qc684r-inputColor, #333); background: var(--qc684r-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; } @media(max-width: 1180px){ &.beae-qty { .beae-qty-input { width: var(--qc684r-inputWidth-tablet, --inputWidth); } } } @media(max-width: 767px){ &.beae-qty { .beae-qty-input { width: var(--qc684r-inputWidth-mobile, --inputWidth-tablet); } } } } }[data-bnode="beae-nu8yqp"] { padding-top: var(--nu8yqp-padding-top, 0px); padding-right: var(--nu8yqp-padding-right, 0px); padding-bottom: var(--nu8yqp-padding-bottom, 0px); padding-left: var(--nu8yqp-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--nu8yqp-padding-top-tablet, 0px); padding-right: var(--nu8yqp-padding-right-tablet, 0px); padding-bottom: var(--nu8yqp-padding-bottom-tablet, 0px); padding-left: var(--nu8yqp-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--nu8yqp-padding-top-mobile, 0px); padding-right: var(--nu8yqp-padding-right-mobile, 0px); padding-bottom: var(--nu8yqp-padding-bottom-mobile, 0px); padding-left: var(--nu8yqp-padding-left-mobile, 0px); } width: calc(100% - var(--nu8yqp-padding-left, 0px) - var(--nu8yqp-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--nu8yqp-background-imageRatio, auto); background: var(--nu8yqp-background-color); border-style: var(--nu8yqp-borderStyle,solid); border-color: var(--nu8yqp-borderColor,#000000); border-width: var(--nu8yqp-borderWidth-tl,0px) var(--nu8yqp-borderWidth-tr,0px) var(--nu8yqp-borderWidth-br,0px) var(--nu8yqp-borderWidth-bl,0px); border-radius: var(--nu8yqp-borderRadius-tl,0px) var(--nu8yqp-borderRadius-tr,0px) var(--nu8yqp-borderRadius-br,0px) var(--nu8yqp-borderRadius-bl,0px); box-shadow: if(style(--nu8yqp-enableShadow: true): var(--nu8yqp-shadowHorizontal,0) var(--nu8yqp-shadowVertical,0) var(--nu8yqp-shadowBlur,0) 1px var(--nu8yqp-shadowColor,#000000); else: none); max-width: var(--nu8yqp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--nu8yqp-background-imageRatio-tablet, var(--nu8yqp-background-imageRatio, auto)); border-width: var(--nu8yqp-borderWidth-tl-tablet,0px) var(--nu8yqp-borderWidth-tr-tablet,0px) var(--nu8yqp-borderWidth-br-tablet,0px) var(--nu8yqp-borderWidth-bl-tablet,0px); border-radius: var(--nu8yqp-borderRadius-tl-tablet,0px) var(--nu8yqp-borderRadius-tr-tablet,0px) var(--nu8yqp-borderRadius-br-tablet,0px) var(--nu8yqp-borderRadius-bl-tablet,0px); max-width: var(--nu8yqp-max-width-tablet, var(--nu8yqp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--nu8yqp-background-imageRatio-mobile, var(--nu8yqp-background-imageRatio, auto)); border-width: var(--nu8yqp-borderWidth-tl-mobile,0px) var(--nu8yqp-borderWidth-tr-mobile,0px) var(--nu8yqp-borderWidth-br-mobile,0px) var(--nu8yqp-borderWidth-bl-mobile,0px); border-radius: var(--nu8yqp-borderRadius-tl-mobile,0px) var(--nu8yqp-borderRadius-tr-mobile,0px) var(--nu8yqp-borderRadius-br-mobile,0px) var(--nu8yqp-borderRadius-bl-mobile,0px); max-width: var(--nu8yqp-max-width-mobile, var(--nu8yqp-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-nu8yqp"] {     display: flex;     flex-direction: var(--nu8yqp-direction, column);     flex-wrap: nowrap;     justify-content: var(--nu8yqp-justify-content);     align-items: var(--nu8yqp-align-items);     gap: var(--nu8yqp-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-nu8yqp"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--nu8yqp-padding-right-tablet, 0px) - var(--nu8yqp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-nu8yqp"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--nu8yqp-padding-right-mobile, 0px) - var(--nu8yqp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ki8bwq"] { --ki8bwq-width: fill; --ki8bwq-width-tablet: fill; --ki8bwq-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 6px; --beae-btn-se-label-color: #7C5050; --beae-btn-se-background-color: #EBE0E0; --beae-btn-text-transform: capitalize; --ki8bwq-iconWidth: 20px; --ki8bwq-iconWidth-tablet: 20px; --ki8bwq-iconWidth-mobile: 20px; --ki8bwq-iconGap: 5px; --ki8bwq-iconGap-tablet: 5px; --ki8bwq-iconGap-mobile: 5px; --beae-btn-pr-label-color: #7C5050; --beae-btn-pr-background-color: #fcf4ee; --ki8bwq-transform: none; --ki8bwq-transform-tablet: none; --ki8bwq-transform-mobile: none; --ki8bwq-button: se; --ki8bwq-button-tablet: se; --ki8bwq-button-mobile: se; --beae-btn-te-label-color: #121212; --ki8bwq-borderSeHover: #fcf4ee; --ki8bwq-borderSeHover-tablet: #fcf4ee; --ki8bwq-borderSeHover-mobile: #fcf4ee; --ki8bwq-bgSeHover: #ffffff; --ki8bwq-bgSeHover-tablet: #ffffff; --ki8bwq-bgSeHover-mobile: #ffffff; }[data-bnode="beae-ki8bwq"] { margin-top: var(--ki8bwq-margin-top, 0px); margin-right: var(--ki8bwq-margin-right, 0px); margin-bottom: var(--ki8bwq-margin-bottom, 0px); margin-left: var(--ki8bwq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ki8bwq-margin-top-tablet, 0px); margin-right: var(--ki8bwq-margin-right-tablet, 0px); margin-bottom: var(--ki8bwq-margin-bottom-tablet, 0px); margin-left: var(--ki8bwq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ki8bwq-margin-top-mobile, 0px); margin-right: var(--ki8bwq-margin-right-mobile, 0px); margin-bottom: var(--ki8bwq-margin-bottom-mobile, 0px); margin-left: var(--ki8bwq-margin-left-mobile, 0px); } &.beae-atc-btn { gap: var(--ki8bwq-iconGap); text-transform: var(--ki8bwq-transform); border: 1px solid var(--beae-btn-pr-background-color); &.beae-btn-pr:hover { background-color: var(--ki8bwq-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--ki8bwq-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--ki8bwq-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--ki8bwq-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--ki8bwq-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--ki8bwq-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--ki8bwq-labelTeHover, var(--beae-btn-te-label-hover)); } &:disabled { opacity: 0.5; pointer-events: none; } span { display: flex; } svg { width: var(--ki8bwq-iconWidth); min-width: var(--ki8bwq-iconWidth); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet); } gap: var(--ki8bwq-iconGap-tablet); svg { width: var(--ki8bwq-iconWidth-tablet); min-width: var(--ki8bwq-iconWidth-tablet); height: 100%; } } @media (max-width: 767px) { gap: var(--ki8bwq-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--ki8bwq-iconWidth-mobile); min-width: var(--ki8bwq-iconWidth-mobile); height: 100%; } } } }[data-bnode="beae-oxukry"] { --oxukry-iconWidth: 20px; --oxukry-iconWidth-tablet: 20px; --oxukry-iconWidth-mobile: 20px; --oxukry-iconGap: 5px; --oxukry-iconGap-tablet: 5px; --oxukry-iconGap-mobile: 5px; --oxukry-button: pr; --oxukry-button-tablet: pr; --oxukry-button-mobile: pr; --oxukry-width: fill; --oxukry-width-tablet: fill; --oxukry-width-mobile: fill; --beae-btn-height: 48px; --beae-btn-padding: 24px; --beae-btn-border-radius: 6px; --beae-btn-font-size: 16px; --beae-btn-font-weight: 600; --oxukry-transform: none; --oxukry-transform-tablet: none; --oxukry-transform-mobile: none; --oxukry-margin-top: 0px; --oxukry-margin-top-tablet: 0px; --oxukry-margin-top-mobile: 0px; --oxukry-margin-right: 0px; --oxukry-margin-right-tablet: 0px; --oxukry-margin-right-mobile: 0px; --oxukry-margin-bottom: 0px; --oxukry-margin-bottom-tablet: 0px; --oxukry-margin-bottom-mobile: 0px; --oxukry-margin-left: 0px; --oxukry-margin-left-tablet: 0px; --oxukry-margin-left-mobile: 0px; --beae-btn-pr-background-color: #7c5050; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --beae-btn-pr-label-color: #FFFFFF; --beae-btn-height-mobile: 48px; --beae-btn-padding-mobile: 36px; --beae-btn-font-size-mobile: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-height-tablet: 52px; --beae-btn-padding-tablet: 40px; --oxukry-bgPrHover: #ffffff; --oxukry-bgPrHover-tablet: #ffffff; --oxukry-bgPrHover-mobile: #ffffff; --oxukry-labelPrHover: #7c5050; --oxukry-labelPrHover-tablet: #7c5050; --oxukry-labelPrHover-mobile: #7c5050; --oxukry-borderPrHover: #7c5050; --oxukry-borderPrHover-tablet: #7c5050; --oxukry-borderPrHover-mobile: #7c5050; }[data-bnode="beae-oxukry"] { margin-top: var(--oxukry-margin-top, 0px); margin-right: var(--oxukry-margin-right, 0px); margin-bottom: var(--oxukry-margin-bottom, 0px); margin-left: var(--oxukry-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oxukry-margin-top-tablet, 0px); margin-right: var(--oxukry-margin-right-tablet, 0px); margin-bottom: var(--oxukry-margin-bottom-tablet, 0px); margin-left: var(--oxukry-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oxukry-margin-top-mobile, 0px); margin-right: var(--oxukry-margin-right-mobile, 0px); margin-bottom: var(--oxukry-margin-bottom-mobile, 0px); margin-left: var(--oxukry-margin-left-mobile, 0px); } &.beae-co-btn { gap: var(--oxukry-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--oxukry-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--oxukry-bgBtnHover)) * 1%)); style(--oxukry-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--oxukry-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--oxukry-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--oxukry-labelBtnHover)) * 1%)); style(--oxukry-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--oxukry-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--oxukry-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--oxukry-borderBtnHover)) * 1%)); style(--oxukry-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--oxukry-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--oxukry-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--oxukry-bgBtnHover)) * 1%)); style(--oxukry-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--oxukry-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--oxukry-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--oxukry-labelBtnHover)) * 1%)); style(--oxukry-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--oxukry-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--oxukry-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--oxukry-borderBtnHover)) * 1%)); style(--oxukry-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--oxukry-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--oxukry-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--oxukry-labelBtnHover)) * 1%)); style(--oxukry-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--oxukry-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--oxukry-iconWidth,20px); min-width: var(--oxukry-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(--oxukry-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet); } svg { width: var(--oxukry-iconWidth-tablet, var(--oxukry-iconWidth,20px)); min-width: var(--oxukry-iconWidth-tablet,var(--oxukry-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--oxukry-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--oxukry-iconWidth-mobile,var(--oxukry-iconWidth,20px)); min-width: var(--oxukry-iconWidth-mobile,var(--oxukry-iconWidth,20px)); } } } }[data-bnode="beae-dke5e3"] { --dke5e3-columns: 3; --dke5e3-columns-tablet: 1; --dke5e3-columns-mobile: 1; --dke5e3-gap: 8px; --dke5e3-gap-tablet: 8px; --dke5e3-gap-mobile: 8px; --dke5e3-navType: false; --dke5e3-navType-tablet: false; --dke5e3-navType-mobile: false; --dke5e3-pagiType: false; --dke5e3-pagiType-tablet: false; --dke5e3-pagiType-mobile: false; --dke5e3-listType: grid; --dke5e3-listType-tablet: grid; --dke5e3-listType-mobile: grid; --dke5e3-stateNavigation: normal; --dke5e3-stateNavigation-tablet: normal; --dke5e3-stateNavigation-mobile: normal; --dke5e3-statePagination: normal; --dke5e3-statePagination-tablet: normal; --dke5e3-statePagination-mobile: normal; --dke5e3-stateNavigtion: normal; --dke5e3-stateNavigtion-tablet: normal; --dke5e3-stateNavigtion-mobile: normal; --dke5e3-columnsMobile-mobile: 1; } [data-bnode="beae-dke5e3"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-dke5e3"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-dke5e3"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-dke5e3"] [data-bnode="beae-hf5p5k"] { --hf5p5k-width: 20px; --hf5p5k-imageRatio: 1/1; --hf5p5k-objFit: cover; --hf5p5k-borderColor: #000000; --hf5p5k-shadowColor: #000000; --hf5p5k-borderStyle: none; --hf5p5k-enableShadow: false; } [data-bnode="beae-dke5e3"] [data-bnode="beae-z3r5b2"] { --z3r5b2-typography: h3; --beae-h3-font-size: 24px; --beae-h3-font-size-tablet: 24px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #100A0A; --beae-h3-font-weight: 500; --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; } [data-bnode="beae-dke5e3"] [data-bnode="beae-zqk1ap"] { --zqk1ap-typography: p; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-dke5e3"] [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-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderColor: #D7C1C1; --be-ctl-item-borderColor-tablet: #D7C1C1; --be-ctl-item-borderColor-mobile: #D7C1C1; --be-ctl-item-borderWidth-tl: 1px; --be-ctl-item-borderWidth-tl-tablet: 1px; --be-ctl-item-borderWidth-tl-mobile: 1px; --be-ctl-item-borderWidth-tr: 1px; --be-ctl-item-borderWidth-tr-tablet: 1px; --be-ctl-item-borderWidth-tr-mobile: 1px; --be-ctl-item-borderWidth-bl: 1px; --be-ctl-item-borderWidth-bl-tablet: 1px; --be-ctl-item-borderWidth-bl-mobile: 1px; --be-ctl-item-borderWidth-br: 1px; --be-ctl-item-borderWidth-br-tablet: 1px; --be-ctl-item-borderWidth-br-mobile: 1px; --be-ctl-item-borderRadius-tl: 9999px; --be-ctl-item-borderRadius-tl-tablet: 9999px; --be-ctl-item-borderRadius-tl-mobile: 9999px; --be-ctl-item-borderRadius-tr: 9999px; --be-ctl-item-borderRadius-tr-tablet: 9999px; --be-ctl-item-borderRadius-tr-mobile: 9999px; --be-ctl-item-borderRadius-bl: 9999px; --be-ctl-item-borderRadius-bl-tablet: 9999px; --be-ctl-item-borderRadius-bl-mobile: 9999px; --be-ctl-item-borderRadius-br: 9999px; --be-ctl-item-borderRadius-br-tablet: 9999px; --be-ctl-item-borderRadius-br-mobile: 9999px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-padding-top: 8px; --be-ctl-item-padding-top-tablet: 8px; --be-ctl-item-padding-top-mobile: 8px; --be-ctl-item-padding-right: 16px; --be-ctl-item-padding-right-tablet: 16px; --be-ctl-item-padding-right-mobile: 16px; --be-ctl-item-padding-bottom: 8px; --be-ctl-item-padding-bottom-tablet: 8px; --be-ctl-item-padding-bottom-mobile: 8px; --be-ctl-item-padding-left: 16px; --be-ctl-item-padding-left-tablet: 16px; --be-ctl-item-padding-left-mobile: 16px; --be-ctl-item-justify-content: flex-start; --be-ctl-item-justify-content-tablet: flex-start; --be-ctl-item-justify-content-mobile: flex-start; }[data-bnode="beae-dke5e3"] { margin-top: var(--dke5e3-margin-top, 0px); margin-right: var(--dke5e3-margin-right, 0px); margin-bottom: var(--dke5e3-margin-bottom, 0px); margin-left: var(--dke5e3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dke5e3-margin-top-tablet, 0px); margin-right: var(--dke5e3-margin-right-tablet, 0px); margin-bottom: var(--dke5e3-margin-bottom-tablet, 0px); margin-left: var(--dke5e3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dke5e3-margin-top-mobile, 0px); margin-right: var(--dke5e3-margin-right-mobile, 0px); margin-bottom: var(--dke5e3-margin-bottom-mobile, 0px); margin-left: var(--dke5e3-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--dke5e3-gap, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--dke5e3-gap, 20px) * (var(--dke5e3-columns, 3) - 1) + 1px ) / var(--dke5e3-columns, 3) ); &:last-child { margin-right: var(--dke5e3-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dke5e3-gap, 20px); .beae-slider-item { /* flex: 0 0 calc( (100% - (var(--dke5e3-columns) - 1) * var(--dke5e3-gap, 20px)) / var(--dke5e3-columns) ); */ } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--dke5e3-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--dke5e3-gap-tablet, 20px) * (var(--dke5e3-columns-tablet, 3) - 1) ) / var(--dke5e3-columns-tablet, 3) ); &:last-child { margin-right: var(--dke5e3-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dke5e3-gap-tablet, 20px); .beae-slider-item { /* flex: 0 0 calc( ( 100% - (var(--dke5e3-columns-tablet) - 1) * var(--dke5e3-gap-tablet, 20px) ) / var(--dke5e3-columns-tablet) ); */ } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--dke5e3-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--dke5e3-gap-mobile, 20px) * (var(--dke5e3-columnsMobile-mobile, 1) - 1) ) / var(--dke5e3-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--dke5e3-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dke5e3-gap-mobile, 20px); .beae-slider-item { /* flex: 0 0 calc( ( 100% - (var(--dke5e3-columnsMobile-mobile) - 1) * var(--dke5e3-gap-mobile, 20px) ) / var(--dke5e3-columnsMobile-mobile) ); */ } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--dke5e3-navPadding, 12px); background: var(--dke5e3-navBg, #f5f5f5); color: var(--dke5e3-navColor, #333333); cursor: pointer; &:hover { background: var(--dke5e3-navBgHover, #cccccc); color: var(--dke5e3-navColorHover, #333333); } svg { width: var(--dke5e3-navIconSize, 20px); height: var(--dke5e3-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--dke5e3-pagiBg, #e6e6e6); &.active { background: var(--dke5e3-pagiBgActive, #181818); } &:not(.active):hover { background: var(--dke5e3-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--dke5e3-pagiColor, #e6e6e6); &.active { color: var(--dke5e3-pagiColorActive, #181818); } &:not(.active):hover { color: var(--dke5e3-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--dke5e3-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--dke5e3-pagiBg, #e6e6e6); &.active { background: var(--dke5e3-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--dke5e3-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-dke5e3"] [data-bnode="beae-hf5p5k"] { margin-top: var(--hf5p5k-margin-top, 0px); margin-right: var(--hf5p5k-margin-right, 0px); margin-bottom: var(--hf5p5k-margin-bottom, 0px); margin-left: var(--hf5p5k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hf5p5k-margin-top-tablet, 0px); margin-right: var(--hf5p5k-margin-right-tablet, 0px); margin-bottom: var(--hf5p5k-margin-bottom-tablet, 0px); margin-left: var(--hf5p5k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hf5p5k-margin-top-mobile, 0px); margin-right: var(--hf5p5k-margin-right-mobile, 0px); margin-bottom: var(--hf5p5k-margin-bottom-mobile, 0px); margin-left: var(--hf5p5k-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--hf5p5k-width,100%) - var(--hf5p5k-margin-left,0px) - var(--hf5p5k-margin-right,0px)); min-height: min-content; border-style: var(--hf5p5k-borderStyle,solid); border-color: var(--hf5p5k-borderColor,#000000); border-width: var(--hf5p5k-borderWidth-tl,0px) var(--hf5p5k-borderWidth-tr,0px) var(--hf5p5k-borderWidth-br,0px) var(--hf5p5k-borderWidth-bl,0px); border-radius: var(--hf5p5k-borderRadius-tl,0px) var(--hf5p5k-borderRadius-tr,0px) var(--hf5p5k-borderRadius-br,0px) var(--hf5p5k-borderRadius-bl,0px); aspect-ratio: var(--hf5p5k-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--hf5p5k-borderWidth-tl-tablet, var(--hf5p5k-borderWidth-tl,0px)) var(--hf5p5k-borderWidth-tr-tablet, var(--hf5p5k-borderWidth-tr,0px)) var(--hf5p5k-borderWidth-br-tablet, var(--hf5p5k-borderWidth-br,0px)) var(--hf5p5k-borderWidth-bl-tablet, var(--hf5p5k-borderWidth-bl,0px)); border-radius: var(--hf5p5k-borderRadius-tl-tablet, var(--hf5p5k-borderRadius-tl,0px)) var(--hf5p5k-borderRadius-tr-tablet, var(--hf5p5k-borderRadius-tr,0px)) var(--hf5p5k-borderRadius-br-tablet, var(--hf5p5k-borderRadius-br,0px)) var(--hf5p5k-borderRadius-bl-tablet, var(--hf5p5k-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--hf5p5k-borderWidth-tl-mobile, var(--hf5p5k-borderWidth-tl,0px)) var(--hf5p5k-borderWidth-tr-mobile, var(--hf5p5k-borderWidth-tr,0px)) var(--hf5p5k-borderWidth-br-mobile, var(--hf5p5k-borderWidth-br,0px)) var(--hf5p5k-borderWidth-bl-mobile, var(--hf5p5k-borderWidth-bl,0px)); border-radius: var(--hf5p5k-borderRadius-tl-mobile, var(--hf5p5k-borderRadius-tl,0px)) var(--hf5p5k-borderRadius-tr-mobile, var(--hf5p5k-borderRadius-tr,0px)) var(--hf5p5k-borderRadius-br-mobile, var(--hf5p5k-borderRadius-br,0px)) var(--hf5p5k-borderRadius-bl-mobile, var(--hf5p5k-borderRadius-bl,0px)); } box-shadow: if( style(--hf5p5k-enableShadow: true): var(--hf5p5k-shadowHorizontal, 0) var(--hf5p5k-shadowVertical, 0) var(--hf5p5k-shadowBlur, 0) 1px var(--hf5p5k-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--hf5p5k-overlayColor-color, #000); opacity: var(--hf5p5k-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--hf5p5k-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--hf5p5k-width-tablet,var(--hf5p5k-width,100%)) - var(--hf5p5k-margin-left-tablet,var(--hf5p5k-margin-left,0px)) - var(--hf5p5k-margin-right-tablet,var(--hf5p5k-margin-right,0px))); aspect-ratio: var(--hf5p5k-imageRatio-tablet, var(--hf5p5k-imageRatio, auto)); img { object-fit: var(--hf5p5k-objFit-tablet, var(--hf5p5k-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--hf5p5k-width-mobile,var(--hf5p5k-width,100%)) - var(--hf5p5k-margin-left-mobile,var(--hf5p5k-margin-left,0px)) - var(--hf5p5k-margin-right-mobile,var(--hf5p5k-margin-right,0px))); aspect-ratio: var(--hf5p5k-imageRatio-mobile, var(--hf5p5k-imageRatio, auto)); img { object-fit: var(--hf5p5k-objFit-mobile, var(--hf5p5k-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-dke5e3"] [data-bnode="beae-zqk1ap"] { margin-top: var(--zqk1ap-margin-top, 0px); margin-right: var(--zqk1ap-margin-right, 0px); margin-bottom: var(--zqk1ap-margin-bottom, 0px); margin-left: var(--zqk1ap-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zqk1ap-margin-top-tablet, 0px); margin-right: var(--zqk1ap-margin-right-tablet, 0px); margin-bottom: var(--zqk1ap-margin-bottom-tablet, 0px); margin-left: var(--zqk1ap-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zqk1ap-margin-top-mobile, 0px); margin-right: var(--zqk1ap-margin-right-mobile, 0px); margin-bottom: var(--zqk1ap-margin-bottom-mobile, 0px); margin-left: var(--zqk1ap-margin-left-mobile, 0px); } } [data-bnode="beae-dke5e3"] [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-dke5e3"] [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-dke5e3"] [data-bnode="be-ctl-item"] {      flex-direction: var(--be-ctl-item-direction-tablet, column);                 align-items: var(--be-ctl-item-align-items-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(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dke5e3"] [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-x44n8p"] { --x44n8p-width: 1600px; --x44n8p-width-tablet: 1600px; --x44n8p-width-mobile: 1600px; --x44n8p-height: fit-content; --x44n8p-height-tablet: fit-content; --x44n8p-height-mobile: fit-content; --x44n8p-padding-top: 112px; --x44n8p-padding-top-tablet: 80px; --x44n8p-padding-top-mobile: 56px; --x44n8p-padding-bottom: 112px; --x44n8p-padding-bottom-tablet: 80px; --x44n8p-padding-bottom-mobile: 56px; --x44n8p-padding-right: 30px; --x44n8p-padding-right-tablet: 30px; --x44n8p-padding-right-mobile: 16px; --x44n8p-padding-left: 30px; --x44n8p-padding-left-tablet: 30px; --x44n8p-padding-left-mobile: 16px; --x44n8p-direction: row; --x44n8p-direction-tablet: row; --x44n8p-direction-mobile: column; --x44n8p-structure: columns; --x44n8p-structure-tablet: auto; --x44n8p-structure-mobile: auto; --x44n8p-gap: 80px; --x44n8p-gap-tablet: 24px; --x44n8p-gap-mobile: 16px; --x44n8p-align-items-tablet: stretch; --x44n8p-align-items-mobile: stretch; }[data-bnode="beae-x44n8p"] { padding-top: var(--x44n8p-padding-top, 0px); padding-right: var(--x44n8p-padding-right, 0px); padding-bottom: var(--x44n8p-padding-bottom, 0px); padding-left: var(--x44n8p-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--x44n8p-padding-top-tablet, 0px); padding-right: var(--x44n8p-padding-right-tablet, 0px); padding-bottom: var(--x44n8p-padding-bottom-tablet, 0px); padding-left: var(--x44n8p-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--x44n8p-padding-top-mobile, 0px); padding-right: var(--x44n8p-padding-right-mobile, 0px); padding-bottom: var(--x44n8p-padding-bottom-mobile, 0px); padding-left: var(--x44n8p-padding-left-mobile, 0px); } width: calc(100% - var(--x44n8p-padding-left, 0px) - var(--x44n8p-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--x44n8p-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--x44n8p-height); width: 100%; max-width: var(--x44n8p-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(--x44n8p-background-color-tablet, var(--x44n8p-background-color)); & .beae-section-container { height: var(--x44n8p-height-tablet, auto); width: 100%; max-width: var(--x44n8p-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--x44n8p-background-color-mobile, var(--x44n8p-background-color-tablet, var(--x44n8p-background-color))); & .beae-section-container { height: var(--x44n8p-height-mobile, auto); width: 100%; max-width: var(--x44n8p-width-mobile, 100%); } } } }[data-bnode="beae-x44n8p"] > .beae-section-container{     display: flex;     flex-direction: var(--x44n8p-direction, column);     flex-wrap: nowrap;     justify-content: var(--x44n8p-justify-content);     align-items: var(--x44n8p-align-items);     gap: var(--x44n8p-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(33.33% - var(--x44n8p-padding-right, 0px) - var(--x44n8p-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x44n8p"] > .beae-section-container{                      align-items: var(--x44n8p-align-items-tablet, inherit);      gap: var(--x44n8p-gap-tablet, inherit);               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-x44n8p"] > .beae-section-container{      flex-direction: var(--x44n8p-direction-mobile, column);                      gap: var(--x44n8p-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-l7fcth"] { --l7fcth-direction: row; --l7fcth-direction-tablet: row; --l7fcth-direction-mobile: row; --l7fcth-justify-content: space-between; --l7fcth-justify-content-tablet: space-between; --l7fcth-justify-content-mobile: space-between; }[data-bnode="beae-l7fcth"] { padding-top: var(--l7fcth-padding-top, 0px); padding-right: var(--l7fcth-padding-right, 0px); padding-bottom: var(--l7fcth-padding-bottom, 0px); padding-left: var(--l7fcth-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--l7fcth-padding-top-tablet, 0px); padding-right: var(--l7fcth-padding-right-tablet, 0px); padding-bottom: var(--l7fcth-padding-bottom-tablet, 0px); padding-left: var(--l7fcth-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--l7fcth-padding-top-mobile, 0px); padding-right: var(--l7fcth-padding-right-mobile, 0px); padding-bottom: var(--l7fcth-padding-bottom-mobile, 0px); padding-left: var(--l7fcth-padding-left-mobile, 0px); } width: calc(100% - var(--l7fcth-padding-left, 0px) - var(--l7fcth-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--l7fcth-background-imageRatio, auto); background: var(--l7fcth-background-color); border-style: var(--l7fcth-borderStyle,solid); border-color: var(--l7fcth-borderColor,#000000); border-width: var(--l7fcth-borderWidth-tl,0px) var(--l7fcth-borderWidth-tr,0px) var(--l7fcth-borderWidth-br,0px) var(--l7fcth-borderWidth-bl,0px); border-radius: var(--l7fcth-borderRadius-tl,0px) var(--l7fcth-borderRadius-tr,0px) var(--l7fcth-borderRadius-br,0px) var(--l7fcth-borderRadius-bl,0px); box-shadow: if(style(--l7fcth-enableShadow: true): var(--l7fcth-shadowHorizontal,0) var(--l7fcth-shadowVertical,0) var(--l7fcth-shadowBlur,0) 1px var(--l7fcth-shadowColor,#000000); else: none); max-width: var(--l7fcth-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--l7fcth-background-imageRatio-tablet, var(--l7fcth-background-imageRatio, auto)); border-width: var(--l7fcth-borderWidth-tl-tablet,0px) var(--l7fcth-borderWidth-tr-tablet,0px) var(--l7fcth-borderWidth-br-tablet,0px) var(--l7fcth-borderWidth-bl-tablet,0px); border-radius: var(--l7fcth-borderRadius-tl-tablet,0px) var(--l7fcth-borderRadius-tr-tablet,0px) var(--l7fcth-borderRadius-br-tablet,0px) var(--l7fcth-borderRadius-bl-tablet,0px); max-width: var(--l7fcth-max-width-tablet, var(--l7fcth-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--l7fcth-background-imageRatio-mobile, var(--l7fcth-background-imageRatio, auto)); border-width: var(--l7fcth-borderWidth-tl-mobile,0px) var(--l7fcth-borderWidth-tr-mobile,0px) var(--l7fcth-borderWidth-br-mobile,0px) var(--l7fcth-borderWidth-bl-mobile,0px); border-radius: var(--l7fcth-borderRadius-tl-mobile,0px) var(--l7fcth-borderRadius-tr-mobile,0px) var(--l7fcth-borderRadius-br-mobile,0px) var(--l7fcth-borderRadius-bl-mobile,0px); max-width: var(--l7fcth-max-width-mobile, var(--l7fcth-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-l7fcth"] {     display: flex;     flex-direction: var(--l7fcth-direction, column);     flex-wrap: nowrap;     justify-content: var(--l7fcth-justify-content);     align-items: var(--l7fcth-align-items);     gap: var(--l7fcth-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-l7fcth"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--l7fcth-padding-right-tablet, 0px) - var(--l7fcth-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-l7fcth"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--l7fcth-padding-right-mobile, 0px) - var(--l7fcth-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tw29pv"] { --tw29pv-width: 100%; --tw29pv-width-tablet: 100%; --tw29pv-width-mobile: 100%; --tw29pv-imageRatio: 3/4; --tw29pv-imageRatio-tablet: 2/3; --tw29pv-imageRatio-mobile: 2/3; --tw29pv-objFit: cover; --tw29pv-objFit-tablet: cover; --tw29pv-objFit-mobile: cover; --tw29pv-borderColor: #d7c1c1; --tw29pv-borderColor-tablet: #d7c1c1; --tw29pv-borderColor-mobile: #d7c1c1; --tw29pv-shadowColor: #000000; --tw29pv-shadowColor-tablet: #000000; --tw29pv-shadowColor-mobile: #000000; --tw29pv-borderStyle: solid; --tw29pv-borderStyle-tablet: solid; --tw29pv-borderStyle-mobile: solid; --tw29pv-enableShadow: false; --tw29pv-enableShadow-tablet: false; --tw29pv-enableShadow-mobile: false; --tw29pv-borderRadius-tl: 24px; --tw29pv-borderRadius-tl-tablet: 24px; --tw29pv-borderRadius-tl-mobile: 24px; --tw29pv-borderRadius-tr: 24px; --tw29pv-borderRadius-tr-tablet: 24px; --tw29pv-borderRadius-tr-mobile: 24px; --tw29pv-borderRadius-bl: 24px; --tw29pv-borderRadius-bl-tablet: 24px; --tw29pv-borderRadius-bl-mobile: 24px; --tw29pv-borderRadius-br: 24px; --tw29pv-borderRadius-br-tablet: 24px; --tw29pv-borderRadius-br-mobile: 24px; --tw29pv-borderWidth-tl: 1px; --tw29pv-borderWidth-tl-tablet: 1px; --tw29pv-borderWidth-tl-mobile: 1px; --tw29pv-borderWidth-tr: 1px; --tw29pv-borderWidth-tr-tablet: 1px; --tw29pv-borderWidth-tr-mobile: 1px; --tw29pv-borderWidth-bl: 1px; --tw29pv-borderWidth-bl-tablet: 1px; --tw29pv-borderWidth-bl-mobile: 1px; --tw29pv-borderWidth-br: 1px; --tw29pv-borderWidth-br-tablet: 1px; --tw29pv-borderWidth-br-mobile: 1px; }[data-bnode="beae-tw29pv"] { margin-top: var(--tw29pv-margin-top, 0px); margin-right: var(--tw29pv-margin-right, 0px); margin-bottom: var(--tw29pv-margin-bottom, 0px); margin-left: var(--tw29pv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tw29pv-margin-top-tablet, 0px); margin-right: var(--tw29pv-margin-right-tablet, 0px); margin-bottom: var(--tw29pv-margin-bottom-tablet, 0px); margin-left: var(--tw29pv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tw29pv-margin-top-mobile, 0px); margin-right: var(--tw29pv-margin-right-mobile, 0px); margin-bottom: var(--tw29pv-margin-bottom-mobile, 0px); margin-left: var(--tw29pv-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--tw29pv-width,100%) - var(--tw29pv-margin-left,0px) - var(--tw29pv-margin-right,0px)); min-height: min-content; border-style: var(--tw29pv-borderStyle,solid); border-color: var(--tw29pv-borderColor,#000000); border-width: var(--tw29pv-borderWidth-tl,0px) var(--tw29pv-borderWidth-tr,0px) var(--tw29pv-borderWidth-br,0px) var(--tw29pv-borderWidth-bl,0px); border-radius: var(--tw29pv-borderRadius-tl,0px) var(--tw29pv-borderRadius-tr,0px) var(--tw29pv-borderRadius-br,0px) var(--tw29pv-borderRadius-bl,0px); aspect-ratio: var(--tw29pv-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--tw29pv-borderWidth-tl-tablet, var(--tw29pv-borderWidth-tl,0px)) var(--tw29pv-borderWidth-tr-tablet, var(--tw29pv-borderWidth-tr,0px)) var(--tw29pv-borderWidth-br-tablet, var(--tw29pv-borderWidth-br,0px)) var(--tw29pv-borderWidth-bl-tablet, var(--tw29pv-borderWidth-bl,0px)); border-radius: var(--tw29pv-borderRadius-tl-tablet, var(--tw29pv-borderRadius-tl,0px)) var(--tw29pv-borderRadius-tr-tablet, var(--tw29pv-borderRadius-tr,0px)) var(--tw29pv-borderRadius-br-tablet, var(--tw29pv-borderRadius-br,0px)) var(--tw29pv-borderRadius-bl-tablet, var(--tw29pv-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--tw29pv-borderWidth-tl-mobile, var(--tw29pv-borderWidth-tl,0px)) var(--tw29pv-borderWidth-tr-mobile, var(--tw29pv-borderWidth-tr,0px)) var(--tw29pv-borderWidth-br-mobile, var(--tw29pv-borderWidth-br,0px)) var(--tw29pv-borderWidth-bl-mobile, var(--tw29pv-borderWidth-bl,0px)); border-radius: var(--tw29pv-borderRadius-tl-mobile, var(--tw29pv-borderRadius-tl,0px)) var(--tw29pv-borderRadius-tr-mobile, var(--tw29pv-borderRadius-tr,0px)) var(--tw29pv-borderRadius-br-mobile, var(--tw29pv-borderRadius-br,0px)) var(--tw29pv-borderRadius-bl-mobile, var(--tw29pv-borderRadius-bl,0px)); } box-shadow: if( style(--tw29pv-enableShadow: true): var(--tw29pv-shadowHorizontal, 0) var(--tw29pv-shadowVertical, 0) var(--tw29pv-shadowBlur, 0) 1px var(--tw29pv-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--tw29pv-overlayColor-color, #000); opacity: var(--tw29pv-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--tw29pv-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--tw29pv-width-tablet,var(--tw29pv-width,100%)) - var(--tw29pv-margin-left-tablet,var(--tw29pv-margin-left,0px)) - var(--tw29pv-margin-right-tablet,var(--tw29pv-margin-right,0px))); aspect-ratio: var(--tw29pv-imageRatio-tablet, var(--tw29pv-imageRatio, auto)); img { object-fit: var(--tw29pv-objFit-tablet, var(--tw29pv-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--tw29pv-width-mobile,var(--tw29pv-width,100%)) - var(--tw29pv-margin-left-mobile,var(--tw29pv-margin-left,0px)) - var(--tw29pv-margin-right-mobile,var(--tw29pv-margin-right,0px))); aspect-ratio: var(--tw29pv-imageRatio-mobile, var(--tw29pv-imageRatio, auto)); img { object-fit: var(--tw29pv-objFit-mobile, var(--tw29pv-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-131cif"] { --131cif-gap: 16px; --131cif-gap-tablet: 16px; --131cif-gap-mobile: 16px; --131cif-direction: column; --131cif-direction-tablet: column; --131cif-direction-mobile: column; --131cif-justify-content: center; --131cif-justify-content-tablet: center; --131cif-justify-content-mobile: center; --131cif-align-items: center; --131cif-align-items-tablet: center; --131cif-align-items-mobile: center; --131cif-padding-top-mobile: 24px; --131cif-padding-right-mobile: 0px; --131cif-padding-bottom-mobile: 24px; --131cif-padding-left-mobile: 0px; }[data-bnode="beae-131cif"] { padding-top: var(--131cif-padding-top, 0px); padding-right: var(--131cif-padding-right, 0px); padding-bottom: var(--131cif-padding-bottom, 0px); padding-left: var(--131cif-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--131cif-padding-top-tablet, 0px); padding-right: var(--131cif-padding-right-tablet, 0px); padding-bottom: var(--131cif-padding-bottom-tablet, 0px); padding-left: var(--131cif-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--131cif-padding-top-mobile, 0px); padding-right: var(--131cif-padding-right-mobile, 0px); padding-bottom: var(--131cif-padding-bottom-mobile, 0px); padding-left: var(--131cif-padding-left-mobile, 0px); } width: calc(100% - var(--131cif-padding-left, 0px) - var(--131cif-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--131cif-background-imageRatio, auto); background: var(--131cif-background-color); border-style: var(--131cif-borderStyle,solid); border-color: var(--131cif-borderColor,#000000); border-width: var(--131cif-borderWidth-tl,0px) var(--131cif-borderWidth-tr,0px) var(--131cif-borderWidth-br,0px) var(--131cif-borderWidth-bl,0px); border-radius: var(--131cif-borderRadius-tl,0px) var(--131cif-borderRadius-tr,0px) var(--131cif-borderRadius-br,0px) var(--131cif-borderRadius-bl,0px); box-shadow: if(style(--131cif-enableShadow: true): var(--131cif-shadowHorizontal,0) var(--131cif-shadowVertical,0) var(--131cif-shadowBlur,0) 1px var(--131cif-shadowColor,#000000); else: none); max-width: var(--131cif-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--131cif-background-imageRatio-tablet, var(--131cif-background-imageRatio, auto)); border-width: var(--131cif-borderWidth-tl-tablet,0px) var(--131cif-borderWidth-tr-tablet,0px) var(--131cif-borderWidth-br-tablet,0px) var(--131cif-borderWidth-bl-tablet,0px); border-radius: var(--131cif-borderRadius-tl-tablet,0px) var(--131cif-borderRadius-tr-tablet,0px) var(--131cif-borderRadius-br-tablet,0px) var(--131cif-borderRadius-bl-tablet,0px); max-width: var(--131cif-max-width-tablet, var(--131cif-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--131cif-background-imageRatio-mobile, var(--131cif-background-imageRatio, auto)); border-width: var(--131cif-borderWidth-tl-mobile,0px) var(--131cif-borderWidth-tr-mobile,0px) var(--131cif-borderWidth-br-mobile,0px) var(--131cif-borderWidth-bl-mobile,0px); border-radius: var(--131cif-borderRadius-tl-mobile,0px) var(--131cif-borderRadius-tr-mobile,0px) var(--131cif-borderRadius-br-mobile,0px) var(--131cif-borderRadius-bl-mobile,0px); max-width: var(--131cif-max-width-mobile, var(--131cif-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-131cif"] {     display: flex;     flex-direction: var(--131cif-direction, column);     flex-wrap: nowrap;     justify-content: var(--131cif-justify-content);     align-items: var(--131cif-align-items);     gap: var(--131cif-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-131cif"] {      flex-direction: var(--131cif-direction-tablet, column);           justify-content: var(--131cif-justify-content-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-131cif"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--131cif-padding-right-mobile, 0px) - var(--131cif-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ximgsv"] { --ximgsv-direction: column; --ximgsv-direction-tablet: column; --ximgsv-direction-mobile: column; --ximgsv-structure: columns; --ximgsv-structure-tablet: columns; --ximgsv-structure-mobile: columns; --ximgsv-gap: 0; --ximgsv-gap-tablet: 0; --ximgsv-gap-mobile: 0; --ximgsv-align-items: center; --ximgsv-align-items-tablet: center; --ximgsv-align-items-mobile: center; --ximgsv-background-type: color; --ximgsv-background-type-tablet: color; --ximgsv-background-type-mobile: color; --ximgsv-background-image: [object Object]; --ximgsv-background-image-tablet: [object Object]; --ximgsv-background-image-mobile: [object Object]; --ximgsv-background-imageRatio: 1/1; --ximgsv-background-imageRatio-tablet: 1/1; --ximgsv-background-imageRatio-mobile: 1/1; --ximgsv-background-color: #0000; --ximgsv-background-color-tablet: #0000; --ximgsv-background-color-mobile: #0000; --ximgsv-justify-content: center; --ximgsv-justify-content-tablet: center; --ximgsv-justify-content-mobile: center; }[data-bnode="beae-ximgsv"] { padding-top: var(--ximgsv-padding-top, 0px); padding-right: var(--ximgsv-padding-right, 0px); padding-bottom: var(--ximgsv-padding-bottom, 0px); padding-left: var(--ximgsv-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ximgsv-padding-top-tablet, 0px); padding-right: var(--ximgsv-padding-right-tablet, 0px); padding-bottom: var(--ximgsv-padding-bottom-tablet, 0px); padding-left: var(--ximgsv-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--ximgsv-padding-top-mobile, 0px); padding-right: var(--ximgsv-padding-right-mobile, 0px); padding-bottom: var(--ximgsv-padding-bottom-mobile, 0px); padding-left: var(--ximgsv-padding-left-mobile, 0px); } width: calc(100% - var(--ximgsv-padding-left, 0px) - var(--ximgsv-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ximgsv-background-imageRatio, auto); background: var(--ximgsv-background-color); border-style: var(--ximgsv-borderStyle, solid); border-color: var(--ximgsv-borderColor, #000000); border-width: var(--ximgsv-borderWidth-tl, 0px) var(--ximgsv-borderWidth-tr, 0px) var(--ximgsv-borderWidth-br, 0px) var(--ximgsv-borderWidth-bl, 0px); border-radius: var(--ximgsv-borderRadius-tl, 0px) var(--ximgsv-borderRadius-tr, 0px) var(--ximgsv-borderRadius-br, 0px) var(--ximgsv-borderRadius-bl, 0px); box-shadow: if( style(--ximgsv-enableShadow: true): var(--ximgsv-shadowHorizontal, 0) var(--ximgsv-shadowVertical, 0) var(--ximgsv-shadowBlur, 0) 1px var(--ximgsv-shadowColor, #000000) ; else: none ); max-width: var(--ximgsv-max-width, fit-content); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--ximgsv-background-imageRatio-tablet, var(--ximgsv-background-imageRatio, auto) ); border-width: var(--ximgsv-borderWidth-tl-tablet, 0px) var(--ximgsv-borderWidth-tr-tablet, 0px) var(--ximgsv-borderWidth-br-tablet, 0px) var(--ximgsv-borderWidth-bl-tablet, 0px); border-radius: var(--ximgsv-borderRadius-tl-tablet, 0px) var(--ximgsv-borderRadius-tr-tablet, 0px) var(--ximgsv-borderRadius-br-tablet, 0px) var(--ximgsv-borderRadius-bl-tablet, 0px); max-width: var(--ximgsv-max-width-tablet, var(--ximgsv-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--ximgsv-background-imageRatio-mobile, var(--ximgsv-background-imageRatio, auto) ); border-width: var(--ximgsv-borderWidth-tl-mobile, 0px) var(--ximgsv-borderWidth-tr-mobile, 0px) var(--ximgsv-borderWidth-br-mobile, 0px) var(--ximgsv-borderWidth-bl-mobile, 0px); border-radius: var(--ximgsv-borderRadius-tl-mobile, 0px) var(--ximgsv-borderRadius-tr-mobile, 0px) var(--ximgsv-borderRadius-br-mobile, 0px) var(--ximgsv-borderRadius-bl-mobile, 0px); max-width: var(--ximgsv-max-width-mobile, var(--ximgsv-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-text-image { animation-iteration-count: infinite; animation-timing-function: linear; animation-name: rotate; animation-duration: 5s; } }[data-bnode="beae-ximgsv"] {     display: flex;     flex-direction: var(--ximgsv-direction, column);     flex-wrap: nowrap;     justify-content: var(--ximgsv-justify-content);     align-items: var(--ximgsv-align-items);     gap: var(--ximgsv-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ximgsv"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ximgsv-padding-right-tablet, 0px) - var(--ximgsv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ximgsv"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ximgsv-padding-right-mobile, 0px) - var(--ximgsv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tfhx6t"] { --tfhx6t-width: 112px; --tfhx6t-width-tablet: 112px; --tfhx6t-width-mobile: 112px; --tfhx6t-imageRatio: auto; --tfhx6t-imageRatio-tablet: auto; --tfhx6t-imageRatio-mobile: auto; --tfhx6t-objFit: cover; --tfhx6t-objFit-tablet: cover; --tfhx6t-objFit-mobile: cover; --tfhx6t-borderColor: #000000; --tfhx6t-borderColor-tablet: #000000; --tfhx6t-borderColor-mobile: #000000; --tfhx6t-shadowColor: #000000; --tfhx6t-shadowColor-tablet: #000000; --tfhx6t-shadowColor-mobile: #000000; --tfhx6t-borderStyle: none; --tfhx6t-borderStyle-tablet: none; --tfhx6t-borderStyle-mobile: none; --tfhx6t-enableShadow: false; --tfhx6t-enableShadow-tablet: false; --tfhx6t-enableShadow-mobile: false; }[data-bnode="beae-tfhx6t"] { margin-top: var(--tfhx6t-margin-top, 0px); margin-right: var(--tfhx6t-margin-right, 0px); margin-bottom: var(--tfhx6t-margin-bottom, 0px); margin-left: var(--tfhx6t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tfhx6t-margin-top-tablet, 0px); margin-right: var(--tfhx6t-margin-right-tablet, 0px); margin-bottom: var(--tfhx6t-margin-bottom-tablet, 0px); margin-left: var(--tfhx6t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tfhx6t-margin-top-mobile, 0px); margin-right: var(--tfhx6t-margin-right-mobile, 0px); margin-bottom: var(--tfhx6t-margin-bottom-mobile, 0px); margin-left: var(--tfhx6t-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--tfhx6t-width,100%) - var(--tfhx6t-margin-left,0px) - var(--tfhx6t-margin-right,0px)); min-height: min-content; border-style: var(--tfhx6t-borderStyle,solid); border-color: var(--tfhx6t-borderColor,#000000); border-width: var(--tfhx6t-borderWidth-tl,0px) var(--tfhx6t-borderWidth-tr,0px) var(--tfhx6t-borderWidth-br,0px) var(--tfhx6t-borderWidth-bl,0px); border-radius: var(--tfhx6t-borderRadius-tl,0px) var(--tfhx6t-borderRadius-tr,0px) var(--tfhx6t-borderRadius-br,0px) var(--tfhx6t-borderRadius-bl,0px); aspect-ratio: var(--tfhx6t-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--tfhx6t-borderWidth-tl-tablet, var(--tfhx6t-borderWidth-tl,0px)) var(--tfhx6t-borderWidth-tr-tablet, var(--tfhx6t-borderWidth-tr,0px)) var(--tfhx6t-borderWidth-br-tablet, var(--tfhx6t-borderWidth-br,0px)) var(--tfhx6t-borderWidth-bl-tablet, var(--tfhx6t-borderWidth-bl,0px)); border-radius: var(--tfhx6t-borderRadius-tl-tablet, var(--tfhx6t-borderRadius-tl,0px)) var(--tfhx6t-borderRadius-tr-tablet, var(--tfhx6t-borderRadius-tr,0px)) var(--tfhx6t-borderRadius-br-tablet, var(--tfhx6t-borderRadius-br,0px)) var(--tfhx6t-borderRadius-bl-tablet, var(--tfhx6t-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--tfhx6t-borderWidth-tl-mobile, var(--tfhx6t-borderWidth-tl,0px)) var(--tfhx6t-borderWidth-tr-mobile, var(--tfhx6t-borderWidth-tr,0px)) var(--tfhx6t-borderWidth-br-mobile, var(--tfhx6t-borderWidth-br,0px)) var(--tfhx6t-borderWidth-bl-mobile, var(--tfhx6t-borderWidth-bl,0px)); border-radius: var(--tfhx6t-borderRadius-tl-mobile, var(--tfhx6t-borderRadius-tl,0px)) var(--tfhx6t-borderRadius-tr-mobile, var(--tfhx6t-borderRadius-tr,0px)) var(--tfhx6t-borderRadius-br-mobile, var(--tfhx6t-borderRadius-br,0px)) var(--tfhx6t-borderRadius-bl-mobile, var(--tfhx6t-borderRadius-bl,0px)); } box-shadow: if( style(--tfhx6t-enableShadow: true): var(--tfhx6t-shadowHorizontal, 0) var(--tfhx6t-shadowVertical, 0) var(--tfhx6t-shadowBlur, 0) 1px var(--tfhx6t-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--tfhx6t-overlayColor-color, #000); opacity: var(--tfhx6t-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--tfhx6t-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--tfhx6t-width-tablet,var(--tfhx6t-width,100%)) - var(--tfhx6t-margin-left-tablet,var(--tfhx6t-margin-left,0px)) - var(--tfhx6t-margin-right-tablet,var(--tfhx6t-margin-right,0px))); aspect-ratio: var(--tfhx6t-imageRatio-tablet, var(--tfhx6t-imageRatio, auto)); img { object-fit: var(--tfhx6t-objFit-tablet, var(--tfhx6t-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--tfhx6t-width-mobile,var(--tfhx6t-width,100%)) - var(--tfhx6t-margin-left-mobile,var(--tfhx6t-margin-left,0px)) - var(--tfhx6t-margin-right-mobile,var(--tfhx6t-margin-right,0px))); aspect-ratio: var(--tfhx6t-imageRatio-mobile, var(--tfhx6t-imageRatio, auto)); img { object-fit: var(--tfhx6t-objFit-mobile, var(--tfhx6t-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-gk04a3"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #100A0A; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --gk04a3-typography: h2; --gk04a3-typography-tablet: h2; --gk04a3-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-gk04a3"] { margin-top: var(--gk04a3-margin-top, 0px); margin-right: var(--gk04a3-margin-right, 0px); margin-bottom: var(--gk04a3-margin-bottom, 0px); margin-left: var(--gk04a3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gk04a3-margin-top-tablet, 0px); margin-right: var(--gk04a3-margin-right-tablet, 0px); margin-bottom: var(--gk04a3-margin-bottom-tablet, 0px); margin-left: var(--gk04a3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gk04a3-margin-top-mobile, 0px); margin-right: var(--gk04a3-margin-right-mobile, 0px); margin-bottom: var(--gk04a3-margin-bottom-mobile, 0px); margin-left: var(--gk04a3-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--gk04a3-highlightColor,var(--beae-p-color)); top: var(--gk04a3-highlightTop, 100%); } }[data-bnode="beae-nx8ixg"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --nx8ixg-typography: p2; --nx8ixg-typography-tablet: p2; --nx8ixg-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-nx8ixg"] { margin-top: var(--nx8ixg-margin-top, 0px); margin-right: var(--nx8ixg-margin-right, 0px); margin-bottom: var(--nx8ixg-margin-bottom, 0px); margin-left: var(--nx8ixg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nx8ixg-margin-top-tablet, 0px); margin-right: var(--nx8ixg-margin-right-tablet, 0px); margin-bottom: var(--nx8ixg-margin-bottom-tablet, 0px); margin-left: var(--nx8ixg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nx8ixg-margin-top-mobile, 0px); margin-right: var(--nx8ixg-margin-right-mobile, 0px); margin-bottom: var(--nx8ixg-margin-bottom-mobile, 0px); margin-left: var(--nx8ixg-margin-left-mobile, 0px); } }[data-bnode="beae-86etr2"] { --86etr2-gap: 20px; --86etr2-gap-tablet: 16px; --86etr2-gap-mobile: 16px; }[data-bnode="beae-86etr2"] { padding-top: var(--86etr2-padding-top, 0px); padding-right: var(--86etr2-padding-right, 0px); padding-bottom: var(--86etr2-padding-bottom, 0px); padding-left: var(--86etr2-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--86etr2-padding-top-tablet, 0px); padding-right: var(--86etr2-padding-right-tablet, 0px); padding-bottom: var(--86etr2-padding-bottom-tablet, 0px); padding-left: var(--86etr2-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--86etr2-padding-top-mobile, 0px); padding-right: var(--86etr2-padding-right-mobile, 0px); padding-bottom: var(--86etr2-padding-bottom-mobile, 0px); padding-left: var(--86etr2-padding-left-mobile, 0px); } width: calc(100% - var(--86etr2-padding-left, 0px) - var(--86etr2-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--86etr2-background-imageRatio, auto); background: var(--86etr2-background-color); border-style: var(--86etr2-borderStyle,solid); border-color: var(--86etr2-borderColor,#000000); border-width: var(--86etr2-borderWidth-tl,0px) var(--86etr2-borderWidth-tr,0px) var(--86etr2-borderWidth-br,0px) var(--86etr2-borderWidth-bl,0px); border-radius: var(--86etr2-borderRadius-tl,0px) var(--86etr2-borderRadius-tr,0px) var(--86etr2-borderRadius-br,0px) var(--86etr2-borderRadius-bl,0px); box-shadow: if(style(--86etr2-enableShadow: true): var(--86etr2-shadowHorizontal,0) var(--86etr2-shadowVertical,0) var(--86etr2-shadowBlur,0) 1px var(--86etr2-shadowColor,#000000); else: none); max-width: var(--86etr2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--86etr2-background-imageRatio-tablet, var(--86etr2-background-imageRatio, auto)); border-width: var(--86etr2-borderWidth-tl-tablet,0px) var(--86etr2-borderWidth-tr-tablet,0px) var(--86etr2-borderWidth-br-tablet,0px) var(--86etr2-borderWidth-bl-tablet,0px); border-radius: var(--86etr2-borderRadius-tl-tablet,0px) var(--86etr2-borderRadius-tr-tablet,0px) var(--86etr2-borderRadius-br-tablet,0px) var(--86etr2-borderRadius-bl-tablet,0px); max-width: var(--86etr2-max-width-tablet, var(--86etr2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--86etr2-background-imageRatio-mobile, var(--86etr2-background-imageRatio, auto)); border-width: var(--86etr2-borderWidth-tl-mobile,0px) var(--86etr2-borderWidth-tr-mobile,0px) var(--86etr2-borderWidth-br-mobile,0px) var(--86etr2-borderWidth-bl-mobile,0px); border-radius: var(--86etr2-borderRadius-tl-mobile,0px) var(--86etr2-borderRadius-tr-mobile,0px) var(--86etr2-borderRadius-br-mobile,0px) var(--86etr2-borderRadius-bl-mobile,0px); max-width: var(--86etr2-max-width-mobile, var(--86etr2-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-86etr2"] {     display: flex;     flex-direction: var(--86etr2-direction, column);     flex-wrap: nowrap;     justify-content: var(--86etr2-justify-content);     align-items: var(--86etr2-align-items);     gap: var(--86etr2-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-86etr2"] {                            gap: var(--86etr2-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(--86etr2-padding-right-tablet, 0px) - var(--86etr2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-86etr2"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--86etr2-padding-right-mobile, 0px) - var(--86etr2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ek7cg1"] { --ek7cg1-width: 100%; --ek7cg1-width-tablet: 100%; --ek7cg1-width-mobile: 100%; --ek7cg1-imageRatio: 7/5; --ek7cg1-imageRatio-tablet: 7/5; --ek7cg1-imageRatio-mobile: 7/5; --ek7cg1-objFit: cover; --ek7cg1-objFit-tablet: cover; --ek7cg1-objFit-mobile: cover; --ek7cg1-borderColor: #d7c1c1; --ek7cg1-borderColor-tablet: #d7c1c1; --ek7cg1-borderColor-mobile: #d7c1c1; --ek7cg1-shadowColor: #000000; --ek7cg1-shadowColor-tablet: #000000; --ek7cg1-shadowColor-mobile: #000000; --ek7cg1-borderStyle: solid; --ek7cg1-borderStyle-tablet: solid; --ek7cg1-borderStyle-mobile: solid; --ek7cg1-enableShadow: false; --ek7cg1-enableShadow-tablet: false; --ek7cg1-enableShadow-mobile: false; --ek7cg1-borderWidth-tl: 1px; --ek7cg1-borderWidth-tl-tablet: 1px; --ek7cg1-borderWidth-tl-mobile: 1px; --ek7cg1-borderWidth-tr: 1px; --ek7cg1-borderWidth-tr-tablet: 1px; --ek7cg1-borderWidth-tr-mobile: 1px; --ek7cg1-borderWidth-bl: 1px; --ek7cg1-borderWidth-bl-tablet: 1px; --ek7cg1-borderWidth-bl-mobile: 1px; --ek7cg1-borderWidth-br: 1px; --ek7cg1-borderWidth-br-tablet: 1px; --ek7cg1-borderWidth-br-mobile: 1px; --ek7cg1-borderRadius-tl: 24px; --ek7cg1-borderRadius-tl-tablet: 24px; --ek7cg1-borderRadius-tl-mobile: 24px; --ek7cg1-borderRadius-tr: 24px; --ek7cg1-borderRadius-tr-tablet: 24px; --ek7cg1-borderRadius-tr-mobile: 24px; --ek7cg1-borderRadius-bl: 24px; --ek7cg1-borderRadius-bl-tablet: 24px; --ek7cg1-borderRadius-bl-mobile: 24px; --ek7cg1-borderRadius-br: 24px; --ek7cg1-borderRadius-br-tablet: 24px; --ek7cg1-borderRadius-br-mobile: 24px; }[data-bnode="beae-ek7cg1"] { margin-top: var(--ek7cg1-margin-top, 0px); margin-right: var(--ek7cg1-margin-right, 0px); margin-bottom: var(--ek7cg1-margin-bottom, 0px); margin-left: var(--ek7cg1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ek7cg1-margin-top-tablet, 0px); margin-right: var(--ek7cg1-margin-right-tablet, 0px); margin-bottom: var(--ek7cg1-margin-bottom-tablet, 0px); margin-left: var(--ek7cg1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ek7cg1-margin-top-mobile, 0px); margin-right: var(--ek7cg1-margin-right-mobile, 0px); margin-bottom: var(--ek7cg1-margin-bottom-mobile, 0px); margin-left: var(--ek7cg1-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ek7cg1-width,100%) - var(--ek7cg1-margin-left,0px) - var(--ek7cg1-margin-right,0px)); min-height: min-content; border-style: var(--ek7cg1-borderStyle,solid); border-color: var(--ek7cg1-borderColor,#000000); border-width: var(--ek7cg1-borderWidth-tl,0px) var(--ek7cg1-borderWidth-tr,0px) var(--ek7cg1-borderWidth-br,0px) var(--ek7cg1-borderWidth-bl,0px); border-radius: var(--ek7cg1-borderRadius-tl,0px) var(--ek7cg1-borderRadius-tr,0px) var(--ek7cg1-borderRadius-br,0px) var(--ek7cg1-borderRadius-bl,0px); aspect-ratio: var(--ek7cg1-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ek7cg1-borderWidth-tl-tablet, var(--ek7cg1-borderWidth-tl,0px)) var(--ek7cg1-borderWidth-tr-tablet, var(--ek7cg1-borderWidth-tr,0px)) var(--ek7cg1-borderWidth-br-tablet, var(--ek7cg1-borderWidth-br,0px)) var(--ek7cg1-borderWidth-bl-tablet, var(--ek7cg1-borderWidth-bl,0px)); border-radius: var(--ek7cg1-borderRadius-tl-tablet, var(--ek7cg1-borderRadius-tl,0px)) var(--ek7cg1-borderRadius-tr-tablet, var(--ek7cg1-borderRadius-tr,0px)) var(--ek7cg1-borderRadius-br-tablet, var(--ek7cg1-borderRadius-br,0px)) var(--ek7cg1-borderRadius-bl-tablet, var(--ek7cg1-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ek7cg1-borderWidth-tl-mobile, var(--ek7cg1-borderWidth-tl,0px)) var(--ek7cg1-borderWidth-tr-mobile, var(--ek7cg1-borderWidth-tr,0px)) var(--ek7cg1-borderWidth-br-mobile, var(--ek7cg1-borderWidth-br,0px)) var(--ek7cg1-borderWidth-bl-mobile, var(--ek7cg1-borderWidth-bl,0px)); border-radius: var(--ek7cg1-borderRadius-tl-mobile, var(--ek7cg1-borderRadius-tl,0px)) var(--ek7cg1-borderRadius-tr-mobile, var(--ek7cg1-borderRadius-tr,0px)) var(--ek7cg1-borderRadius-br-mobile, var(--ek7cg1-borderRadius-br,0px)) var(--ek7cg1-borderRadius-bl-mobile, var(--ek7cg1-borderRadius-bl,0px)); } box-shadow: if( style(--ek7cg1-enableShadow: true): var(--ek7cg1-shadowHorizontal, 0) var(--ek7cg1-shadowVertical, 0) var(--ek7cg1-shadowBlur, 0) 1px var(--ek7cg1-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ek7cg1-overlayColor-color, #000); opacity: var(--ek7cg1-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ek7cg1-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ek7cg1-width-tablet,var(--ek7cg1-width,100%)) - var(--ek7cg1-margin-left-tablet,var(--ek7cg1-margin-left,0px)) - var(--ek7cg1-margin-right-tablet,var(--ek7cg1-margin-right,0px))); aspect-ratio: var(--ek7cg1-imageRatio-tablet, var(--ek7cg1-imageRatio, auto)); img { object-fit: var(--ek7cg1-objFit-tablet, var(--ek7cg1-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ek7cg1-width-mobile,var(--ek7cg1-width,100%)) - var(--ek7cg1-margin-left-mobile,var(--ek7cg1-margin-left,0px)) - var(--ek7cg1-margin-right-mobile,var(--ek7cg1-margin-right,0px))); aspect-ratio: var(--ek7cg1-imageRatio-mobile, var(--ek7cg1-imageRatio, auto)); img { object-fit: var(--ek7cg1-objFit-mobile, var(--ek7cg1-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-6lpc23"] { --6lpc23-width: 100%; --6lpc23-width-tablet: 100%; --6lpc23-width-mobile: 100%; --6lpc23-imageRatio: 7/5; --6lpc23-imageRatio-tablet: 7/5; --6lpc23-imageRatio-mobile: 7/5; --6lpc23-objFit: cover; --6lpc23-objFit-tablet: cover; --6lpc23-objFit-mobile: cover; --6lpc23-borderColor: #d7c1c1; --6lpc23-borderColor-tablet: #d7c1c1; --6lpc23-borderColor-mobile: #d7c1c1; --6lpc23-shadowColor: #000000; --6lpc23-shadowColor-tablet: #000000; --6lpc23-shadowColor-mobile: #000000; --6lpc23-borderStyle: solid; --6lpc23-borderStyle-tablet: solid; --6lpc23-borderStyle-mobile: solid; --6lpc23-enableShadow: false; --6lpc23-enableShadow-tablet: false; --6lpc23-enableShadow-mobile: false; --6lpc23-borderWidth-tl: 1px; --6lpc23-borderWidth-tl-tablet: 1px; --6lpc23-borderWidth-tl-mobile: 1px; --6lpc23-borderWidth-tr: 1px; --6lpc23-borderWidth-tr-tablet: 1px; --6lpc23-borderWidth-tr-mobile: 1px; --6lpc23-borderWidth-bl: 1px; --6lpc23-borderWidth-bl-tablet: 1px; --6lpc23-borderWidth-bl-mobile: 1px; --6lpc23-borderWidth-br: 1px; --6lpc23-borderWidth-br-tablet: 1px; --6lpc23-borderWidth-br-mobile: 1px; --6lpc23-borderRadius-tl: 24px; --6lpc23-borderRadius-tl-tablet: 24px; --6lpc23-borderRadius-tl-mobile: 24px; --6lpc23-borderRadius-tr: 24px; --6lpc23-borderRadius-tr-tablet: 24px; --6lpc23-borderRadius-tr-mobile: 24px; --6lpc23-borderRadius-bl: 24px; --6lpc23-borderRadius-bl-tablet: 24px; --6lpc23-borderRadius-bl-mobile: 24px; --6lpc23-borderRadius-br: 24px; --6lpc23-borderRadius-br-tablet: 24px; --6lpc23-borderRadius-br-mobile: 24px; }[data-bnode="beae-6lpc23"] { margin-top: var(--6lpc23-margin-top, 0px); margin-right: var(--6lpc23-margin-right, 0px); margin-bottom: var(--6lpc23-margin-bottom, 0px); margin-left: var(--6lpc23-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6lpc23-margin-top-tablet, 0px); margin-right: var(--6lpc23-margin-right-tablet, 0px); margin-bottom: var(--6lpc23-margin-bottom-tablet, 0px); margin-left: var(--6lpc23-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6lpc23-margin-top-mobile, 0px); margin-right: var(--6lpc23-margin-right-mobile, 0px); margin-bottom: var(--6lpc23-margin-bottom-mobile, 0px); margin-left: var(--6lpc23-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--6lpc23-width,100%) - var(--6lpc23-margin-left,0px) - var(--6lpc23-margin-right,0px)); min-height: min-content; border-style: var(--6lpc23-borderStyle,solid); border-color: var(--6lpc23-borderColor,#000000); border-width: var(--6lpc23-borderWidth-tl,0px) var(--6lpc23-borderWidth-tr,0px) var(--6lpc23-borderWidth-br,0px) var(--6lpc23-borderWidth-bl,0px); border-radius: var(--6lpc23-borderRadius-tl,0px) var(--6lpc23-borderRadius-tr,0px) var(--6lpc23-borderRadius-br,0px) var(--6lpc23-borderRadius-bl,0px); aspect-ratio: var(--6lpc23-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--6lpc23-borderWidth-tl-tablet, var(--6lpc23-borderWidth-tl,0px)) var(--6lpc23-borderWidth-tr-tablet, var(--6lpc23-borderWidth-tr,0px)) var(--6lpc23-borderWidth-br-tablet, var(--6lpc23-borderWidth-br,0px)) var(--6lpc23-borderWidth-bl-tablet, var(--6lpc23-borderWidth-bl,0px)); border-radius: var(--6lpc23-borderRadius-tl-tablet, var(--6lpc23-borderRadius-tl,0px)) var(--6lpc23-borderRadius-tr-tablet, var(--6lpc23-borderRadius-tr,0px)) var(--6lpc23-borderRadius-br-tablet, var(--6lpc23-borderRadius-br,0px)) var(--6lpc23-borderRadius-bl-tablet, var(--6lpc23-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--6lpc23-borderWidth-tl-mobile, var(--6lpc23-borderWidth-tl,0px)) var(--6lpc23-borderWidth-tr-mobile, var(--6lpc23-borderWidth-tr,0px)) var(--6lpc23-borderWidth-br-mobile, var(--6lpc23-borderWidth-br,0px)) var(--6lpc23-borderWidth-bl-mobile, var(--6lpc23-borderWidth-bl,0px)); border-radius: var(--6lpc23-borderRadius-tl-mobile, var(--6lpc23-borderRadius-tl,0px)) var(--6lpc23-borderRadius-tr-mobile, var(--6lpc23-borderRadius-tr,0px)) var(--6lpc23-borderRadius-br-mobile, var(--6lpc23-borderRadius-br,0px)) var(--6lpc23-borderRadius-bl-mobile, var(--6lpc23-borderRadius-bl,0px)); } box-shadow: if( style(--6lpc23-enableShadow: true): var(--6lpc23-shadowHorizontal, 0) var(--6lpc23-shadowVertical, 0) var(--6lpc23-shadowBlur, 0) 1px var(--6lpc23-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--6lpc23-overlayColor-color, #000); opacity: var(--6lpc23-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--6lpc23-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--6lpc23-width-tablet,var(--6lpc23-width,100%)) - var(--6lpc23-margin-left-tablet,var(--6lpc23-margin-left,0px)) - var(--6lpc23-margin-right-tablet,var(--6lpc23-margin-right,0px))); aspect-ratio: var(--6lpc23-imageRatio-tablet, var(--6lpc23-imageRatio, auto)); img { object-fit: var(--6lpc23-objFit-tablet, var(--6lpc23-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--6lpc23-width-mobile,var(--6lpc23-width,100%)) - var(--6lpc23-margin-left-mobile,var(--6lpc23-margin-left,0px)) - var(--6lpc23-margin-right-mobile,var(--6lpc23-margin-right,0px))); aspect-ratio: var(--6lpc23-imageRatio-mobile, var(--6lpc23-imageRatio, auto)); img { object-fit: var(--6lpc23-objFit-mobile, var(--6lpc23-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-8nrx31"] { --8nrx31-width: 100%; --8nrx31-width-tablet: 100%; --8nrx31-width-mobile: 100%; --8nrx31-height: fit-content; --8nrx31-height-tablet: fit-content; --8nrx31-height-mobile: fit-content; --8nrx31-padding-top: 0px; --8nrx31-padding-top-tablet: 0px; --8nrx31-padding-top-mobile: 0px; --8nrx31-padding-bottom: 0px; --8nrx31-padding-bottom-tablet: 0px; --8nrx31-padding-bottom-mobile: 0px; --8nrx31-padding-right: 0px; --8nrx31-padding-right-tablet: 0px; --8nrx31-padding-right-mobile: 0px; --8nrx31-padding-left: 0px; --8nrx31-padding-left-tablet: 0px; --8nrx31-padding-left-mobile: 0px; --8nrx31-background-type: color; --8nrx31-background-type-tablet: color; --8nrx31-background-type-mobile: color; --8nrx31-direction: column; --8nrx31-direction-tablet: column; --8nrx31-direction-mobile: column; --8nrx31-justify-content: center; --8nrx31-justify-content-tablet: center; --8nrx31-justify-content-mobile: center; }[data-bnode="beae-8nrx31"] { padding-top: var(--8nrx31-padding-top, 0px); padding-right: var(--8nrx31-padding-right, 0px); padding-bottom: var(--8nrx31-padding-bottom, 0px); padding-left: var(--8nrx31-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8nrx31-padding-top-tablet, 0px); padding-right: var(--8nrx31-padding-right-tablet, 0px); padding-bottom: var(--8nrx31-padding-bottom-tablet, 0px); padding-left: var(--8nrx31-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--8nrx31-padding-top-mobile, 0px); padding-right: var(--8nrx31-padding-right-mobile, 0px); padding-bottom: var(--8nrx31-padding-bottom-mobile, 0px); padding-left: var(--8nrx31-padding-left-mobile, 0px); } width: calc(100% - var(--8nrx31-padding-left, 0px) - var(--8nrx31-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--8nrx31-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--8nrx31-height); width: 100%; max-width: var(--8nrx31-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(--8nrx31-background-color-tablet, var(--8nrx31-background-color)); & .beae-section-container { height: var(--8nrx31-height-tablet, auto); width: 100%; max-width: var(--8nrx31-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--8nrx31-background-color-mobile, var(--8nrx31-background-color-tablet, var(--8nrx31-background-color))); & .beae-section-container { height: var(--8nrx31-height-mobile, auto); width: 100%; max-width: var(--8nrx31-width-mobile, 100%); } } } }[data-bnode="beae-8nrx31"] > .beae-section-container{     display: flex;     flex-direction: var(--8nrx31-direction, column);     flex-wrap: nowrap;     justify-content: var(--8nrx31-justify-content);     align-items: var(--8nrx31-align-items);     gap: var(--8nrx31-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8nrx31"] > .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(--8nrx31-padding-right-tablet, 0px) - var(--8nrx31-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8nrx31"] > .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(--8nrx31-padding-right-mobile, 0px) - var(--8nrx31-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ctnkeg"] { --ctnkeg-direction: row; --ctnkeg-direction-tablet: row; --ctnkeg-direction-mobile: row; --ctnkeg-structure: auto; --ctnkeg-structure-tablet: auto; --ctnkeg-structure-mobile: auto; --ctnkeg-borderStyle: solid; --ctnkeg-borderStyle-tablet: solid; --ctnkeg-borderStyle-mobile: solid; --ctnkeg-borderColor: #d7c1c1; --ctnkeg-borderColor-tablet: #d7c1c1; --ctnkeg-borderColor-mobile: #d7c1c1; --ctnkeg-borderWidth-tl: 1px; --ctnkeg-borderWidth-tl-tablet: 1px; --ctnkeg-borderWidth-tl-mobile: 1px; --ctnkeg-borderWidth-tr: 0px; --ctnkeg-borderWidth-tr-tablet: 0px; --ctnkeg-borderWidth-tr-mobile: 0px; --ctnkeg-borderWidth-bl: 0px; --ctnkeg-borderWidth-bl-tablet: 0px; --ctnkeg-borderWidth-bl-mobile: 0px; --ctnkeg-borderWidth-br: 1px; --ctnkeg-borderWidth-br-tablet: 1px; --ctnkeg-borderWidth-br-mobile: 1px; --ctnkeg-padding-top: 16px; --ctnkeg-padding-top-tablet: 16px; --ctnkeg-padding-top-mobile: 16px; --ctnkeg-padding-right: 0px; --ctnkeg-padding-right-tablet: 0px; --ctnkeg-padding-right-mobile: 0px; --ctnkeg-padding-bottom: 16px; --ctnkeg-padding-bottom-tablet: 16px; --ctnkeg-padding-bottom-mobile: 16px; --ctnkeg-padding-left: 0px; --ctnkeg-padding-left-tablet: 0px; --ctnkeg-padding-left-mobile: 0px; --ctnkeg-background-type: color; --ctnkeg-background-type-tablet: color; --ctnkeg-background-type-mobile: color; --ctnkeg-background-color: #FFF3C0; --ctnkeg-background-color-tablet: #FFF3C0; --ctnkeg-background-color-mobile: #FFF3C0; }[data-bnode="beae-ctnkeg"] { padding-top: var(--ctnkeg-padding-top, 0px); padding-right: var(--ctnkeg-padding-right, 0px); padding-bottom: var(--ctnkeg-padding-bottom, 0px); padding-left: var(--ctnkeg-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ctnkeg-padding-top-tablet, 0px); padding-right: var(--ctnkeg-padding-right-tablet, 0px); padding-bottom: var(--ctnkeg-padding-bottom-tablet, 0px); padding-left: var(--ctnkeg-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--ctnkeg-padding-top-mobile, 0px); padding-right: var(--ctnkeg-padding-right-mobile, 0px); padding-bottom: var(--ctnkeg-padding-bottom-mobile, 0px); padding-left: var(--ctnkeg-padding-left-mobile, 0px); } width: calc(100% - var(--ctnkeg-padding-left, 0px) - var(--ctnkeg-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ctnkeg-background-imageRatio, auto); background: var(--ctnkeg-background-color); border-style: var(--ctnkeg-borderStyle,solid); border-color: var(--ctnkeg-borderColor,#000000); border-width: var(--ctnkeg-borderWidth-tl,0px) var(--ctnkeg-borderWidth-tr,0px) var(--ctnkeg-borderWidth-br,0px) var(--ctnkeg-borderWidth-bl,0px); border-radius: var(--ctnkeg-borderRadius-tl,0px) var(--ctnkeg-borderRadius-tr,0px) var(--ctnkeg-borderRadius-br,0px) var(--ctnkeg-borderRadius-bl,0px); box-shadow: if(style(--ctnkeg-enableShadow: true): var(--ctnkeg-shadowHorizontal,0) var(--ctnkeg-shadowVertical,0) var(--ctnkeg-shadowBlur,0) 1px var(--ctnkeg-shadowColor,#000000); else: none); max-width: var(--ctnkeg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ctnkeg-background-imageRatio-tablet, var(--ctnkeg-background-imageRatio, auto)); border-width: var(--ctnkeg-borderWidth-tl-tablet,0px) var(--ctnkeg-borderWidth-tr-tablet,0px) var(--ctnkeg-borderWidth-br-tablet,0px) var(--ctnkeg-borderWidth-bl-tablet,0px); border-radius: var(--ctnkeg-borderRadius-tl-tablet,0px) var(--ctnkeg-borderRadius-tr-tablet,0px) var(--ctnkeg-borderRadius-br-tablet,0px) var(--ctnkeg-borderRadius-bl-tablet,0px); max-width: var(--ctnkeg-max-width-tablet, var(--ctnkeg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ctnkeg-background-imageRatio-mobile, var(--ctnkeg-background-imageRatio, auto)); border-width: var(--ctnkeg-borderWidth-tl-mobile,0px) var(--ctnkeg-borderWidth-tr-mobile,0px) var(--ctnkeg-borderWidth-br-mobile,0px) var(--ctnkeg-borderWidth-bl-mobile,0px); border-radius: var(--ctnkeg-borderRadius-tl-mobile,0px) var(--ctnkeg-borderRadius-tr-mobile,0px) var(--ctnkeg-borderRadius-br-mobile,0px) var(--ctnkeg-borderRadius-bl-mobile,0px); max-width: var(--ctnkeg-max-width-mobile, var(--ctnkeg-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-ctnkeg"] {     display: flex;     flex-direction: var(--ctnkeg-direction, column);     flex-wrap: nowrap;     justify-content: var(--ctnkeg-justify-content);     align-items: var(--ctnkeg-align-items);     gap: var(--ctnkeg-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ctnkeg"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ctnkeg-padding-right-tablet, 0px) - var(--ctnkeg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ctnkeg"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ctnkeg-padding-right-mobile, 0px) - var(--ctnkeg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xptm6k"] { --xptm6k-overflow: unset; --xptm6k-overflow-tablet: unset; --xptm6k-overflow-mobile: unset; --xptm6k-itemGap: 32px; --xptm6k-itemGap-tablet: 32px; --xptm6k-itemGap-mobile: 32px; --xptm6k-direction: right; --xptm6k-direction-tablet: right; --xptm6k-direction-mobile: right; --xptm6k-borderStyle: none; --xptm6k-borderStyle-tablet: none; --xptm6k-borderStyle-mobile: none; --xptm6k-borderWidth: 24px; --xptm6k-borderWidth-tablet: 24px; --xptm6k-borderWidth-mobile: 24px; --xptm6k-borderRadius: 0px; --xptm6k-borderRadius-tablet: 0px; --xptm6k-borderRadius-mobile: 0px; --xptm6k-enableShadow: false; --xptm6k-enableShadow-tablet: false; --xptm6k-enableShadow-mobile: false; --xptm6k-shadowHorizontal: 46px; --xptm6k-shadowHorizontal-tablet: 46px; --xptm6k-shadowHorizontal-mobile: 46px; --xptm6k-shadowVertical: 48px; --xptm6k-shadowVertical-tablet: 48px; --xptm6k-shadowVertical-mobile: 48px; --xptm6k-shadowBlur: 57px; --xptm6k-shadowBlur-tablet: 57px; --xptm6k-shadowBlur-mobile: 57px; --xptm6k-speed: 100s; --xptm6k-speed-tablet: 100s; --xptm6k-speed-mobile: 100s; } [data-bnode="beae-xptm6k"] [data-bnode="beae-fp5gtk"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-xptm6k"] [data-bnode="beae-sclpar"] { --beae-p-text-align: justify; } [data-bnode="beae-xptm6k"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="beae-xptm6k"] [data-bnode="beae-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --beae-h3-text-transform: none; } [data-bnode="beae-xptm6k"] [data-bnode="beae-g0o1oo"] { --g0o1oo-width: 40px; --g0o1oo-imageRatio: 1/1; --g0o1oo-objFit: cover; --g0o1oo-borderColor: #000000; --g0o1oo-shadowColor: #000000; --g0o1oo-borderStyle: none; --g0o1oo-enableShadow: false; --g0o1oo-imageRatio-tablet: auto; --g0o1oo-width-tablet: 100px; --g0o1oo-width-mobile: 80px; } [data-bnode="beae-xptm6k"] [data-bnode="beae-nutm7k"] { --nutm7k-typography: h2; --beae-h2-font-weight: 600; } [data-bnode="beae-xptm6k"] [data-bnode="beae-4qzuvq"] { --4qzuvq-width: 24px; --4qzuvq-imageRatio: auto; --4qzuvq-objFit: cover; --4qzuvq-borderColor: #000000; --4qzuvq-shadowColor: #000000; --4qzuvq-enableShadow: false; } [data-bnode="beae-xptm6k"] [data-bnode="beae-ky8gzp"] { --ky8gzp-animationName: pop; --ky8gzp-maxWidth: auto; --ky8gzp-typography: h4; --beae-h4-font-size: 20px; --beae-h4-font-size-tablet: 20px; --beae-h4-font-size-mobile: 20px; --beae-h4-color: #100A0A; --beae-h4-font-weight: 400; --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; --ky8gzp-margin-top: 0px; --ky8gzp-margin-right: 1px; --ky8gzp-margin-bottom: 0px; --ky8gzp-margin-left: 0px; } [data-bnode="beae-xptm6k"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-gap: 32px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-xptm6k"] { margin-top: var(--xptm6k-margin-top, 0px); margin-right: var(--xptm6k-margin-right, 0px); margin-bottom: var(--xptm6k-margin-bottom, 0px); margin-left: var(--xptm6k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xptm6k-margin-top-tablet, 0px); margin-right: var(--xptm6k-margin-right-tablet, 0px); margin-bottom: var(--xptm6k-margin-bottom-tablet, 0px); margin-left: var(--xptm6k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xptm6k-margin-top-mobile, 0px); margin-right: var(--xptm6k-margin-right-mobile, 0px); margin-bottom: var(--xptm6k-margin-bottom-mobile, 0px); margin-left: var(--xptm6k-margin-left-mobile, 0px); } &.beae-slot, & .beae-slot, .beae-slot { overflow: unset !important; } .beae-slot[data-bnode="be-ctl-item"] { width: auto; white-space: nowrap; } &.beae-1kwker-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--xptm6k-borderWidth, 0) var(--xptm6k-borderStyle, solid) var(--xptm6k-borderColor, #000); border-radius: var(--xptm6k-borderRadius, 0); box-shadow: if( style(--xptm6k-enableShadow: true): var(--xptm6k-shadowHorizontal, 0) var(--xptm6k-shadowVertical, 0) var(--xptm6k-shadowBlur, 0) 0 var(--xptm6k-shadowColor, #000000) ; else: none ); & .beae-1kwker-track { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: fit-content; /* animation: calc(var(--xptm6k-speed, 100) * 1s) linear infinite; */ animation-duration: var(--xptm6k-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .beae-1kwker-content { display: flex; flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--xptm6k-itemGap, 0px); padding-right: var(--xptm6k-itemGap, 0px); } & .beae-item-content { flex-shrink: 0; min-width: 0; width: fit-content; } @media (min-width: 640px) and (max-width: 1023px) { &.beae-3tg2vw-wrapper { border-radius: var(--xptm6k-borderRadius-tablet, var(--xptm6k-borderRadius, 0)); } & .beae-1kwker-track { /* animation-duration: calc(var(--xptm6k-speed-tablet, 20) * 1s); */ animation-duration: var(--xptm6k-speed-tablet, var(--xptm6k-speed, 20s)); } & .beae-1kwker-content { /* gap: var(--xptm6k-itemGap-tablet); padding-right: var(--xptm6k-itemGap-tablet); */ gap: var(--xptm6k-itemGap-tablet, var(--xptm6k-itemGap, 0px)); padding-right: var(--xptm6k-itemGap-tablet, var(--xptm6k-itemGap, 0px)); } } @media (max-width: 639px) { &.beae-3tg2vw-wrapper { border-radius: var(--xptm6k-borderRadius-mobile, var(--xptm6k-borderRadius, 0)); } & .beae-1kwker-track { /* animation-duration: calc(var(--xptm6k-speed-mobile, 20) * 1s); */ animation-duration: var(--xptm6k-speed-mobile, var(--xptm6k-speed, 20s)); } & .beae-1kwker-content { /* gap: var(--xptm6k-itemGap-mobile); padding-right: var(--xptm6k-itemGap-mobile); */ gap: var(--xptm6k-itemGap-mobile, var(--xptm6k-itemGap, 0px)); padding-right: var(--xptm6k-itemGap-mobile, var(--xptm6k-itemGap, 0px)); } } } } @keyframes marquee-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } @keyframes marquee-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); } } [data-bnode="beae-xptm6k"] [data-bnode="beae-ky8gzp"] { margin-top: var(--ky8gzp-margin-top, 0px); margin-right: var(--ky8gzp-margin-right, 0px); margin-bottom: var(--ky8gzp-margin-bottom, 0px); margin-left: var(--ky8gzp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ky8gzp-margin-top-tablet, 0px); margin-right: var(--ky8gzp-margin-right-tablet, 0px); margin-bottom: var(--ky8gzp-margin-bottom-tablet, 0px); margin-left: var(--ky8gzp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ky8gzp-margin-top-mobile, 0px); margin-right: var(--ky8gzp-margin-right-mobile, 0px); margin-bottom: var(--ky8gzp-margin-bottom-mobile, 0px); margin-left: var(--ky8gzp-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ky8gzp-highlightColor,var(--beae-p-color)); top: var(--ky8gzp-highlightTop, 100%); } } [data-bnode="beae-xptm6k"] [data-bnode="beae-4qzuvq"] { margin-top: var(--4qzuvq-margin-top, 0px); margin-right: var(--4qzuvq-margin-right, 0px); margin-bottom: var(--4qzuvq-margin-bottom, 0px); margin-left: var(--4qzuvq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4qzuvq-margin-top-tablet, 0px); margin-right: var(--4qzuvq-margin-right-tablet, 0px); margin-bottom: var(--4qzuvq-margin-bottom-tablet, 0px); margin-left: var(--4qzuvq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4qzuvq-margin-top-mobile, 0px); margin-right: var(--4qzuvq-margin-right-mobile, 0px); margin-bottom: var(--4qzuvq-margin-bottom-mobile, 0px); margin-left: var(--4qzuvq-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--4qzuvq-width,100%) - var(--4qzuvq-margin-left,0px) - var(--4qzuvq-margin-right,0px)); min-height: min-content; border-style: var(--4qzuvq-borderStyle,solid); border-color: var(--4qzuvq-borderColor,#000000); border-width: var(--4qzuvq-borderWidth-tl,0px) var(--4qzuvq-borderWidth-tr,0px) var(--4qzuvq-borderWidth-br,0px) var(--4qzuvq-borderWidth-bl,0px); border-radius: var(--4qzuvq-borderRadius-tl,0px) var(--4qzuvq-borderRadius-tr,0px) var(--4qzuvq-borderRadius-br,0px) var(--4qzuvq-borderRadius-bl,0px); aspect-ratio: var(--4qzuvq-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--4qzuvq-borderWidth-tl-tablet, var(--4qzuvq-borderWidth-tl,0px)) var(--4qzuvq-borderWidth-tr-tablet, var(--4qzuvq-borderWidth-tr,0px)) var(--4qzuvq-borderWidth-br-tablet, var(--4qzuvq-borderWidth-br,0px)) var(--4qzuvq-borderWidth-bl-tablet, var(--4qzuvq-borderWidth-bl,0px)); border-radius: var(--4qzuvq-borderRadius-tl-tablet, var(--4qzuvq-borderRadius-tl,0px)) var(--4qzuvq-borderRadius-tr-tablet, var(--4qzuvq-borderRadius-tr,0px)) var(--4qzuvq-borderRadius-br-tablet, var(--4qzuvq-borderRadius-br,0px)) var(--4qzuvq-borderRadius-bl-tablet, var(--4qzuvq-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--4qzuvq-borderWidth-tl-mobile, var(--4qzuvq-borderWidth-tl,0px)) var(--4qzuvq-borderWidth-tr-mobile, var(--4qzuvq-borderWidth-tr,0px)) var(--4qzuvq-borderWidth-br-mobile, var(--4qzuvq-borderWidth-br,0px)) var(--4qzuvq-borderWidth-bl-mobile, var(--4qzuvq-borderWidth-bl,0px)); border-radius: var(--4qzuvq-borderRadius-tl-mobile, var(--4qzuvq-borderRadius-tl,0px)) var(--4qzuvq-borderRadius-tr-mobile, var(--4qzuvq-borderRadius-tr,0px)) var(--4qzuvq-borderRadius-br-mobile, var(--4qzuvq-borderRadius-br,0px)) var(--4qzuvq-borderRadius-bl-mobile, var(--4qzuvq-borderRadius-bl,0px)); } box-shadow: if( style(--4qzuvq-enableShadow: true): var(--4qzuvq-shadowHorizontal, 0) var(--4qzuvq-shadowVertical, 0) var(--4qzuvq-shadowBlur, 0) 1px var(--4qzuvq-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--4qzuvq-overlayColor-color, #000); opacity: var(--4qzuvq-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--4qzuvq-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--4qzuvq-width-tablet,var(--4qzuvq-width,100%)) - var(--4qzuvq-margin-left-tablet,var(--4qzuvq-margin-left,0px)) - var(--4qzuvq-margin-right-tablet,var(--4qzuvq-margin-right,0px))); aspect-ratio: var(--4qzuvq-imageRatio-tablet, var(--4qzuvq-imageRatio, auto)); img { object-fit: var(--4qzuvq-objFit-tablet, var(--4qzuvq-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--4qzuvq-width-mobile,var(--4qzuvq-width,100%)) - var(--4qzuvq-margin-left-mobile,var(--4qzuvq-margin-left,0px)) - var(--4qzuvq-margin-right-mobile,var(--4qzuvq-margin-right,0px))); aspect-ratio: var(--4qzuvq-imageRatio-mobile, var(--4qzuvq-imageRatio, auto)); img { object-fit: var(--4qzuvq-objFit-mobile, var(--4qzuvq-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-xptm6k"] [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-xptm6k"] [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-xptm6k"] [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-xptm6k"] [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-dji4hl"] { --dji4hl-width: 100%; --dji4hl-width-tablet: 100%; --dji4hl-width-mobile: 100%; --dji4hl-height: fit-content; --dji4hl-height-tablet: fit-content; --dji4hl-height-mobile: fit-content; --dji4hl-padding-top: 112px; --dji4hl-padding-top-tablet: 80px; --dji4hl-padding-top-mobile: 56px; --dji4hl-padding-bottom: 112px; --dji4hl-padding-bottom-tablet: 80px; --dji4hl-padding-bottom-mobile: 56px; --dji4hl-padding-right: 30px; --dji4hl-padding-right-tablet: 30px; --dji4hl-padding-right-mobile: 16px; --dji4hl-padding-left: 30px; --dji4hl-padding-left-tablet: 30px; --dji4hl-padding-left-mobile: 16px; --dji4hl-direction: column; --dji4hl-direction-tablet: column; --dji4hl-direction-mobile: column; --dji4hl-structure: columns; --dji4hl-structure-tablet: columns; --dji4hl-structure-mobile: columns; --dji4hl-background-type: color; --dji4hl-background-type-tablet: color; --dji4hl-background-type-mobile: color; --dji4hl-background-color: #3E2828; --dji4hl-background-color-tablet: #3E2828; --dji4hl-background-color-mobile: #3E2828; --dji4hl-gap: 40px; --dji4hl-gap-tablet: 40px; --dji4hl-gap-mobile: 32px; }[data-bnode="beae-dji4hl"] { padding-top: var(--dji4hl-padding-top, 0px); padding-right: var(--dji4hl-padding-right, 0px); padding-bottom: var(--dji4hl-padding-bottom, 0px); padding-left: var(--dji4hl-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--dji4hl-padding-top-tablet, 0px); padding-right: var(--dji4hl-padding-right-tablet, 0px); padding-bottom: var(--dji4hl-padding-bottom-tablet, 0px); padding-left: var(--dji4hl-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--dji4hl-padding-top-mobile, 0px); padding-right: var(--dji4hl-padding-right-mobile, 0px); padding-bottom: var(--dji4hl-padding-bottom-mobile, 0px); padding-left: var(--dji4hl-padding-left-mobile, 0px); } width: calc(100% - var(--dji4hl-padding-left, 0px) - var(--dji4hl-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--dji4hl-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--dji4hl-height); width: 100%; max-width: var(--dji4hl-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(--dji4hl-background-color-tablet, var(--dji4hl-background-color)); & .beae-section-container { height: var(--dji4hl-height-tablet, auto); width: 100%; max-width: var(--dji4hl-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--dji4hl-background-color-mobile, var(--dji4hl-background-color-tablet, var(--dji4hl-background-color))); & .beae-section-container { height: var(--dji4hl-height-mobile, auto); width: 100%; max-width: var(--dji4hl-width-mobile, 100%); } } } }[data-bnode="beae-dji4hl"] > .beae-section-container{     display: flex;     flex-direction: var(--dji4hl-direction, column);     flex-wrap: nowrap;     justify-content: var(--dji4hl-justify-content);     align-items: var(--dji4hl-align-items);     gap: var(--dji4hl-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dji4hl"] > .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(--dji4hl-padding-right-tablet, 0px) - var(--dji4hl-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dji4hl"] > .beae-section-container{                            gap: var(--dji4hl-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(--dji4hl-padding-right-mobile, 0px) - var(--dji4hl-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-js9ow4"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #ffffff; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --js9ow4-typography: h2; --js9ow4-typography-tablet: h2; --js9ow4-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-js9ow4"] { margin-top: var(--js9ow4-margin-top, 0px); margin-right: var(--js9ow4-margin-right, 0px); margin-bottom: var(--js9ow4-margin-bottom, 0px); margin-left: var(--js9ow4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--js9ow4-margin-top-tablet, 0px); margin-right: var(--js9ow4-margin-right-tablet, 0px); margin-bottom: var(--js9ow4-margin-bottom-tablet, 0px); margin-left: var(--js9ow4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--js9ow4-margin-top-mobile, 0px); margin-right: var(--js9ow4-margin-right-mobile, 0px); margin-bottom: var(--js9ow4-margin-bottom-mobile, 0px); margin-left: var(--js9ow4-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--js9ow4-highlightColor,var(--beae-p-color)); top: var(--js9ow4-highlightTop, 100%); } }[data-bnode="beae-ec64u4"] { --ec64u4-columns: 3; --ec64u4-columns-tablet: 2; --ec64u4-columns-mobile: 1; --ec64u4-gap: 64px; --ec64u4-gap-tablet: 16px; --ec64u4-gap-mobile: 16px; --ec64u4-navType: true; --ec64u4-navType-tablet: true; --ec64u4-navType-mobile: true; --ec64u4-pagiType: true; --ec64u4-pagiType-tablet: true; --ec64u4-pagiType-mobile: true; --ec64u4-listType: slider; --ec64u4-listType-tablet: slider; --ec64u4-listType-mobile: slider; --ec64u4-stateNavigation: normal; --ec64u4-stateNavigation-tablet: normal; --ec64u4-stateNavigation-mobile: normal; --ec64u4-statePagination: hover; --ec64u4-statePagination-tablet: hover; --ec64u4-statePagination-mobile: hover; --ec64u4-stateNavigtion: normal; --ec64u4-stateNavigtion-tablet: normal; --ec64u4-stateNavigtion-mobile: normal; --ec64u4-pagiBg: #7C5050; --ec64u4-pagiBg-tablet: #7C5050; --ec64u4-pagiBg-mobile: #7C5050; --ec64u4-pagiBgActive: #F5EFEF; --ec64u4-pagiBgActive-tablet: #F5EFEF; --ec64u4-pagiBgActive-mobile: #F5EFEF; --ec64u4-pagiBgHover: #F5EFEF; --ec64u4-pagiBgHover-tablet: #F5EFEF; --ec64u4-pagiBgHover-mobile: #F5EFEF; --ec64u4-columnsMobile-mobile: 1; } [data-bnode="beae-ec64u4"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-ec64u4"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-ec64u4"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-ec64u4"] [data-bnode="beae-ogyi8y"] { --ogyi8y-width: 144px; --ogyi8y-imageRatio: 1/1; --ogyi8y-objFit: cover; --ogyi8y-borderColor: #d7c1c1; --ogyi8y-shadowColor: #000000; --ogyi8y-borderStyle: solid; --ogyi8y-enableShadow: false; --ogyi8y-borderRadius-tl: 12px; --ogyi8y-borderRadius-tr: 12px; --ogyi8y-borderRadius-bl: 12px; --ogyi8y-borderRadius-br: 12px; --ogyi8y-borderWidth-tl: 1px; --ogyi8y-borderWidth-tr: 1px; --ogyi8y-borderWidth-bl: 1px; --ogyi8y-borderWidth-br: 1px; --ogyi8y-margin-top: 0px; --ogyi8y-margin-right: 0px; --ogyi8y-margin-bottom: 16px; --ogyi8y-margin-left: 0px; } [data-bnode="beae-ec64u4"] [data-bnode="beae-abwdg9"] { --abwdg9-typography: h3; --beae-h3-font-size: 24px; --beae-h3-font-size-tablet: 24px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-weight: 500; --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; --beae-h3-text-align: center; } [data-bnode="beae-ec64u4"] [data-bnode="beae-lpjmlz"] { --lpjmlz-typography: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #ffffff; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-p2-text-align: center; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #3E2828; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-ec64u4"] [data-bnode="beae-pvs9hw"] { --pvs9hw-typography: h3; --beae-h3-font-size: 24px; --beae-h3-font-size-tablet: 24px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #100A0A; --beae-h3-font-weight: 500; --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; --pvs9hw-direction: row; --pvs9hw-structure: columns; --pvs9hw-gap: 2px; --pvs9hw-align-items: center; --pvs9hw-max-width: 90px; } [data-bnode="beae-ec64u4"] [data-bnode="beae-aepuve"] { --aepuve-typography: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #ffffff; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; } [data-bnode="beae-ec64u4"] [data-bnode="beae-3irnow"] { --3irnow-size: 17px; --3irnow-iconColor: #FFCB6C; --3irnow-backgroundColor: #FFFFFF00; --3irnow-padding: 0px; --3irnow-enableShadow: false; --3irnow-margin-top: 0px; --3irnow-margin-right: 0px; --3irnow-margin-bottom: 0px; --3irnow-margin-left: 0px; } [data-bnode="beae-ec64u4"] [data-bnode="beae-9hit24"] { --9hit24-padding: 0px; --9hit24-size: 17px; --9hit24-iconColor: #FFCB6C; } [data-bnode="beae-ec64u4"] [data-bnode="beae-jpr375"] { --jpr375-size: 17px; --jpr375-padding: 0px; --jpr375-iconColor: #FFCB6C; } [data-bnode="beae-ec64u4"] [data-bnode="beae-blk76p"] { --blk76p-iconColor: #FFCB6C; --blk76p-size: 17px; --blk76p-padding: 0; } [data-bnode="beae-ec64u4"] [data-bnode="beae-xgspnk"] { --xgspnk-padding: 0; --xgspnk-iconColor: #FFCB6C; --xgspnk-size: 17px; } [data-bnode="beae-ec64u4"] [data-bnode="beae-mqw0lj"] { --mqw0lj-padding: 0; --mqw0lj-iconColor: #FFCB6C; --mqw0lj-size: 17px; } [data-bnode="beae-ec64u4"] [data-bnode="beae-3irnow"] { --3irnow-backgroundColor: #FFFFFF00; --3irnow-backgroundColor-tablet: #FFFFFF00; --3irnow-backgroundColor-mobile: #FFFFFF00; --3irnow-enableShadow: false; --3irnow-enableShadow-tablet: false; --3irnow-enableShadow-mobile: false; } [data-bnode="beae-ec64u4"] [data-bnode="beae-jpr375"] { --jpr375-backgroundColor: #FFFFFF00; --jpr375-backgroundColor-tablet: #FFFFFF00; --jpr375-backgroundColor-mobile: #FFFFFF00; --jpr375-enableShadow: false; --jpr375-enableShadow-tablet: false; --jpr375-enableShadow-mobile: false; } [data-bnode="beae-ec64u4"] [data-bnode="beae-blk76p"] { --blk76p-backgroundColor: #FFFFFF00; --blk76p-backgroundColor-tablet: #FFFFFF00; --blk76p-backgroundColor-mobile: #FFFFFF00; --blk76p-enableShadow: false; --blk76p-enableShadow-tablet: false; --blk76p-enableShadow-mobile: false; } [data-bnode="beae-ec64u4"] [data-bnode="beae-xgspnk"] { --xgspnk-backgroundColor: #FFFFFF00; --xgspnk-backgroundColor-tablet: #FFFFFF00; --xgspnk-backgroundColor-mobile: #FFFFFF00; --xgspnk-enableShadow: false; --xgspnk-enableShadow-tablet: false; --xgspnk-enableShadow-mobile: false; } [data-bnode="beae-ec64u4"] [data-bnode="beae-mqw0lj"] { --mqw0lj-backgroundColor: #FFFFFF00; --mqw0lj-backgroundColor-tablet: #FFFFFF00; --mqw0lj-backgroundColor-mobile: #FFFFFF00; --mqw0lj-enableShadow: false; --mqw0lj-enableShadow-tablet: false; --mqw0lj-enableShadow-mobile: false; } [data-bnode="beae-ec64u4"] [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-ec64u4"] { margin-top: var(--ec64u4-margin-top, 0px); margin-right: var(--ec64u4-margin-right, 0px); margin-bottom: var(--ec64u4-margin-bottom, 0px); margin-left: var(--ec64u4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ec64u4-margin-top-tablet, 0px); margin-right: var(--ec64u4-margin-right-tablet, 0px); margin-bottom: var(--ec64u4-margin-bottom-tablet, 0px); margin-left: var(--ec64u4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ec64u4-margin-top-mobile, 0px); margin-right: var(--ec64u4-margin-right-mobile, 0px); margin-bottom: var(--ec64u4-margin-bottom-mobile, 0px); margin-left: var(--ec64u4-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--ec64u4-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--ec64u4-gap,20px) * (var(--ec64u4-columns, 3) - 1) + 1px) / var(--ec64u4-columns, 3)); &:last-child{ margin-right: var(--ec64u4-gap,20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--ec64u4-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--ec64u4-columns) - 1) * var(--ec64u4-gap,20px)) / var(--ec64u4-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--ec64u4-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--ec64u4-gap-tablet,20px) * (var(--ec64u4-columns-tablet, 3) - 1)) / var(--ec64u4-columns-tablet, 3)); &:last-child{ margin-right: var(--ec64u4-gap-tablet,20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--ec64u4-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--ec64u4-columns-tablet) - 1) * var(--ec64u4-gap-tablet,20px)) / var(--ec64u4-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--ec64u4-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--ec64u4-gap-mobile,20px) * (var(--ec64u4-columnsMobile-mobile, 1) - 1)) / var(--ec64u4-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--ec64u4-gap-mobile,20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--ec64u4-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--ec64u4-columnsMobile-mobile) - 1) * var(--ec64u4-gap-mobile,20px)) / var(--ec64u4-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--ec64u4-navPadding,12px); background:var(--ec64u4-navBg,#F5F5F5); color: var(--ec64u4-navColor,#333333); cursor: pointer; &:hover { background:var(--ec64u4-navBgHover,#CCCCCC); color: var(--ec64u4-navColorHover,#333333); } svg { width: var(--ec64u4-navIconSize,20px); height: var(--ec64u4-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--ec64u4-pagiBg,#E6E6E6); margin: 0 4px; &.active { background:var(--ec64u4-pagiBgActive,#181818); } &:not(.active):hover { background:var(--ec64u4-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--ec64u4-pagiColor,#e6e6e6); &.active { color:var(--ec64u4-pagiColorActive,#181818); } &:not(.active):hover { color: var(--ec64u4-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--ec64u4-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--ec64u4-pagiBg,#E6E6E6); &.active { background: var(--ec64u4-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--ec64u4-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-ec64u4"] [data-bnode="beae-ogyi8y"] { margin-top: var(--ogyi8y-margin-top, 0px); margin-right: var(--ogyi8y-margin-right, 0px); margin-bottom: var(--ogyi8y-margin-bottom, 0px); margin-left: var(--ogyi8y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ogyi8y-margin-top-tablet, 0px); margin-right: var(--ogyi8y-margin-right-tablet, 0px); margin-bottom: var(--ogyi8y-margin-bottom-tablet, 0px); margin-left: var(--ogyi8y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ogyi8y-margin-top-mobile, 0px); margin-right: var(--ogyi8y-margin-right-mobile, 0px); margin-bottom: var(--ogyi8y-margin-bottom-mobile, 0px); margin-left: var(--ogyi8y-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ogyi8y-width,100%) - var(--ogyi8y-margin-left,0px) - var(--ogyi8y-margin-right,0px)); min-height: min-content; border-style: var(--ogyi8y-borderStyle,solid); border-color: var(--ogyi8y-borderColor,#000000); border-width: var(--ogyi8y-borderWidth-tl,0px) var(--ogyi8y-borderWidth-tr,0px) var(--ogyi8y-borderWidth-br,0px) var(--ogyi8y-borderWidth-bl,0px); border-radius: var(--ogyi8y-borderRadius-tl,0px) var(--ogyi8y-borderRadius-tr,0px) var(--ogyi8y-borderRadius-br,0px) var(--ogyi8y-borderRadius-bl,0px); aspect-ratio: var(--ogyi8y-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ogyi8y-borderWidth-tl-tablet, var(--ogyi8y-borderWidth-tl,0px)) var(--ogyi8y-borderWidth-tr-tablet, var(--ogyi8y-borderWidth-tr,0px)) var(--ogyi8y-borderWidth-br-tablet, var(--ogyi8y-borderWidth-br,0px)) var(--ogyi8y-borderWidth-bl-tablet, var(--ogyi8y-borderWidth-bl,0px)); border-radius: var(--ogyi8y-borderRadius-tl-tablet, var(--ogyi8y-borderRadius-tl,0px)) var(--ogyi8y-borderRadius-tr-tablet, var(--ogyi8y-borderRadius-tr,0px)) var(--ogyi8y-borderRadius-br-tablet, var(--ogyi8y-borderRadius-br,0px)) var(--ogyi8y-borderRadius-bl-tablet, var(--ogyi8y-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ogyi8y-borderWidth-tl-mobile, var(--ogyi8y-borderWidth-tl,0px)) var(--ogyi8y-borderWidth-tr-mobile, var(--ogyi8y-borderWidth-tr,0px)) var(--ogyi8y-borderWidth-br-mobile, var(--ogyi8y-borderWidth-br,0px)) var(--ogyi8y-borderWidth-bl-mobile, var(--ogyi8y-borderWidth-bl,0px)); border-radius: var(--ogyi8y-borderRadius-tl-mobile, var(--ogyi8y-borderRadius-tl,0px)) var(--ogyi8y-borderRadius-tr-mobile, var(--ogyi8y-borderRadius-tr,0px)) var(--ogyi8y-borderRadius-br-mobile, var(--ogyi8y-borderRadius-br,0px)) var(--ogyi8y-borderRadius-bl-mobile, var(--ogyi8y-borderRadius-bl,0px)); } box-shadow: if( style(--ogyi8y-enableShadow: true): var(--ogyi8y-shadowHorizontal, 0) var(--ogyi8y-shadowVertical, 0) var(--ogyi8y-shadowBlur, 0) 1px var(--ogyi8y-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ogyi8y-overlayColor-color, #000); opacity: var(--ogyi8y-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ogyi8y-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ogyi8y-width-tablet,var(--ogyi8y-width,100%)) - var(--ogyi8y-margin-left-tablet,var(--ogyi8y-margin-left,0px)) - var(--ogyi8y-margin-right-tablet,var(--ogyi8y-margin-right,0px))); aspect-ratio: var(--ogyi8y-imageRatio-tablet, var(--ogyi8y-imageRatio, auto)); img { object-fit: var(--ogyi8y-objFit-tablet, var(--ogyi8y-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ogyi8y-width-mobile,var(--ogyi8y-width,100%)) - var(--ogyi8y-margin-left-mobile,var(--ogyi8y-margin-left,0px)) - var(--ogyi8y-margin-right-mobile,var(--ogyi8y-margin-right,0px))); aspect-ratio: var(--ogyi8y-imageRatio-mobile, var(--ogyi8y-imageRatio, auto)); img { object-fit: var(--ogyi8y-objFit-mobile, var(--ogyi8y-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-pvs9hw"] { padding-top: var(--pvs9hw-padding-top, 0px); padding-right: var(--pvs9hw-padding-right, 0px); padding-bottom: var(--pvs9hw-padding-bottom, 0px); padding-left: var(--pvs9hw-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pvs9hw-padding-top-tablet, 0px); padding-right: var(--pvs9hw-padding-right-tablet, 0px); padding-bottom: var(--pvs9hw-padding-bottom-tablet, 0px); padding-left: var(--pvs9hw-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--pvs9hw-padding-top-mobile, 0px); padding-right: var(--pvs9hw-padding-right-mobile, 0px); padding-bottom: var(--pvs9hw-padding-bottom-mobile, 0px); padding-left: var(--pvs9hw-padding-left-mobile, 0px); } width: calc(100% - var(--pvs9hw-padding-left, 0px) - var(--pvs9hw-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pvs9hw-background-imageRatio, auto); background: var(--pvs9hw-background-color); border-style: var(--pvs9hw-borderStyle,solid); border-color: var(--pvs9hw-borderColor,#000000); border-width: var(--pvs9hw-borderWidth-tl,0px) var(--pvs9hw-borderWidth-tr,0px) var(--pvs9hw-borderWidth-br,0px) var(--pvs9hw-borderWidth-bl,0px); border-radius: var(--pvs9hw-borderRadius-tl,0px) var(--pvs9hw-borderRadius-tr,0px) var(--pvs9hw-borderRadius-br,0px) var(--pvs9hw-borderRadius-bl,0px); box-shadow: if(style(--pvs9hw-enableShadow: true): var(--pvs9hw-shadowHorizontal,0) var(--pvs9hw-shadowVertical,0) var(--pvs9hw-shadowBlur,0) 1px var(--pvs9hw-shadowColor,#000000); else: none); max-width: var(--pvs9hw-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pvs9hw-background-imageRatio-tablet, var(--pvs9hw-background-imageRatio, auto)); border-width: var(--pvs9hw-borderWidth-tl-tablet,0px) var(--pvs9hw-borderWidth-tr-tablet,0px) var(--pvs9hw-borderWidth-br-tablet,0px) var(--pvs9hw-borderWidth-bl-tablet,0px); border-radius: var(--pvs9hw-borderRadius-tl-tablet,0px) var(--pvs9hw-borderRadius-tr-tablet,0px) var(--pvs9hw-borderRadius-br-tablet,0px) var(--pvs9hw-borderRadius-bl-tablet,0px); max-width: var(--pvs9hw-max-width-tablet, var(--pvs9hw-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pvs9hw-background-imageRatio-mobile, var(--pvs9hw-background-imageRatio, auto)); border-width: var(--pvs9hw-borderWidth-tl-mobile,0px) var(--pvs9hw-borderWidth-tr-mobile,0px) var(--pvs9hw-borderWidth-br-mobile,0px) var(--pvs9hw-borderWidth-bl-mobile,0px); border-radius: var(--pvs9hw-borderRadius-tl-mobile,0px) var(--pvs9hw-borderRadius-tr-mobile,0px) var(--pvs9hw-borderRadius-br-mobile,0px) var(--pvs9hw-borderRadius-bl-mobile,0px); max-width: var(--pvs9hw-max-width-mobile, var(--pvs9hw-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-ec64u4"] [data-bnode="beae-3irnow"] { margin-top: var(--3irnow-margin-top, 0px); margin-right: var(--3irnow-margin-right, 0px); margin-bottom: var(--3irnow-margin-bottom, 0px); margin-left: var(--3irnow-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3irnow-margin-top-tablet, 0px); margin-right: var(--3irnow-margin-right-tablet, 0px); margin-bottom: var(--3irnow-margin-bottom-tablet, 0px); margin-left: var(--3irnow-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3irnow-margin-top-mobile, 0px); margin-right: var(--3irnow-margin-right-mobile, 0px); margin-bottom: var(--3irnow-margin-bottom-mobile, 0px); margin-left: var(--3irnow-margin-left-mobile, 0px); } & { display: block; padding: var(--3irnow-padding, 4px); border-style: var(--3irnow-borderStyle,solid); border-color: var(--3irnow-borderColor,#000000); border-width: var(--3irnow-borderWidth-tl,0px) var(--3irnow-borderWidth-tr,0px) var(--3irnow-borderWidth-br,0px) var(--3irnow-borderWidth-bl,0px); border-radius: var(--3irnow-borderRadius-tl,0px) var(--3irnow-borderRadius-tr,0px) var(--3irnow-borderRadius-br,0px) var(--3irnow-borderRadius-bl,0px); box-shadow: if( style(--3irnow-enableShadow: true): var(--3irnow-shadowHorizontal, 0) var(--3irnow-shadowVertical, 0) var(--3irnow-shadowBlur, 0) 1px var(--3irnow-shadowColor, #000000); else: none ); color: var(--3irnow-iconColor); background-color: var(--3irnow-backgroundColor); overflow: hidden; width: var(--3irnow-size, 28px); height: fit-content; max-width: var(--3irnow-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--3irnow-borderWidth-tl-tablet,0px) var(--3irnow-borderWidth-tr-tablet,0px) var(--3irnow-borderWidth-br-tablet,0px) var(--3irnow-borderWidth-bl-tablet,0px); border-radius: var(--3irnow-borderRadius-tl-tablet,0px) var(--3irnow-borderRadius-tr-tablet,0px) var(--3irnow-borderRadius-br-tablet,0px) var(--3irnow-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--3irnow-borderWidth-tl-mobile,0px) var(--3irnow-borderWidth-tr-mobile,0px) var(--3irnow-borderWidth-br-mobile,0px) var(--3irnow-borderWidth-bl-mobile,0px); border-radius: var(--3irnow-borderRadius-tl-mobile,0px) var(--3irnow-borderRadius-tr-mobile,0px) var(--3irnow-borderRadius-br-mobile,0px) var(--3irnow-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-jpr375"] { margin-top: var(--jpr375-margin-top, 0px); margin-right: var(--jpr375-margin-right, 0px); margin-bottom: var(--jpr375-margin-bottom, 0px); margin-left: var(--jpr375-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jpr375-margin-top-tablet, 0px); margin-right: var(--jpr375-margin-right-tablet, 0px); margin-bottom: var(--jpr375-margin-bottom-tablet, 0px); margin-left: var(--jpr375-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jpr375-margin-top-mobile, 0px); margin-right: var(--jpr375-margin-right-mobile, 0px); margin-bottom: var(--jpr375-margin-bottom-mobile, 0px); margin-left: var(--jpr375-margin-left-mobile, 0px); } & { display: block; padding: var(--jpr375-padding, 4px); border-style: var(--jpr375-borderStyle,solid); border-color: var(--jpr375-borderColor,#000000); border-width: var(--jpr375-borderWidth-tl,0px) var(--jpr375-borderWidth-tr,0px) var(--jpr375-borderWidth-br,0px) var(--jpr375-borderWidth-bl,0px); border-radius: var(--jpr375-borderRadius-tl,0px) var(--jpr375-borderRadius-tr,0px) var(--jpr375-borderRadius-br,0px) var(--jpr375-borderRadius-bl,0px); box-shadow: if( style(--jpr375-enableShadow: true): var(--jpr375-shadowHorizontal, 0) var(--jpr375-shadowVertical, 0) var(--jpr375-shadowBlur, 0) 1px var(--jpr375-shadowColor, #000000); else: none ); color: var(--jpr375-iconColor); background-color: var(--jpr375-backgroundColor); overflow: hidden; width: var(--jpr375-size, 28px); height: fit-content; max-width: var(--jpr375-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--jpr375-borderWidth-tl-tablet,0px) var(--jpr375-borderWidth-tr-tablet,0px) var(--jpr375-borderWidth-br-tablet,0px) var(--jpr375-borderWidth-bl-tablet,0px); border-radius: var(--jpr375-borderRadius-tl-tablet,0px) var(--jpr375-borderRadius-tr-tablet,0px) var(--jpr375-borderRadius-br-tablet,0px) var(--jpr375-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--jpr375-borderWidth-tl-mobile,0px) var(--jpr375-borderWidth-tr-mobile,0px) var(--jpr375-borderWidth-br-mobile,0px) var(--jpr375-borderWidth-bl-mobile,0px); border-radius: var(--jpr375-borderRadius-tl-mobile,0px) var(--jpr375-borderRadius-tr-mobile,0px) var(--jpr375-borderRadius-br-mobile,0px) var(--jpr375-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-blk76p"] { margin-top: var(--blk76p-margin-top, 0px); margin-right: var(--blk76p-margin-right, 0px); margin-bottom: var(--blk76p-margin-bottom, 0px); margin-left: var(--blk76p-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--blk76p-margin-top-tablet, 0px); margin-right: var(--blk76p-margin-right-tablet, 0px); margin-bottom: var(--blk76p-margin-bottom-tablet, 0px); margin-left: var(--blk76p-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--blk76p-margin-top-mobile, 0px); margin-right: var(--blk76p-margin-right-mobile, 0px); margin-bottom: var(--blk76p-margin-bottom-mobile, 0px); margin-left: var(--blk76p-margin-left-mobile, 0px); } & { display: block; padding: var(--blk76p-padding, 4px); border-style: var(--blk76p-borderStyle,solid); border-color: var(--blk76p-borderColor,#000000); border-width: var(--blk76p-borderWidth-tl,0px) var(--blk76p-borderWidth-tr,0px) var(--blk76p-borderWidth-br,0px) var(--blk76p-borderWidth-bl,0px); border-radius: var(--blk76p-borderRadius-tl,0px) var(--blk76p-borderRadius-tr,0px) var(--blk76p-borderRadius-br,0px) var(--blk76p-borderRadius-bl,0px); box-shadow: if( style(--blk76p-enableShadow: true): var(--blk76p-shadowHorizontal, 0) var(--blk76p-shadowVertical, 0) var(--blk76p-shadowBlur, 0) 1px var(--blk76p-shadowColor, #000000); else: none ); color: var(--blk76p-iconColor); background-color: var(--blk76p-backgroundColor); overflow: hidden; width: var(--blk76p-size, 28px); height: fit-content; max-width: var(--blk76p-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--blk76p-borderWidth-tl-tablet,0px) var(--blk76p-borderWidth-tr-tablet,0px) var(--blk76p-borderWidth-br-tablet,0px) var(--blk76p-borderWidth-bl-tablet,0px); border-radius: var(--blk76p-borderRadius-tl-tablet,0px) var(--blk76p-borderRadius-tr-tablet,0px) var(--blk76p-borderRadius-br-tablet,0px) var(--blk76p-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--blk76p-borderWidth-tl-mobile,0px) var(--blk76p-borderWidth-tr-mobile,0px) var(--blk76p-borderWidth-br-mobile,0px) var(--blk76p-borderWidth-bl-mobile,0px); border-radius: var(--blk76p-borderRadius-tl-mobile,0px) var(--blk76p-borderRadius-tr-mobile,0px) var(--blk76p-borderRadius-br-mobile,0px) var(--blk76p-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-xgspnk"] { margin-top: var(--xgspnk-margin-top, 0px); margin-right: var(--xgspnk-margin-right, 0px); margin-bottom: var(--xgspnk-margin-bottom, 0px); margin-left: var(--xgspnk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xgspnk-margin-top-tablet, 0px); margin-right: var(--xgspnk-margin-right-tablet, 0px); margin-bottom: var(--xgspnk-margin-bottom-tablet, 0px); margin-left: var(--xgspnk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xgspnk-margin-top-mobile, 0px); margin-right: var(--xgspnk-margin-right-mobile, 0px); margin-bottom: var(--xgspnk-margin-bottom-mobile, 0px); margin-left: var(--xgspnk-margin-left-mobile, 0px); } & { display: block; padding: var(--xgspnk-padding, 4px); border-style: var(--xgspnk-borderStyle,solid); border-color: var(--xgspnk-borderColor,#000000); border-width: var(--xgspnk-borderWidth-tl,0px) var(--xgspnk-borderWidth-tr,0px) var(--xgspnk-borderWidth-br,0px) var(--xgspnk-borderWidth-bl,0px); border-radius: var(--xgspnk-borderRadius-tl,0px) var(--xgspnk-borderRadius-tr,0px) var(--xgspnk-borderRadius-br,0px) var(--xgspnk-borderRadius-bl,0px); box-shadow: if( style(--xgspnk-enableShadow: true): var(--xgspnk-shadowHorizontal, 0) var(--xgspnk-shadowVertical, 0) var(--xgspnk-shadowBlur, 0) 1px var(--xgspnk-shadowColor, #000000); else: none ); color: var(--xgspnk-iconColor); background-color: var(--xgspnk-backgroundColor); overflow: hidden; width: var(--xgspnk-size, 28px); height: fit-content; max-width: var(--xgspnk-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--xgspnk-borderWidth-tl-tablet,0px) var(--xgspnk-borderWidth-tr-tablet,0px) var(--xgspnk-borderWidth-br-tablet,0px) var(--xgspnk-borderWidth-bl-tablet,0px); border-radius: var(--xgspnk-borderRadius-tl-tablet,0px) var(--xgspnk-borderRadius-tr-tablet,0px) var(--xgspnk-borderRadius-br-tablet,0px) var(--xgspnk-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--xgspnk-borderWidth-tl-mobile,0px) var(--xgspnk-borderWidth-tr-mobile,0px) var(--xgspnk-borderWidth-br-mobile,0px) var(--xgspnk-borderWidth-bl-mobile,0px); border-radius: var(--xgspnk-borderRadius-tl-mobile,0px) var(--xgspnk-borderRadius-tr-mobile,0px) var(--xgspnk-borderRadius-br-mobile,0px) var(--xgspnk-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-mqw0lj"] { margin-top: var(--mqw0lj-margin-top, 0px); margin-right: var(--mqw0lj-margin-right, 0px); margin-bottom: var(--mqw0lj-margin-bottom, 0px); margin-left: var(--mqw0lj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mqw0lj-margin-top-tablet, 0px); margin-right: var(--mqw0lj-margin-right-tablet, 0px); margin-bottom: var(--mqw0lj-margin-bottom-tablet, 0px); margin-left: var(--mqw0lj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mqw0lj-margin-top-mobile, 0px); margin-right: var(--mqw0lj-margin-right-mobile, 0px); margin-bottom: var(--mqw0lj-margin-bottom-mobile, 0px); margin-left: var(--mqw0lj-margin-left-mobile, 0px); } & { display: block; padding: var(--mqw0lj-padding, 4px); border-style: var(--mqw0lj-borderStyle,solid); border-color: var(--mqw0lj-borderColor,#000000); border-width: var(--mqw0lj-borderWidth-tl,0px) var(--mqw0lj-borderWidth-tr,0px) var(--mqw0lj-borderWidth-br,0px) var(--mqw0lj-borderWidth-bl,0px); border-radius: var(--mqw0lj-borderRadius-tl,0px) var(--mqw0lj-borderRadius-tr,0px) var(--mqw0lj-borderRadius-br,0px) var(--mqw0lj-borderRadius-bl,0px); box-shadow: if( style(--mqw0lj-enableShadow: true): var(--mqw0lj-shadowHorizontal, 0) var(--mqw0lj-shadowVertical, 0) var(--mqw0lj-shadowBlur, 0) 1px var(--mqw0lj-shadowColor, #000000); else: none ); color: var(--mqw0lj-iconColor); background-color: var(--mqw0lj-backgroundColor); overflow: hidden; width: var(--mqw0lj-size, 28px); height: fit-content; max-width: var(--mqw0lj-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--mqw0lj-borderWidth-tl-tablet,0px) var(--mqw0lj-borderWidth-tr-tablet,0px) var(--mqw0lj-borderWidth-br-tablet,0px) var(--mqw0lj-borderWidth-bl-tablet,0px); border-radius: var(--mqw0lj-borderRadius-tl-tablet,0px) var(--mqw0lj-borderRadius-tr-tablet,0px) var(--mqw0lj-borderRadius-br-tablet,0px) var(--mqw0lj-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--mqw0lj-borderWidth-tl-mobile,0px) var(--mqw0lj-borderWidth-tr-mobile,0px) var(--mqw0lj-borderWidth-br-mobile,0px) var(--mqw0lj-borderWidth-bl-mobile,0px); border-radius: var(--mqw0lj-borderRadius-tl-mobile,0px) var(--mqw0lj-borderRadius-tr-mobile,0px) var(--mqw0lj-borderRadius-br-mobile,0px) var(--mqw0lj-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-ec64u4"] [data-bnode="beae-abwdg9"] { margin-top: var(--abwdg9-margin-top, 0px); margin-right: var(--abwdg9-margin-right, 0px); margin-bottom: var(--abwdg9-margin-bottom, 0px); margin-left: var(--abwdg9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--abwdg9-margin-top-tablet, 0px); margin-right: var(--abwdg9-margin-right-tablet, 0px); margin-bottom: var(--abwdg9-margin-bottom-tablet, 0px); margin-left: var(--abwdg9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--abwdg9-margin-top-mobile, 0px); margin-right: var(--abwdg9-margin-right-mobile, 0px); margin-bottom: var(--abwdg9-margin-bottom-mobile, 0px); margin-left: var(--abwdg9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--abwdg9-highlightColor,var(--beae-p-color)); top: var(--abwdg9-highlightTop, 100%); } } [data-bnode="beae-ec64u4"] [data-bnode="beae-lpjmlz"] { margin-top: var(--lpjmlz-margin-top, 0px); margin-right: var(--lpjmlz-margin-right, 0px); margin-bottom: var(--lpjmlz-margin-bottom, 0px); margin-left: var(--lpjmlz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lpjmlz-margin-top-tablet, 0px); margin-right: var(--lpjmlz-margin-right-tablet, 0px); margin-bottom: var(--lpjmlz-margin-bottom-tablet, 0px); margin-left: var(--lpjmlz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lpjmlz-margin-top-mobile, 0px); margin-right: var(--lpjmlz-margin-right-mobile, 0px); margin-bottom: var(--lpjmlz-margin-bottom-mobile, 0px); margin-left: var(--lpjmlz-margin-left-mobile, 0px); } } [data-bnode="beae-ec64u4"] [data-bnode="beae-aepuve"] { margin-top: var(--aepuve-margin-top, 0px); margin-right: var(--aepuve-margin-right, 0px); margin-bottom: var(--aepuve-margin-bottom, 0px); margin-left: var(--aepuve-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--aepuve-margin-top-tablet, 0px); margin-right: var(--aepuve-margin-right-tablet, 0px); margin-bottom: var(--aepuve-margin-bottom-tablet, 0px); margin-left: var(--aepuve-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--aepuve-margin-top-mobile, 0px); margin-right: var(--aepuve-margin-right-mobile, 0px); margin-bottom: var(--aepuve-margin-bottom-mobile, 0px); margin-left: var(--aepuve-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--aepuve-highlightColor,var(--beae-p-color)); top: var(--aepuve-highlightTop, 100%); } } [data-bnode="beae-ec64u4"] [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-ec64u4"] [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-ec64u4"] [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(20.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ec64u4"] [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(20.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pvs9hw"] {     display: flex;     flex-direction: var(--pvs9hw-direction, column);     flex-wrap: nowrap;     justify-content: var(--pvs9hw-justify-content);     align-items: var(--pvs9hw-align-items);     gap: var(--pvs9hw-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(20.00% - var(--pvs9hw-padding-right, 0px) - var(--pvs9hw-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pvs9hw"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(20.00% - var(--pvs9hw-padding-right-tablet, 0px) - var(--pvs9hw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pvs9hw"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(20.00% - var(--pvs9hw-padding-right-mobile, 0px) - var(--pvs9hw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-r4uki8"] { --r4uki8-width: var(--beae-w); --r4uki8-width-tablet: var(--beae-w); --r4uki8-width-mobile: var(--beae-w); --r4uki8-height: fit-content; --r4uki8-height-tablet: fit-content; --r4uki8-height-mobile: fit-content; --r4uki8-padding-top: 112px; --r4uki8-padding-top-tablet: 80px; --r4uki8-padding-top-mobile: 56px; --r4uki8-padding-bottom: 112px; --r4uki8-padding-bottom-tablet: 80px; --r4uki8-padding-bottom-mobile: 56px; --r4uki8-padding-right: 30px; --r4uki8-padding-right-tablet: 30px; --r4uki8-padding-right-mobile: 16px; --r4uki8-padding-left: 30px; --r4uki8-padding-left-tablet: 30px; --r4uki8-padding-left-mobile: 16px; --r4uki8-background-type: color; --r4uki8-background-type-tablet: color; --r4uki8-background-type-mobile: color; --r4uki8-background-color: #FCF4EE; --r4uki8-background-color-tablet: #FCF4EE; --r4uki8-background-color-mobile: #FCF4EE; --r4uki8-direction: column; --r4uki8-direction-tablet: column; --r4uki8-direction-mobile: column; --r4uki8-structure: columns; --r4uki8-structure-tablet: columns; --r4uki8-structure-mobile: columns; --r4uki8-gap: 48px; --r4uki8-gap-tablet: 40px; --r4uki8-gap-mobile: 32px; --r4uki8-align-items: center; --r4uki8-align-items-tablet: center; --r4uki8-align-items-mobile: center; }[data-bnode="beae-r4uki8"] { padding-top: var(--r4uki8-padding-top, 0px); padding-right: var(--r4uki8-padding-right, 0px); padding-bottom: var(--r4uki8-padding-bottom, 0px); padding-left: var(--r4uki8-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--r4uki8-padding-top-tablet, 0px); padding-right: var(--r4uki8-padding-right-tablet, 0px); padding-bottom: var(--r4uki8-padding-bottom-tablet, 0px); padding-left: var(--r4uki8-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--r4uki8-padding-top-mobile, 0px); padding-right: var(--r4uki8-padding-right-mobile, 0px); padding-bottom: var(--r4uki8-padding-bottom-mobile, 0px); padding-left: var(--r4uki8-padding-left-mobile, 0px); } width: calc(100% - var(--r4uki8-padding-left, 0px) - var(--r4uki8-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--r4uki8-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--r4uki8-height); width: 100%; max-width: var(--r4uki8-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(--r4uki8-background-color-tablet, var(--r4uki8-background-color)); & .beae-section-container { height: var(--r4uki8-height-tablet, auto); width: 100%; max-width: var(--r4uki8-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--r4uki8-background-color-mobile, var(--r4uki8-background-color-tablet, var(--r4uki8-background-color))); & .beae-section-container { height: var(--r4uki8-height-mobile, auto); width: 100%; max-width: var(--r4uki8-width-mobile, 100%); } } } }[data-bnode="beae-r4uki8"] > .beae-section-container{     display: flex;     flex-direction: var(--r4uki8-direction, column);     flex-wrap: nowrap;     justify-content: var(--r4uki8-justify-content);     align-items: var(--r4uki8-align-items);     gap: var(--r4uki8-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-r4uki8"] > .beae-section-container{                            gap: var(--r4uki8-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(--r4uki8-padding-right-tablet, 0px) - var(--r4uki8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-r4uki8"] > .beae-section-container{                            gap: var(--r4uki8-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(--r4uki8-padding-right-mobile, 0px) - var(--r4uki8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-j3x9cc"] { --j3x9cc-direction: column; --j3x9cc-direction-tablet: column; --j3x9cc-direction-mobile: column; --j3x9cc-align-items: center; --j3x9cc-align-items-tablet: center; --j3x9cc-align-items-mobile: center; --j3x9cc-gap: 16px; --j3x9cc-gap-tablet: 16px; --j3x9cc-gap-mobile: 16px; }[data-bnode="beae-j3x9cc"] { padding-top: var(--j3x9cc-padding-top, 0px); padding-right: var(--j3x9cc-padding-right, 0px); padding-bottom: var(--j3x9cc-padding-bottom, 0px); padding-left: var(--j3x9cc-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--j3x9cc-padding-top-tablet, 0px); padding-right: var(--j3x9cc-padding-right-tablet, 0px); padding-bottom: var(--j3x9cc-padding-bottom-tablet, 0px); padding-left: var(--j3x9cc-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--j3x9cc-padding-top-mobile, 0px); padding-right: var(--j3x9cc-padding-right-mobile, 0px); padding-bottom: var(--j3x9cc-padding-bottom-mobile, 0px); padding-left: var(--j3x9cc-padding-left-mobile, 0px); } width: calc(100% - var(--j3x9cc-padding-left, 0px) - var(--j3x9cc-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--j3x9cc-background-imageRatio, auto); background: var(--j3x9cc-background-color); border-style: var(--j3x9cc-borderStyle,solid); border-color: var(--j3x9cc-borderColor,#000000); border-width: var(--j3x9cc-borderWidth-tl,0px) var(--j3x9cc-borderWidth-tr,0px) var(--j3x9cc-borderWidth-br,0px) var(--j3x9cc-borderWidth-bl,0px); border-radius: var(--j3x9cc-borderRadius-tl,0px) var(--j3x9cc-borderRadius-tr,0px) var(--j3x9cc-borderRadius-br,0px) var(--j3x9cc-borderRadius-bl,0px); box-shadow: if(style(--j3x9cc-enableShadow: true): var(--j3x9cc-shadowHorizontal,0) var(--j3x9cc-shadowVertical,0) var(--j3x9cc-shadowBlur,0) 1px var(--j3x9cc-shadowColor,#000000); else: none); max-width: var(--j3x9cc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--j3x9cc-background-imageRatio-tablet, var(--j3x9cc-background-imageRatio, auto)); border-width: var(--j3x9cc-borderWidth-tl-tablet,0px) var(--j3x9cc-borderWidth-tr-tablet,0px) var(--j3x9cc-borderWidth-br-tablet,0px) var(--j3x9cc-borderWidth-bl-tablet,0px); border-radius: var(--j3x9cc-borderRadius-tl-tablet,0px) var(--j3x9cc-borderRadius-tr-tablet,0px) var(--j3x9cc-borderRadius-br-tablet,0px) var(--j3x9cc-borderRadius-bl-tablet,0px); max-width: var(--j3x9cc-max-width-tablet, var(--j3x9cc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--j3x9cc-background-imageRatio-mobile, var(--j3x9cc-background-imageRatio, auto)); border-width: var(--j3x9cc-borderWidth-tl-mobile,0px) var(--j3x9cc-borderWidth-tr-mobile,0px) var(--j3x9cc-borderWidth-br-mobile,0px) var(--j3x9cc-borderWidth-bl-mobile,0px); border-radius: var(--j3x9cc-borderRadius-tl-mobile,0px) var(--j3x9cc-borderRadius-tr-mobile,0px) var(--j3x9cc-borderRadius-br-mobile,0px) var(--j3x9cc-borderRadius-bl-mobile,0px); max-width: var(--j3x9cc-max-width-mobile, var(--j3x9cc-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-j3x9cc"] {     display: flex;     flex-direction: var(--j3x9cc-direction, column);     flex-wrap: nowrap;     justify-content: var(--j3x9cc-justify-content);     align-items: var(--j3x9cc-align-items);     gap: var(--j3x9cc-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-j3x9cc"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--j3x9cc-padding-right-tablet, 0px) - var(--j3x9cc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-j3x9cc"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--j3x9cc-padding-right-mobile, 0px) - var(--j3x9cc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-57jg9c"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #100A0A; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --57jg9c-typography: h2; --57jg9c-typography-tablet: h2; --57jg9c-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-57jg9c"] { margin-top: var(--57jg9c-margin-top, 0px); margin-right: var(--57jg9c-margin-right, 0px); margin-bottom: var(--57jg9c-margin-bottom, 0px); margin-left: var(--57jg9c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--57jg9c-margin-top-tablet, 0px); margin-right: var(--57jg9c-margin-right-tablet, 0px); margin-bottom: var(--57jg9c-margin-bottom-tablet, 0px); margin-left: var(--57jg9c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--57jg9c-margin-top-mobile, 0px); margin-right: var(--57jg9c-margin-right-mobile, 0px); margin-bottom: var(--57jg9c-margin-bottom-mobile, 0px); margin-left: var(--57jg9c-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--57jg9c-highlightColor,var(--beae-p-color)); top: var(--57jg9c-highlightTop, 100%); } }[data-bnode="beae-ie70q9"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --ie70q9-typography: p2; --ie70q9-typography-tablet: p2; --ie70q9-typography-mobile: p2; --beae-p2-text-align: center; }[data-bnode="beae-ie70q9"] { margin-top: var(--ie70q9-margin-top, 0px); margin-right: var(--ie70q9-margin-right, 0px); margin-bottom: var(--ie70q9-margin-bottom, 0px); margin-left: var(--ie70q9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ie70q9-margin-top-tablet, 0px); margin-right: var(--ie70q9-margin-right-tablet, 0px); margin-bottom: var(--ie70q9-margin-bottom-tablet, 0px); margin-left: var(--ie70q9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ie70q9-margin-top-mobile, 0px); margin-right: var(--ie70q9-margin-right-mobile, 0px); margin-bottom: var(--ie70q9-margin-bottom-mobile, 0px); margin-left: var(--ie70q9-margin-left-mobile, 0px); } }[data-bnode="beae-ehpo7g"] { --ehpo7g-width: fill; --ehpo7g-width-tablet: fill; --ehpo7g-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 6px; --beae-btn-pr-label-color: #FFFFFF; --beae-btn-pr-background-color: #7c5050; --beae-btn-text-transform: capitalize; --ehpo7g-iconWidth: 20px; --ehpo7g-iconWidth-tablet: 20px; --ehpo7g-iconWidth-mobile: 20px; --ehpo7g-iconGap: 5px; --ehpo7g-iconGap-tablet: 5px; --ehpo7g-iconGap-mobile: 5px; --ehpo7g-transform: none; --ehpo7g-transform-tablet: none; --ehpo7g-transform-mobile: none; --ehpo7g-button: pr; --ehpo7g-button-tablet: pr; --ehpo7g-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --ehpo7g-margin-top: 16px; --ehpo7g-margin-top-tablet: 16px; --ehpo7g-margin-top-mobile: 8px; --ehpo7g-margin-right: 0px; --ehpo7g-margin-right-tablet: 0px; --ehpo7g-margin-right-mobile: 0px; --ehpo7g-margin-bottom: 0px; --ehpo7g-margin-bottom-tablet: 0px; --ehpo7g-margin-bottom-mobile: 0px; --ehpo7g-margin-left: 0px; --ehpo7g-margin-left-tablet: 0px; --ehpo7g-margin-left-mobile: 0px; --ehpo7g-bgPrHover: #FFF; --ehpo7g-bgPrHover-tablet: #FFF; --ehpo7g-bgPrHover-mobile: #FFF; --ehpo7g-labelPrHover: #7C5050; --ehpo7g-labelPrHover-tablet: #7C5050; --ehpo7g-labelPrHover-mobile: #7C5050; --ehpo7g-borderPrHover: #7C5050; --ehpo7g-borderPrHover-tablet: #7C5050; --ehpo7g-borderPrHover-mobile: #7C5050; }[data-bnode="beae-ehpo7g"] { margin-top: var(--ehpo7g-margin-top, 0px); margin-right: var(--ehpo7g-margin-right, 0px); margin-bottom: var(--ehpo7g-margin-bottom, 0px); margin-left: var(--ehpo7g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ehpo7g-margin-top-tablet, 0px); margin-right: var(--ehpo7g-margin-right-tablet, 0px); margin-bottom: var(--ehpo7g-margin-bottom-tablet, 0px); margin-left: var(--ehpo7g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ehpo7g-margin-top-mobile, 0px); margin-right: var(--ehpo7g-margin-right-mobile, 0px); margin-bottom: var(--ehpo7g-margin-bottom-mobile, 0px); margin-left: var(--ehpo7g-margin-left-mobile, 0px); } &{ text-transform: var(--ehpo7g-transform); gap:var(--ehpo7g-iconGap,5px); outline: none !important; border: 1px solid var(--beae-btn-pr-background-color); &.beae-btn-pr:hover{ background-color: var(--ehpo7g-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--ehpo7g-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--ehpo7g-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover{ background-color: var(--ehpo7g-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--ehpo7g-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--ehpo7g-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover{ color: var(--ehpo7g-labelTeHover, var(--beae-btn-te-label-hover)); } svg { width: var(--ehpo7g-iconWidth,20px); min-width: var(--ehpo7g-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--ehpo7g-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } svg { width: var(--ehpo7g-iconWidth-tablet, var(--ehpo7g-iconWidth)); min-width: var(--ehpo7g-iconWidth-tablet, var(--ehpo7g-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--ehpo7g-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--ehpo7g-iconWidth-mobile, var(--ehpo7g-iconWidth)); min-width: var(--ehpo7g-iconWidth-mobile, var(--ehpo7g-iconWidth)); height: 100%; } } span{ display: flex; } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-klzxpo"] { --klzxpo-padding-top: 24px; --klzxpo-padding-top-tablet: 24px; --klzxpo-padding-top-mobile: 20px; --klzxpo-padding-right: 24px; --klzxpo-padding-right-tablet: 24px; --klzxpo-padding-right-mobile: 20px; --klzxpo-padding-bottom: 24px; --klzxpo-padding-bottom-tablet: 24px; --klzxpo-padding-bottom-mobile: 20px; --klzxpo-padding-left: 24px; --klzxpo-padding-left-tablet: 24px; --klzxpo-padding-left-mobile: 20px; --klzxpo-background-type: color; --klzxpo-background-type-tablet: color; --klzxpo-background-type-mobile: color; --klzxpo-background-color: #ffffff; --klzxpo-background-color-tablet: #ffffff; --klzxpo-background-color-mobile: #ffffff; --klzxpo-borderRadius-tl: 24px; --klzxpo-borderRadius-tl-tablet: 24px; --klzxpo-borderRadius-tl-mobile: 24px; --klzxpo-borderRadius-tr: 24px; --klzxpo-borderRadius-tr-tablet: 24px; --klzxpo-borderRadius-tr-mobile: 24px; --klzxpo-borderRadius-bl: 24px; --klzxpo-borderRadius-bl-tablet: 24px; --klzxpo-borderRadius-bl-mobile: 24px; --klzxpo-borderRadius-br: 24px; --klzxpo-borderRadius-br-tablet: 24px; --klzxpo-borderRadius-br-mobile: 24px; --klzxpo-borderStyle: solid; --klzxpo-borderStyle-tablet: solid; --klzxpo-borderStyle-mobile: solid; --klzxpo-borderWidth-tl: 1px; --klzxpo-borderWidth-tl-tablet: 1px; --klzxpo-borderWidth-tl-mobile: 1px; --klzxpo-borderWidth-tr: 1px; --klzxpo-borderWidth-tr-tablet: 1px; --klzxpo-borderWidth-tr-mobile: 1px; --klzxpo-borderWidth-bl: 1px; --klzxpo-borderWidth-bl-tablet: 1px; --klzxpo-borderWidth-bl-mobile: 1px; --klzxpo-borderWidth-br: 1px; --klzxpo-borderWidth-br-tablet: 1px; --klzxpo-borderWidth-br-mobile: 1px; --klzxpo-borderColor: #d7c1c1; --klzxpo-borderColor-tablet: #d7c1c1; --klzxpo-borderColor-mobile: #d7c1c1; --klzxpo-max-width: 896px; --klzxpo-max-width-tablet: 896px; --klzxpo-max-width-mobile: 896px; }[data-bnode="beae-klzxpo"] { padding-top: var(--klzxpo-padding-top, 0px); padding-right: var(--klzxpo-padding-right, 0px); padding-bottom: var(--klzxpo-padding-bottom, 0px); padding-left: var(--klzxpo-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--klzxpo-padding-top-tablet, 0px); padding-right: var(--klzxpo-padding-right-tablet, 0px); padding-bottom: var(--klzxpo-padding-bottom-tablet, 0px); padding-left: var(--klzxpo-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--klzxpo-padding-top-mobile, 0px); padding-right: var(--klzxpo-padding-right-mobile, 0px); padding-bottom: var(--klzxpo-padding-bottom-mobile, 0px); padding-left: var(--klzxpo-padding-left-mobile, 0px); } width: calc(100% - var(--klzxpo-padding-left, 0px) - var(--klzxpo-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--klzxpo-background-imageRatio, auto); background: var(--klzxpo-background-color); border-style: var(--klzxpo-borderStyle,solid); border-color: var(--klzxpo-borderColor,#000000); border-width: var(--klzxpo-borderWidth-tl,0px) var(--klzxpo-borderWidth-tr,0px) var(--klzxpo-borderWidth-br,0px) var(--klzxpo-borderWidth-bl,0px); border-radius: var(--klzxpo-borderRadius-tl,0px) var(--klzxpo-borderRadius-tr,0px) var(--klzxpo-borderRadius-br,0px) var(--klzxpo-borderRadius-bl,0px); box-shadow: if(style(--klzxpo-enableShadow: true): var(--klzxpo-shadowHorizontal,0) var(--klzxpo-shadowVertical,0) var(--klzxpo-shadowBlur,0) 1px var(--klzxpo-shadowColor,#000000); else: none); max-width: var(--klzxpo-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--klzxpo-background-imageRatio-tablet, var(--klzxpo-background-imageRatio, auto)); border-width: var(--klzxpo-borderWidth-tl-tablet,0px) var(--klzxpo-borderWidth-tr-tablet,0px) var(--klzxpo-borderWidth-br-tablet,0px) var(--klzxpo-borderWidth-bl-tablet,0px); border-radius: var(--klzxpo-borderRadius-tl-tablet,0px) var(--klzxpo-borderRadius-tr-tablet,0px) var(--klzxpo-borderRadius-br-tablet,0px) var(--klzxpo-borderRadius-bl-tablet,0px); max-width: var(--klzxpo-max-width-tablet, var(--klzxpo-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--klzxpo-background-imageRatio-mobile, var(--klzxpo-background-imageRatio, auto)); border-width: var(--klzxpo-borderWidth-tl-mobile,0px) var(--klzxpo-borderWidth-tr-mobile,0px) var(--klzxpo-borderWidth-br-mobile,0px) var(--klzxpo-borderWidth-bl-mobile,0px); border-radius: var(--klzxpo-borderRadius-tl-mobile,0px) var(--klzxpo-borderRadius-tr-mobile,0px) var(--klzxpo-borderRadius-br-mobile,0px) var(--klzxpo-borderRadius-bl-mobile,0px); max-width: var(--klzxpo-max-width-mobile, var(--klzxpo-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-klzxpo"] {     display: flex;     flex-direction: var(--klzxpo-direction, column);     flex-wrap: nowrap;     justify-content: var(--klzxpo-justify-content);     align-items: var(--klzxpo-align-items);     gap: var(--klzxpo-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-klzxpo"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--klzxpo-padding-right-tablet, 0px) - var(--klzxpo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-klzxpo"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--klzxpo-padding-right-mobile, 0px) - var(--klzxpo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-om0lm1"] { --om0lm1-headerState: active; --om0lm1-headerState-tablet: active; --om0lm1-headerState-mobile: active; --om0lm1-colorActive: #100A0A; --om0lm1-colorActive-tablet: #100A0A; --om0lm1-colorActive-mobile: #100A0A; --om0lm1-tabBgActive: #F5EFEF; --om0lm1-tabBgActive-tablet: #F5EFEF; --om0lm1-tabBgActive-mobile: #F5EFEF; --om0lm1-paddingX: 24px; --om0lm1-paddingX-tablet: 24px; --om0lm1-paddingX-mobile: 20px; --om0lm1-paddingY: 20px; --om0lm1-paddingY-tablet: 20px; --om0lm1-paddingY-mobile: 20px; --om0lm1-borderStyle: solid; --om0lm1-borderStyle-tablet: solid; --om0lm1-borderStyle-mobile: solid; --om0lm1-tabBg: #F5EFEF; --om0lm1-tabBg-tablet: #F5EFEF; --om0lm1-tabBg-mobile: #F5EFEF; --om0lm1-headingTypo: h5; --om0lm1-headingTypo-tablet: h5; --om0lm1-headingTypo-mobile: h5; --om0lm1-borderWidth-tl: 1px; --om0lm1-borderWidth-tl-tablet: 1px; --om0lm1-borderWidth-tl-mobile: 1px; --om0lm1-borderWidth-tr: 1px; --om0lm1-borderWidth-tr-tablet: 1px; --om0lm1-borderWidth-tr-mobile: 1px; --om0lm1-borderWidth-bl: 1px; --om0lm1-borderWidth-bl-tablet: 1px; --om0lm1-borderWidth-bl-mobile: 1px; --om0lm1-borderWidth-br: 1px; --om0lm1-borderWidth-br-tablet: 1px; --om0lm1-borderWidth-br-mobile: 1px; --om0lm1-borderColor: #d7c1c1; --om0lm1-borderColor-tablet: #d7c1c1; --om0lm1-borderColor-mobile: #d7c1c1; --om0lm1-borderRadius-tl: 8px; --om0lm1-borderRadius-tl-tablet: 8px; --om0lm1-borderRadius-tl-mobile: 8px; --om0lm1-borderRadius-tr: 8px; --om0lm1-borderRadius-tr-tablet: 8px; --om0lm1-borderRadius-tr-mobile: 8px; --om0lm1-borderRadius-bl: 8px; --om0lm1-borderRadius-bl-tablet: 8px; --om0lm1-borderRadius-bl-mobile: 8px; --om0lm1-borderRadius-br: 8px; --om0lm1-borderRadius-br-tablet: 8px; --om0lm1-borderRadius-br-mobile: 8px; --om0lm1-colorHover: #100a0a; --om0lm1-colorHover-tablet: #100a0a; --om0lm1-colorHover-mobile: #100a0a; --om0lm1-tabBgHover: #F5EFEF; --om0lm1-tabBgHover-tablet: #F5EFEF; --om0lm1-tabBgHover-mobile: #F5EFEF; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #100A0A; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; }[data-bnode="beae-om0lm1"] { margin-top: var(--om0lm1-margin-top, 0px); margin-right: var(--om0lm1-margin-right, 0px); margin-bottom: var(--om0lm1-margin-bottom, 0px); margin-left: var(--om0lm1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--om0lm1-margin-top-tablet, 0px); margin-right: var(--om0lm1-margin-right-tablet, 0px); margin-bottom: var(--om0lm1-margin-bottom-tablet, 0px); margin-left: var(--om0lm1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--om0lm1-margin-top-mobile, 0px); margin-right: var(--om0lm1-margin-right-mobile, 0px); margin-bottom: var(--om0lm1-margin-bottom-mobile, 0px); margin-left: var(--om0lm1-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: 8px; .beae-accordion-item { border-style: var(--om0lm1-borderStyle, solid); border-color: var(--om0lm1-borderColor, #000000); border-width: var(--om0lm1-borderWidth-tl, 0px) var(--om0lm1-borderWidth-tr, 0px) var(--om0lm1-borderWidth-br, 0px) var(--om0lm1-borderWidth-bl, 0px); border-radius: var(--om0lm1-borderRadius-tl, 0px) var(--om0lm1-borderRadius-tr, 0px) var(--om0lm1-borderRadius-br, 0px) var(--om0lm1-borderRadius-bl, 0px); box-shadow: if( style(--om0lm1-enableShadow: true): var(--om0lm1-shadowHorizontal, 0) var(--om0lm1-shadowVertical, 0) var(--om0lm1-shadowBlur, 0) 1px var(--om0lm1-shadowColor, #000000) ; else: none ); overflow: hidden; transition: all 0.3s ease; @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--om0lm1-borderWidth-tl-tablet, 0px) var(--om0lm1-borderWidth-tr-tablet, 0px) var(--om0lm1-borderWidth-br-tablet, 0px) var(--om0lm1-borderWidth-bl-tablet, 0px); border-radius: var(--om0lm1-borderRadius-tl-tablet, 0px) var(--om0lm1-borderRadius-tr-tablet, 0px) var(--om0lm1-borderRadius-br-tablet, 0px) var(--om0lm1-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--om0lm1-borderWidth-tl-mobile, 0px) var(--om0lm1-borderWidth-tr-mobile, 0px) var(--om0lm1-borderWidth-br-mobile, 0px) var(--om0lm1-borderWidth-bl-mobile, 0px); border-radius: var(--om0lm1-borderRadius-tl-mobile, 0px) var(--om0lm1-borderRadius-tr-mobile, 0px) var(--om0lm1-borderRadius-br-mobile, 0px) var(--om0lm1-borderRadius-bl-mobile, 0px); } svg { width: 20px; height: 20px; } .beae-accordion-icon { svg, path { transform: rotate(0); transform-origin: center; transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--om0lm1-colorActive, #100A0A); background: var(--om0lm1-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus { .stroke-vertical { transform: rotate(270deg); } } .beae-icon-chevron { transform: rotate(180deg); } .beae-icon-arrow { transform: rotate(90deg); } } } } .beae-accordion-title { flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--om0lm1-paddingX, 20px); padding-block: var(--om0lm1-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--om0lm1-tabBg); &:marker { display: none; } &:hover { background: var(--om0lm1-tabBgHover); color: var(--om0lm1-colorHover); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; background: var(--om0lm1-tabBgActive); animation: beaeSlideDown 0.3s ease-out; padding: 8px 24px; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-fbza7g"] { --fbza7g-direction: column; --fbza7g-direction-tablet: column; --fbza7g-direction-mobile: column; --fbza7g-gap: 16px; --fbza7g-gap-tablet: 16px; --fbza7g-gap-mobile: 16px; --fbza7g-padding-top: 0px; --fbza7g-padding-top-tablet: 0px; --fbza7g-padding-top-mobile: 0px; --fbza7g-padding-right: 0px; --fbza7g-padding-right-tablet: 0px; --fbza7g-padding-right-mobile: 0px; --fbza7g-padding-bottom: 0px; --fbza7g-padding-bottom-tablet: 0px; --fbza7g-padding-bottom-mobile: 0px; --fbza7g-padding-left: 0px; --fbza7g-padding-left-tablet: 0px; --fbza7g-padding-left-mobile: 0px; --fbza7g-background-type: color; --fbza7g-background-type-tablet: color; --fbza7g-background-type-mobile: color; --fbza7g-background-color: #F5EFEF; --fbza7g-background-color-tablet: #F5EFEF; --fbza7g-background-color-mobile: #F5EFEF; }[data-bnode="beae-fbza7g"] { padding-top: var(--fbza7g-padding-top, 0px); padding-right: var(--fbza7g-padding-right, 0px); padding-bottom: var(--fbza7g-padding-bottom, 0px); padding-left: var(--fbza7g-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--fbza7g-padding-top-tablet, 0px); padding-right: var(--fbza7g-padding-right-tablet, 0px); padding-bottom: var(--fbza7g-padding-bottom-tablet, 0px); padding-left: var(--fbza7g-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--fbza7g-padding-top-mobile, 0px); padding-right: var(--fbza7g-padding-right-mobile, 0px); padding-bottom: var(--fbza7g-padding-bottom-mobile, 0px); padding-left: var(--fbza7g-padding-left-mobile, 0px); } width: calc(100% - var(--fbza7g-padding-left, 0px) - var(--fbza7g-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--fbza7g-background-imageRatio, auto); background: var(--fbza7g-background-color); border-style: var(--fbza7g-borderStyle,solid); border-color: var(--fbza7g-borderColor,#000000); border-width: var(--fbza7g-borderWidth-tl,0px) var(--fbza7g-borderWidth-tr,0px) var(--fbza7g-borderWidth-br,0px) var(--fbza7g-borderWidth-bl,0px); border-radius: var(--fbza7g-borderRadius-tl,0px) var(--fbza7g-borderRadius-tr,0px) var(--fbza7g-borderRadius-br,0px) var(--fbza7g-borderRadius-bl,0px); box-shadow: if(style(--fbza7g-enableShadow: true): var(--fbza7g-shadowHorizontal,0) var(--fbza7g-shadowVertical,0) var(--fbza7g-shadowBlur,0) 1px var(--fbza7g-shadowColor,#000000); else: none); max-width: var(--fbza7g-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--fbza7g-background-imageRatio-tablet, var(--fbza7g-background-imageRatio, auto)); border-width: var(--fbza7g-borderWidth-tl-tablet,0px) var(--fbza7g-borderWidth-tr-tablet,0px) var(--fbza7g-borderWidth-br-tablet,0px) var(--fbza7g-borderWidth-bl-tablet,0px); border-radius: var(--fbza7g-borderRadius-tl-tablet,0px) var(--fbza7g-borderRadius-tr-tablet,0px) var(--fbza7g-borderRadius-br-tablet,0px) var(--fbza7g-borderRadius-bl-tablet,0px); max-width: var(--fbza7g-max-width-tablet, var(--fbza7g-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--fbza7g-background-imageRatio-mobile, var(--fbza7g-background-imageRatio, auto)); border-width: var(--fbza7g-borderWidth-tl-mobile,0px) var(--fbza7g-borderWidth-tr-mobile,0px) var(--fbza7g-borderWidth-br-mobile,0px) var(--fbza7g-borderWidth-bl-mobile,0px); border-radius: var(--fbza7g-borderRadius-tl-mobile,0px) var(--fbza7g-borderRadius-tr-mobile,0px) var(--fbza7g-borderRadius-br-mobile,0px) var(--fbza7g-borderRadius-bl-mobile,0px); max-width: var(--fbza7g-max-width-mobile, var(--fbza7g-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-fbza7g"] {     display: flex;     flex-direction: var(--fbza7g-direction, column);     flex-wrap: nowrap;     justify-content: var(--fbza7g-justify-content);     align-items: var(--fbza7g-align-items);     gap: var(--fbza7g-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fbza7g"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--fbza7g-padding-right-tablet, 0px) - var(--fbza7g-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fbza7g"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--fbza7g-padding-right-mobile, 0px) - var(--fbza7g-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-unnr2m"] { --unnr2m-typography: p2; --unnr2m-typography-tablet: p2; --unnr2m-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-unnr2m"] { margin-top: var(--unnr2m-margin-top, 0px); margin-right: var(--unnr2m-margin-right, 0px); margin-bottom: var(--unnr2m-margin-bottom, 0px); margin-left: var(--unnr2m-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--unnr2m-margin-top-tablet, 0px); margin-right: var(--unnr2m-margin-right-tablet, 0px); margin-bottom: var(--unnr2m-margin-bottom-tablet, 0px); margin-left: var(--unnr2m-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--unnr2m-margin-top-mobile, 0px); margin-right: var(--unnr2m-margin-right-mobile, 0px); margin-bottom: var(--unnr2m-margin-bottom-mobile, 0px); margin-left: var(--unnr2m-margin-left-mobile, 0px); } }[data-bnode="beae-ag6c8o"] { --ag6c8o-direction: column; --ag6c8o-direction-tablet: column; --ag6c8o-direction-mobile: column; --ag6c8o-gap: 16px; --ag6c8o-gap-tablet: 16px; --ag6c8o-gap-mobile: 16px; }[data-bnode="beae-ag6c8o"] { padding-top: var(--ag6c8o-padding-top, 0px); padding-right: var(--ag6c8o-padding-right, 0px); padding-bottom: var(--ag6c8o-padding-bottom, 0px); padding-left: var(--ag6c8o-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ag6c8o-padding-top-tablet, 0px); padding-right: var(--ag6c8o-padding-right-tablet, 0px); padding-bottom: var(--ag6c8o-padding-bottom-tablet, 0px); padding-left: var(--ag6c8o-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--ag6c8o-padding-top-mobile, 0px); padding-right: var(--ag6c8o-padding-right-mobile, 0px); padding-bottom: var(--ag6c8o-padding-bottom-mobile, 0px); padding-left: var(--ag6c8o-padding-left-mobile, 0px); } width: calc(100% - var(--ag6c8o-padding-left, 0px) - var(--ag6c8o-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ag6c8o-background-imageRatio, auto); background: var(--ag6c8o-background-color); border-style: var(--ag6c8o-borderStyle,solid); border-color: var(--ag6c8o-borderColor,#000000); border-width: var(--ag6c8o-borderWidth-tl,0px) var(--ag6c8o-borderWidth-tr,0px) var(--ag6c8o-borderWidth-br,0px) var(--ag6c8o-borderWidth-bl,0px); border-radius: var(--ag6c8o-borderRadius-tl,0px) var(--ag6c8o-borderRadius-tr,0px) var(--ag6c8o-borderRadius-br,0px) var(--ag6c8o-borderRadius-bl,0px); box-shadow: if(style(--ag6c8o-enableShadow: true): var(--ag6c8o-shadowHorizontal,0) var(--ag6c8o-shadowVertical,0) var(--ag6c8o-shadowBlur,0) 1px var(--ag6c8o-shadowColor,#000000); else: none); max-width: var(--ag6c8o-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ag6c8o-background-imageRatio-tablet, var(--ag6c8o-background-imageRatio, auto)); border-width: var(--ag6c8o-borderWidth-tl-tablet,0px) var(--ag6c8o-borderWidth-tr-tablet,0px) var(--ag6c8o-borderWidth-br-tablet,0px) var(--ag6c8o-borderWidth-bl-tablet,0px); border-radius: var(--ag6c8o-borderRadius-tl-tablet,0px) var(--ag6c8o-borderRadius-tr-tablet,0px) var(--ag6c8o-borderRadius-br-tablet,0px) var(--ag6c8o-borderRadius-bl-tablet,0px); max-width: var(--ag6c8o-max-width-tablet, var(--ag6c8o-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ag6c8o-background-imageRatio-mobile, var(--ag6c8o-background-imageRatio, auto)); border-width: var(--ag6c8o-borderWidth-tl-mobile,0px) var(--ag6c8o-borderWidth-tr-mobile,0px) var(--ag6c8o-borderWidth-br-mobile,0px) var(--ag6c8o-borderWidth-bl-mobile,0px); border-radius: var(--ag6c8o-borderRadius-tl-mobile,0px) var(--ag6c8o-borderRadius-tr-mobile,0px) var(--ag6c8o-borderRadius-br-mobile,0px) var(--ag6c8o-borderRadius-bl-mobile,0px); max-width: var(--ag6c8o-max-width-mobile, var(--ag6c8o-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-ag6c8o"] {     display: flex;     flex-direction: var(--ag6c8o-direction, column);     flex-wrap: nowrap;     justify-content: var(--ag6c8o-justify-content);     align-items: var(--ag6c8o-align-items);     gap: var(--ag6c8o-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ag6c8o"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ag6c8o-padding-right-tablet, 0px) - var(--ag6c8o-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ag6c8o"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ag6c8o-padding-right-mobile, 0px) - var(--ag6c8o-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3x0q2i"] { --3x0q2i-typography: p2; --3x0q2i-typography-tablet: p2; --3x0q2i-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-3x0q2i"] { margin-top: var(--3x0q2i-margin-top, 0px); margin-right: var(--3x0q2i-margin-right, 0px); margin-bottom: var(--3x0q2i-margin-bottom, 0px); margin-left: var(--3x0q2i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3x0q2i-margin-top-tablet, 0px); margin-right: var(--3x0q2i-margin-right-tablet, 0px); margin-bottom: var(--3x0q2i-margin-bottom-tablet, 0px); margin-left: var(--3x0q2i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3x0q2i-margin-top-mobile, 0px); margin-right: var(--3x0q2i-margin-right-mobile, 0px); margin-bottom: var(--3x0q2i-margin-bottom-mobile, 0px); margin-left: var(--3x0q2i-margin-left-mobile, 0px); } }[data-bnode="beae-h1qy92"] { --h1qy92-direction: column; --h1qy92-direction-tablet: column; --h1qy92-direction-mobile: column; --h1qy92-gap: 16px; --h1qy92-gap-tablet: 16px; --h1qy92-gap-mobile: 16px; }[data-bnode="beae-h1qy92"] { padding-top: var(--h1qy92-padding-top, 0px); padding-right: var(--h1qy92-padding-right, 0px); padding-bottom: var(--h1qy92-padding-bottom, 0px); padding-left: var(--h1qy92-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--h1qy92-padding-top-tablet, 0px); padding-right: var(--h1qy92-padding-right-tablet, 0px); padding-bottom: var(--h1qy92-padding-bottom-tablet, 0px); padding-left: var(--h1qy92-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--h1qy92-padding-top-mobile, 0px); padding-right: var(--h1qy92-padding-right-mobile, 0px); padding-bottom: var(--h1qy92-padding-bottom-mobile, 0px); padding-left: var(--h1qy92-padding-left-mobile, 0px); } width: calc(100% - var(--h1qy92-padding-left, 0px) - var(--h1qy92-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--h1qy92-background-imageRatio, auto); background: var(--h1qy92-background-color); border-style: var(--h1qy92-borderStyle,solid); border-color: var(--h1qy92-borderColor,#000000); border-width: var(--h1qy92-borderWidth-tl,0px) var(--h1qy92-borderWidth-tr,0px) var(--h1qy92-borderWidth-br,0px) var(--h1qy92-borderWidth-bl,0px); border-radius: var(--h1qy92-borderRadius-tl,0px) var(--h1qy92-borderRadius-tr,0px) var(--h1qy92-borderRadius-br,0px) var(--h1qy92-borderRadius-bl,0px); box-shadow: if(style(--h1qy92-enableShadow: true): var(--h1qy92-shadowHorizontal,0) var(--h1qy92-shadowVertical,0) var(--h1qy92-shadowBlur,0) 1px var(--h1qy92-shadowColor,#000000); else: none); max-width: var(--h1qy92-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--h1qy92-background-imageRatio-tablet, var(--h1qy92-background-imageRatio, auto)); border-width: var(--h1qy92-borderWidth-tl-tablet,0px) var(--h1qy92-borderWidth-tr-tablet,0px) var(--h1qy92-borderWidth-br-tablet,0px) var(--h1qy92-borderWidth-bl-tablet,0px); border-radius: var(--h1qy92-borderRadius-tl-tablet,0px) var(--h1qy92-borderRadius-tr-tablet,0px) var(--h1qy92-borderRadius-br-tablet,0px) var(--h1qy92-borderRadius-bl-tablet,0px); max-width: var(--h1qy92-max-width-tablet, var(--h1qy92-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--h1qy92-background-imageRatio-mobile, var(--h1qy92-background-imageRatio, auto)); border-width: var(--h1qy92-borderWidth-tl-mobile,0px) var(--h1qy92-borderWidth-tr-mobile,0px) var(--h1qy92-borderWidth-br-mobile,0px) var(--h1qy92-borderWidth-bl-mobile,0px); border-radius: var(--h1qy92-borderRadius-tl-mobile,0px) var(--h1qy92-borderRadius-tr-mobile,0px) var(--h1qy92-borderRadius-br-mobile,0px) var(--h1qy92-borderRadius-bl-mobile,0px); max-width: var(--h1qy92-max-width-mobile, var(--h1qy92-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-h1qy92"] {     display: flex;     flex-direction: var(--h1qy92-direction, column);     flex-wrap: nowrap;     justify-content: var(--h1qy92-justify-content);     align-items: var(--h1qy92-align-items);     gap: var(--h1qy92-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-h1qy92"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--h1qy92-padding-right-tablet, 0px) - var(--h1qy92-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-h1qy92"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--h1qy92-padding-right-mobile, 0px) - var(--h1qy92-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-k97rk6"] { --k97rk6-typography: p2; --k97rk6-typography-tablet: p2; --k97rk6-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-k97rk6"] { margin-top: var(--k97rk6-margin-top, 0px); margin-right: var(--k97rk6-margin-right, 0px); margin-bottom: var(--k97rk6-margin-bottom, 0px); margin-left: var(--k97rk6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k97rk6-margin-top-tablet, 0px); margin-right: var(--k97rk6-margin-right-tablet, 0px); margin-bottom: var(--k97rk6-margin-bottom-tablet, 0px); margin-left: var(--k97rk6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k97rk6-margin-top-mobile, 0px); margin-right: var(--k97rk6-margin-right-mobile, 0px); margin-bottom: var(--k97rk6-margin-bottom-mobile, 0px); margin-left: var(--k97rk6-margin-left-mobile, 0px); } }[data-bnode="beae-xjtjk8"] { --xjtjk8-direction: column; --xjtjk8-direction-tablet: column; --xjtjk8-direction-mobile: column; --xjtjk8-gap: 16px; --xjtjk8-gap-tablet: 16px; --xjtjk8-gap-mobile: 16px; }[data-bnode="beae-xjtjk8"] { padding-top: var(--xjtjk8-padding-top, 0px); padding-right: var(--xjtjk8-padding-right, 0px); padding-bottom: var(--xjtjk8-padding-bottom, 0px); padding-left: var(--xjtjk8-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--xjtjk8-padding-top-tablet, 0px); padding-right: var(--xjtjk8-padding-right-tablet, 0px); padding-bottom: var(--xjtjk8-padding-bottom-tablet, 0px); padding-left: var(--xjtjk8-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--xjtjk8-padding-top-mobile, 0px); padding-right: var(--xjtjk8-padding-right-mobile, 0px); padding-bottom: var(--xjtjk8-padding-bottom-mobile, 0px); padding-left: var(--xjtjk8-padding-left-mobile, 0px); } width: calc(100% - var(--xjtjk8-padding-left, 0px) - var(--xjtjk8-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--xjtjk8-background-imageRatio, auto); background: var(--xjtjk8-background-color); border-style: var(--xjtjk8-borderStyle,solid); border-color: var(--xjtjk8-borderColor,#000000); border-width: var(--xjtjk8-borderWidth-tl,0px) var(--xjtjk8-borderWidth-tr,0px) var(--xjtjk8-borderWidth-br,0px) var(--xjtjk8-borderWidth-bl,0px); border-radius: var(--xjtjk8-borderRadius-tl,0px) var(--xjtjk8-borderRadius-tr,0px) var(--xjtjk8-borderRadius-br,0px) var(--xjtjk8-borderRadius-bl,0px); box-shadow: if(style(--xjtjk8-enableShadow: true): var(--xjtjk8-shadowHorizontal,0) var(--xjtjk8-shadowVertical,0) var(--xjtjk8-shadowBlur,0) 1px var(--xjtjk8-shadowColor,#000000); else: none); max-width: var(--xjtjk8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xjtjk8-background-imageRatio-tablet, var(--xjtjk8-background-imageRatio, auto)); border-width: var(--xjtjk8-borderWidth-tl-tablet,0px) var(--xjtjk8-borderWidth-tr-tablet,0px) var(--xjtjk8-borderWidth-br-tablet,0px) var(--xjtjk8-borderWidth-bl-tablet,0px); border-radius: var(--xjtjk8-borderRadius-tl-tablet,0px) var(--xjtjk8-borderRadius-tr-tablet,0px) var(--xjtjk8-borderRadius-br-tablet,0px) var(--xjtjk8-borderRadius-bl-tablet,0px); max-width: var(--xjtjk8-max-width-tablet, var(--xjtjk8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xjtjk8-background-imageRatio-mobile, var(--xjtjk8-background-imageRatio, auto)); border-width: var(--xjtjk8-borderWidth-tl-mobile,0px) var(--xjtjk8-borderWidth-tr-mobile,0px) var(--xjtjk8-borderWidth-br-mobile,0px) var(--xjtjk8-borderWidth-bl-mobile,0px); border-radius: var(--xjtjk8-borderRadius-tl-mobile,0px) var(--xjtjk8-borderRadius-tr-mobile,0px) var(--xjtjk8-borderRadius-br-mobile,0px) var(--xjtjk8-borderRadius-bl-mobile,0px); max-width: var(--xjtjk8-max-width-mobile, var(--xjtjk8-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-xjtjk8"] {     display: flex;     flex-direction: var(--xjtjk8-direction, column);     flex-wrap: nowrap;     justify-content: var(--xjtjk8-justify-content);     align-items: var(--xjtjk8-align-items);     gap: var(--xjtjk8-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xjtjk8"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--xjtjk8-padding-right-tablet, 0px) - var(--xjtjk8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xjtjk8"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--xjtjk8-padding-right-mobile, 0px) - var(--xjtjk8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-otmrlx"] { --otmrlx-typography: p2; --otmrlx-typography-tablet: p2; --otmrlx-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-otmrlx"] { margin-top: var(--otmrlx-margin-top, 0px); margin-right: var(--otmrlx-margin-right, 0px); margin-bottom: var(--otmrlx-margin-bottom, 0px); margin-left: var(--otmrlx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--otmrlx-margin-top-tablet, 0px); margin-right: var(--otmrlx-margin-right-tablet, 0px); margin-bottom: var(--otmrlx-margin-bottom-tablet, 0px); margin-left: var(--otmrlx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--otmrlx-margin-top-mobile, 0px); margin-right: var(--otmrlx-margin-right-mobile, 0px); margin-bottom: var(--otmrlx-margin-bottom-mobile, 0px); margin-left: var(--otmrlx-margin-left-mobile, 0px); } }[data-bnode="beae-m7b2qx"] { --m7b2qx-direction: column; --m7b2qx-direction-tablet: column; --m7b2qx-direction-mobile: column; --m7b2qx-gap: 16px; --m7b2qx-gap-tablet: 16px; --m7b2qx-gap-mobile: 16px; }[data-bnode="beae-m7b2qx"] { padding-top: var(--m7b2qx-padding-top, 0px); padding-right: var(--m7b2qx-padding-right, 0px); padding-bottom: var(--m7b2qx-padding-bottom, 0px); padding-left: var(--m7b2qx-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--m7b2qx-padding-top-tablet, 0px); padding-right: var(--m7b2qx-padding-right-tablet, 0px); padding-bottom: var(--m7b2qx-padding-bottom-tablet, 0px); padding-left: var(--m7b2qx-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--m7b2qx-padding-top-mobile, 0px); padding-right: var(--m7b2qx-padding-right-mobile, 0px); padding-bottom: var(--m7b2qx-padding-bottom-mobile, 0px); padding-left: var(--m7b2qx-padding-left-mobile, 0px); } width: calc(100% - var(--m7b2qx-padding-left, 0px) - var(--m7b2qx-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--m7b2qx-background-imageRatio, auto); background: var(--m7b2qx-background-color); border-style: var(--m7b2qx-borderStyle,solid); border-color: var(--m7b2qx-borderColor,#000000); border-width: var(--m7b2qx-borderWidth-tl,0px) var(--m7b2qx-borderWidth-tr,0px) var(--m7b2qx-borderWidth-br,0px) var(--m7b2qx-borderWidth-bl,0px); border-radius: var(--m7b2qx-borderRadius-tl,0px) var(--m7b2qx-borderRadius-tr,0px) var(--m7b2qx-borderRadius-br,0px) var(--m7b2qx-borderRadius-bl,0px); box-shadow: if(style(--m7b2qx-enableShadow: true): var(--m7b2qx-shadowHorizontal,0) var(--m7b2qx-shadowVertical,0) var(--m7b2qx-shadowBlur,0) 1px var(--m7b2qx-shadowColor,#000000); else: none); max-width: var(--m7b2qx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--m7b2qx-background-imageRatio-tablet, var(--m7b2qx-background-imageRatio, auto)); border-width: var(--m7b2qx-borderWidth-tl-tablet,0px) var(--m7b2qx-borderWidth-tr-tablet,0px) var(--m7b2qx-borderWidth-br-tablet,0px) var(--m7b2qx-borderWidth-bl-tablet,0px); border-radius: var(--m7b2qx-borderRadius-tl-tablet,0px) var(--m7b2qx-borderRadius-tr-tablet,0px) var(--m7b2qx-borderRadius-br-tablet,0px) var(--m7b2qx-borderRadius-bl-tablet,0px); max-width: var(--m7b2qx-max-width-tablet, var(--m7b2qx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--m7b2qx-background-imageRatio-mobile, var(--m7b2qx-background-imageRatio, auto)); border-width: var(--m7b2qx-borderWidth-tl-mobile,0px) var(--m7b2qx-borderWidth-tr-mobile,0px) var(--m7b2qx-borderWidth-br-mobile,0px) var(--m7b2qx-borderWidth-bl-mobile,0px); border-radius: var(--m7b2qx-borderRadius-tl-mobile,0px) var(--m7b2qx-borderRadius-tr-mobile,0px) var(--m7b2qx-borderRadius-br-mobile,0px) var(--m7b2qx-borderRadius-bl-mobile,0px); max-width: var(--m7b2qx-max-width-mobile, var(--m7b2qx-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-m7b2qx"] {     display: flex;     flex-direction: var(--m7b2qx-direction, column);     flex-wrap: nowrap;     justify-content: var(--m7b2qx-justify-content);     align-items: var(--m7b2qx-align-items);     gap: var(--m7b2qx-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m7b2qx"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--m7b2qx-padding-right-tablet, 0px) - var(--m7b2qx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-m7b2qx"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--m7b2qx-padding-right-mobile, 0px) - var(--m7b2qx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uejtb2"] { --uejtb2-typography: p2; --uejtb2-typography-tablet: p2; --uejtb2-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #3E2828; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; }[data-bnode="beae-uejtb2"] { margin-top: var(--uejtb2-margin-top, 0px); margin-right: var(--uejtb2-margin-right, 0px); margin-bottom: var(--uejtb2-margin-bottom, 0px); margin-left: var(--uejtb2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uejtb2-margin-top-tablet, 0px); margin-right: var(--uejtb2-margin-right-tablet, 0px); margin-bottom: var(--uejtb2-margin-bottom-tablet, 0px); margin-left: var(--uejtb2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uejtb2-margin-top-mobile, 0px); margin-right: var(--uejtb2-margin-right-mobile, 0px); margin-bottom: var(--uejtb2-margin-bottom-mobile, 0px); margin-left: var(--uejtb2-margin-left-mobile, 0px); } }[data-bnode="beae-a7bmjg"] { --a7bmjg-width: 1600px; --a7bmjg-width-tablet: 1600px; --a7bmjg-width-mobile: 1600px; --a7bmjg-height: fit-content; --a7bmjg-height-tablet: fit-content; --a7bmjg-height-mobile: fit-content; --a7bmjg-padding-top: 0px; --a7bmjg-padding-top-tablet: 80px; --a7bmjg-padding-top-mobile: 80px; --a7bmjg-padding-bottom: 0px; --a7bmjg-padding-bottom-tablet: 13px; --a7bmjg-padding-bottom-mobile: 13px; --a7bmjg-padding-right: 30px; --a7bmjg-padding-right-tablet: 30px; --a7bmjg-padding-right-mobile: 30px; --a7bmjg-padding-left: 30px; --a7bmjg-padding-left-tablet: 30px; --a7bmjg-padding-left-mobile: 30px; --a7bmjg-background-type: color; --a7bmjg-background-type-tablet: color; --a7bmjg-background-type-mobile: color; --a7bmjg-background-color: #3E2828; --a7bmjg-background-color-tablet: #3E2828; --a7bmjg-background-color-mobile: #3E2828; --a7bmjg-direction: row; --a7bmjg-direction-tablet: column; --a7bmjg-direction-mobile: column; --a7bmjg-structure: columns; --a7bmjg-structure-tablet: columns; --a7bmjg-structure-mobile: columns; --a7bmjg-gap: 80px; --a7bmjg-gap-tablet: 80px; --a7bmjg-gap-mobile: 56px; }[data-bnode="beae-a7bmjg"] { padding-top: var(--a7bmjg-padding-top, 0px); padding-right: var(--a7bmjg-padding-right, 0px); padding-bottom: var(--a7bmjg-padding-bottom, 0px); padding-left: var(--a7bmjg-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--a7bmjg-padding-top-tablet, 0px); padding-right: var(--a7bmjg-padding-right-tablet, 0px); padding-bottom: var(--a7bmjg-padding-bottom-tablet, 0px); padding-left: var(--a7bmjg-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--a7bmjg-padding-top-mobile, 0px); padding-right: var(--a7bmjg-padding-right-mobile, 0px); padding-bottom: var(--a7bmjg-padding-bottom-mobile, 0px); padding-left: var(--a7bmjg-padding-left-mobile, 0px); } width: calc(100% - var(--a7bmjg-padding-left, 0px) - var(--a7bmjg-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--a7bmjg-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--a7bmjg-height); width: 100%; max-width: var(--a7bmjg-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(--a7bmjg-background-color-tablet, var(--a7bmjg-background-color)); & .beae-section-container { height: var(--a7bmjg-height-tablet, auto); width: 100%; max-width: var(--a7bmjg-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--a7bmjg-background-color-mobile, var(--a7bmjg-background-color-tablet, var(--a7bmjg-background-color))); & .beae-section-container { height: var(--a7bmjg-height-mobile, auto); width: 100%; max-width: var(--a7bmjg-width-mobile, 100%); } } } }[data-bnode="beae-a7bmjg"] > .beae-section-container{     display: flex;     flex-direction: var(--a7bmjg-direction, column);     flex-wrap: nowrap;     justify-content: var(--a7bmjg-justify-content);     align-items: var(--a7bmjg-align-items);     gap: var(--a7bmjg-gap, 4px);            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--a7bmjg-padding-right, 0px) - var(--a7bmjg-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a7bmjg"] > .beae-section-container{      flex-direction: var(--a7bmjg-direction-tablet, column);                      gap: var(--a7bmjg-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-a7bmjg"] > .beae-section-container{      flex-direction: var(--a7bmjg-direction-mobile, column);                      gap: var(--a7bmjg-gap-mobile, inherit);              &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-8pv886"] { --8pv886-direction: column; --8pv886-direction-tablet: column; --8pv886-direction-mobile: column; --8pv886-align-items: center; --8pv886-align-items-tablet: center; --8pv886-align-items-mobile: center; --8pv886-justify-content: center; --8pv886-justify-content-tablet: center; --8pv886-justify-content-mobile: center; --8pv886-background-type: color; --8pv886-background-type-tablet: color; --8pv886-background-type-mobile: color; --8pv886-gap: 16px; --8pv886-gap-tablet: 16px; --8pv886-gap-mobile: 16px; }[data-bnode="beae-8pv886"] { padding-top: var(--8pv886-padding-top, 0px); padding-right: var(--8pv886-padding-right, 0px); padding-bottom: var(--8pv886-padding-bottom, 0px); padding-left: var(--8pv886-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8pv886-padding-top-tablet, 0px); padding-right: var(--8pv886-padding-right-tablet, 0px); padding-bottom: var(--8pv886-padding-bottom-tablet, 0px); padding-left: var(--8pv886-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--8pv886-padding-top-mobile, 0px); padding-right: var(--8pv886-padding-right-mobile, 0px); padding-bottom: var(--8pv886-padding-bottom-mobile, 0px); padding-left: var(--8pv886-padding-left-mobile, 0px); } width: calc(100% - var(--8pv886-padding-left, 0px) - var(--8pv886-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8pv886-background-imageRatio, auto); background: var(--8pv886-background-color); border-style: var(--8pv886-borderStyle,solid); border-color: var(--8pv886-borderColor,#000000); border-width: var(--8pv886-borderWidth-tl,0px) var(--8pv886-borderWidth-tr,0px) var(--8pv886-borderWidth-br,0px) var(--8pv886-borderWidth-bl,0px); border-radius: var(--8pv886-borderRadius-tl,0px) var(--8pv886-borderRadius-tr,0px) var(--8pv886-borderRadius-br,0px) var(--8pv886-borderRadius-bl,0px); box-shadow: if(style(--8pv886-enableShadow: true): var(--8pv886-shadowHorizontal,0) var(--8pv886-shadowVertical,0) var(--8pv886-shadowBlur,0) 1px var(--8pv886-shadowColor,#000000); else: none); max-width: var(--8pv886-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8pv886-background-imageRatio-tablet, var(--8pv886-background-imageRatio, auto)); border-width: var(--8pv886-borderWidth-tl-tablet,0px) var(--8pv886-borderWidth-tr-tablet,0px) var(--8pv886-borderWidth-br-tablet,0px) var(--8pv886-borderWidth-bl-tablet,0px); border-radius: var(--8pv886-borderRadius-tl-tablet,0px) var(--8pv886-borderRadius-tr-tablet,0px) var(--8pv886-borderRadius-br-tablet,0px) var(--8pv886-borderRadius-bl-tablet,0px); max-width: var(--8pv886-max-width-tablet, var(--8pv886-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8pv886-background-imageRatio-mobile, var(--8pv886-background-imageRatio, auto)); border-width: var(--8pv886-borderWidth-tl-mobile,0px) var(--8pv886-borderWidth-tr-mobile,0px) var(--8pv886-borderWidth-br-mobile,0px) var(--8pv886-borderWidth-bl-mobile,0px); border-radius: var(--8pv886-borderRadius-tl-mobile,0px) var(--8pv886-borderRadius-tr-mobile,0px) var(--8pv886-borderRadius-br-mobile,0px) var(--8pv886-borderRadius-bl-mobile,0px); max-width: var(--8pv886-max-width-mobile, var(--8pv886-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-8pv886"] {     display: flex;     flex-direction: var(--8pv886-direction, column);     flex-wrap: nowrap;     justify-content: var(--8pv886-justify-content);     align-items: var(--8pv886-align-items);     gap: var(--8pv886-gap, 4px);              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8pv886"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--8pv886-padding-right-tablet, 0px) - var(--8pv886-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8pv886"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--8pv886-padding-right-mobile, 0px) - var(--8pv886-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5vvy6q"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 30px; --beae-h2-font-size-mobile: 26px; --beae-h2-color: #ffffff; --beae-h2-font-family: Alan Sans; --beae-h2-font-weight: 500; --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; --5vvy6q-typography: h2; --5vvy6q-typography-tablet: h2; --5vvy6q-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-5vvy6q"] { margin-top: var(--5vvy6q-margin-top, 0px); margin-right: var(--5vvy6q-margin-right, 0px); margin-bottom: var(--5vvy6q-margin-bottom, 0px); margin-left: var(--5vvy6q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5vvy6q-margin-top-tablet, 0px); margin-right: var(--5vvy6q-margin-right-tablet, 0px); margin-bottom: var(--5vvy6q-margin-bottom-tablet, 0px); margin-left: var(--5vvy6q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5vvy6q-margin-top-mobile, 0px); margin-right: var(--5vvy6q-margin-right-mobile, 0px); margin-bottom: var(--5vvy6q-margin-bottom-mobile, 0px); margin-left: var(--5vvy6q-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5vvy6q-highlightColor,var(--beae-p-color)); top: var(--5vvy6q-highlightTop, 100%); } }[data-bnode="beae-9queb1"] { --9queb1-typography: p2; --9queb1-typography-tablet: p2; --9queb1-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #ffffff; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-p2-text-align: center; --9queb1-margin-top: 0px; --9queb1-margin-top-tablet: 0px; --9queb1-margin-top-mobile: 0px; --9queb1-margin-right: 0px; --9queb1-margin-right-tablet: 0px; --9queb1-margin-right-mobile: 0px; --9queb1-margin-bottom: 16px; --9queb1-margin-bottom-tablet: 16px; --9queb1-margin-bottom-mobile: 16px; --9queb1-margin-left: 0px; --9queb1-margin-left-tablet: 0px; --9queb1-margin-left-mobile: 0px; }[data-bnode="beae-9queb1"] { margin-top: var(--9queb1-margin-top, 0px); margin-right: var(--9queb1-margin-right, 0px); margin-bottom: var(--9queb1-margin-bottom, 0px); margin-left: var(--9queb1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9queb1-margin-top-tablet, 0px); margin-right: var(--9queb1-margin-right-tablet, 0px); margin-bottom: var(--9queb1-margin-bottom-tablet, 0px); margin-left: var(--9queb1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9queb1-margin-top-mobile, 0px); margin-right: var(--9queb1-margin-right-mobile, 0px); margin-bottom: var(--9queb1-margin-bottom-mobile, 0px); margin-left: var(--9queb1-margin-left-mobile, 0px); } }[data-bnode="beae-3uqp03"] { --3uqp03-width: fill; --3uqp03-width-tablet: fill; --3uqp03-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 6px; --beae-btn-pr-label-color: #1F1414; --beae-btn-pr-background-color: #FFE573; --beae-btn-text-transform: capitalize; --3uqp03-iconWidth: 20px; --3uqp03-iconWidth-tablet: 20px; --3uqp03-iconWidth-mobile: 20px; --3uqp03-iconGap: 5px; --3uqp03-iconGap-tablet: 5px; --3uqp03-iconGap-mobile: 5px; --3uqp03-transform: capitalize; --3uqp03-transform-tablet: capitalize; --3uqp03-transform-mobile: capitalize; --3uqp03-button: pr; --3uqp03-button-tablet: pr; --3uqp03-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-3uqp03"] { margin-top: var(--3uqp03-margin-top, 0px); margin-right: var(--3uqp03-margin-right, 0px); margin-bottom: var(--3uqp03-margin-bottom, 0px); margin-left: var(--3uqp03-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3uqp03-margin-top-tablet, 0px); margin-right: var(--3uqp03-margin-right-tablet, 0px); margin-bottom: var(--3uqp03-margin-bottom-tablet, 0px); margin-left: var(--3uqp03-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3uqp03-margin-top-mobile, 0px); margin-right: var(--3uqp03-margin-right-mobile, 0px); margin-bottom: var(--3uqp03-margin-bottom-mobile, 0px); margin-left: var(--3uqp03-margin-left-mobile, 0px); } &{ gap:var(--3uqp03-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--3uqp03-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--3uqp03-bgBtnHover)) * 1%)); style(--3uqp03-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--3uqp03-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--3uqp03-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); style(--3uqp03-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--3uqp03-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--3uqp03-borderBtnHover)) * 1%)); style(--3uqp03-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--3uqp03-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--3uqp03-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--3uqp03-bgBtnHover)) * 1%)); style(--3uqp03-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--3uqp03-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--3uqp03-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); style(--3uqp03-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--3uqp03-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--3uqp03-borderBtnHover)) * 1%)); style(--3uqp03-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--3uqp03-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--3uqp03-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); style(--3uqp03-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--3uqp03-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--3uqp03-iconWidth); } svg { width: var(--3uqp03-iconWidth,20px); min-width: var(--3uqp03-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--3uqp03-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--3uqp03-iconWidth-tablet, var(--3uqp03-iconWidth)); } svg { width: var(--3uqp03-iconWidth-tablet, var(--3uqp03-iconWidth)); min-width: var(--3uqp03-iconWidth-tablet, var(--3uqp03-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--3uqp03-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--3uqp03-iconWidth-mobile, var(--3uqp03-iconWidth)); } svg { width: var(--3uqp03-iconWidth-mobile, var(--3uqp03-iconWidth)); min-width: var(--3uqp03-iconWidth-mobile, var(--3uqp03-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-mxj3pm"] { --mxj3pm-gap: 20px; --mxj3pm-gap-tablet: 20px; --mxj3pm-gap-mobile: 12px; --mxj3pm-direction: row; --mxj3pm-direction-tablet: row; --mxj3pm-direction-mobile: row; }[data-bnode="beae-mxj3pm"] { padding-top: var(--mxj3pm-padding-top, 0px); padding-right: var(--mxj3pm-padding-right, 0px); padding-bottom: var(--mxj3pm-padding-bottom, 0px); padding-left: var(--mxj3pm-padding-left, 0px); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--mxj3pm-padding-top-tablet, 0px); padding-right: var(--mxj3pm-padding-right-tablet, 0px); padding-bottom: var(--mxj3pm-padding-bottom-tablet, 0px); padding-left: var(--mxj3pm-padding-left-tablet, 0px); } @media (max-width: 767px) { padding-top: var(--mxj3pm-padding-top-mobile, 0px); padding-right: var(--mxj3pm-padding-right-mobile, 0px); padding-bottom: var(--mxj3pm-padding-bottom-mobile, 0px); padding-left: var(--mxj3pm-padding-left-mobile, 0px); } width: calc(100% - var(--mxj3pm-padding-left, 0px) - var(--mxj3pm-padding-right, 0px)); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--mxj3pm-background-imageRatio, auto); background: var(--mxj3pm-background-color); border-style: var(--mxj3pm-borderStyle, solid); border-color: var(--mxj3pm-borderColor, #000000); border-width: var(--mxj3pm-borderWidth-tl, 0px) var(--mxj3pm-borderWidth-tr, 0px) var(--mxj3pm-borderWidth-br, 0px) var(--mxj3pm-borderWidth-bl, 0px); border-radius: var(--mxj3pm-borderRadius-tl, 0px) var(--mxj3pm-borderRadius-tr, 0px) var(--mxj3pm-borderRadius-br, 0px) var(--mxj3pm-borderRadius-bl, 0px); box-shadow: if( style(--mxj3pm-enableShadow: true): var(--mxj3pm-shadowHorizontal, 0) var(--mxj3pm-shadowVertical, 0) var(--mxj3pm-shadowBlur, 0) 1px var(--mxj3pm-shadowColor, #000000) ; else: none ); max-width: var(--mxj3pm-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--mxj3pm-background-imageRatio-tablet, var(--mxj3pm-background-imageRatio, auto) ); border-width: var(--mxj3pm-borderWidth-tl-tablet, 0px) var(--mxj3pm-borderWidth-tr-tablet, 0px) var(--mxj3pm-borderWidth-br-tablet, 0px) var(--mxj3pm-borderWidth-bl-tablet, 0px); border-radius: var(--mxj3pm-borderRadius-tl-tablet, 0px) var(--mxj3pm-borderRadius-tr-tablet, 0px) var(--mxj3pm-borderRadius-br-tablet, 0px) var(--mxj3pm-borderRadius-bl-tablet, 0px); max-width: var(--mxj3pm-max-width-tablet, var(--mxj3pm-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--mxj3pm-background-imageRatio-mobile, var(--mxj3pm-background-imageRatio, auto) ); border-width: var(--mxj3pm-borderWidth-tl-mobile, 0px) var(--mxj3pm-borderWidth-tr-mobile, 0px) var(--mxj3pm-borderWidth-br-mobile, 0px) var(--mxj3pm-borderWidth-bl-mobile, 0px); border-radius: var(--mxj3pm-borderRadius-tl-mobile, 0px) var(--mxj3pm-borderRadius-tr-mobile, 0px) var(--mxj3pm-borderRadius-br-mobile, 0px) var(--mxj3pm-borderRadius-bl-mobile, 0px); max-width: var(--mxj3pm-max-width-mobile, var(--mxj3pm-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; } } &::before, &::after { content:''; background: linear-gradient(#3E2828, transparent); position: absolute; left: 0; right: 0; top: 0; height: 100px; z-index: 2; } &::after{ top: unset; bottom: 0; background: linear-gradient(transparent, #3E2828); } @media (max-width: 480px){ &::before, &::after{ height: 30px; } } } }[data-bnode="beae-mxj3pm"] {     display: flex;     flex-direction: var(--mxj3pm-direction, column);     flex-wrap: nowrap;     justify-content: var(--mxj3pm-justify-content);     align-items: var(--mxj3pm-align-items);     gap: var(--mxj3pm-gap, 4px);            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mxj3pm"] {                                          &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--mxj3pm-padding-right-tablet, 0px) - var(--mxj3pm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mxj3pm"] {                            gap: var(--mxj3pm-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(--mxj3pm-padding-right-mobile, 0px) - var(--mxj3pm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jp359m"] { --jp359m-overflow: unset; --jp359m-overflow-tablet: unset; --jp359m-overflow-mobile: unset; --jp359m-itemGap: 20px; --jp359m-itemGap-tablet: 20px; --jp359m-itemGap-mobile: 20px; --jp359m-direction: bottom; --jp359m-direction-tablet: bottom; --jp359m-direction-mobile: bottom; --jp359m-borderStyle: none; --jp359m-borderStyle-tablet: none; --jp359m-borderStyle-mobile: none; --jp359m-borderWidth: 52px; --jp359m-borderWidth-tablet: 52px; --jp359m-borderWidth-mobile: 52px; --jp359m-borderRadius-0: 4; --jp359m-borderRadius-0-tablet: 0; --jp359m-borderRadius-0-mobile: 0; --jp359m-borderRadius-1: p; --jp359m-borderRadius-1-tablet: p; --jp359m-borderRadius-1-mobile: p; --jp359m-borderRadius-2: x; --jp359m-borderRadius-2-tablet: x; --jp359m-borderRadius-2-mobile: x; --jp359m-borderRadius-tl-mobile: 0px; --jp359m-borderRadius-tr-mobile: 0px; --jp359m-borderRadius-bl-mobile: 0px; --jp359m-borderRadius-br-mobile: 0px; --jp359m-enableShadow: false; --jp359m-enableShadow-tablet: false; --jp359m-enableShadow-mobile: false; --jp359m-shadowHorizontal: 46px; --jp359m-shadowHorizontal-tablet: 46px; --jp359m-shadowHorizontal-mobile: 46px; --jp359m-shadowVertical: 48px; --jp359m-shadowVertical-tablet: 48px; --jp359m-shadowVertical-mobile: 48px; --jp359m-shadowBlur: 57px; --jp359m-shadowBlur-tablet: 57px; --jp359m-shadowBlur-mobile: 57px; --jp359m-speed: 43s; --jp359m-speed-tablet: 43s; --jp359m-speed-mobile: 43s; } [data-bnode="beae-jp359m"] [data-bnode="beae-sclhea"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-jp359m"] [data-bnode="beae-sclpar"] { --beae-p-text-align: justify; } [data-bnode="beae-jp359m"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="beae-jp359m"] [data-bnode="beae-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --beae-h3-text-transform: none; } [data-bnode="beae-jp359m"] [data-bnode="beae-xjcb1t"] { --xjcb1t-width: 100px; --xjcb1t-imageRatio: auto; --xjcb1t-objFit: cover; --xjcb1t-borderColor: #000000; --xjcb1t-shadowColor: #000000; --xjcb1t-borderStyle: none; --xjcb1t-enableShadow: false; --xjcb1t-imageRatio-tablet: auto; --xjcb1t-width-tablet: 100px; --xjcb1t-width-mobile: 80px; } [data-bnode="beae-jp359m"] [data-bnode="beae-pzs6mm"] { --pzs6mm-width: 100px; --pzs6mm-imageRatio: 3/2; --pzs6mm-objFit: cover; --pzs6mm-borderColor: #000000; --pzs6mm-shadowColor: #000000; --pzs6mm-borderStyle: none; --pzs6mm-enableShadow: false; --pzs6mm-width_custom: 100px; } [data-bnode="beae-jp359m"] [data-bnode="beae-5ltgg8"] { --5ltgg8-objFit: cover; --5ltgg8-width: 100%; --5ltgg8-width_custom: 100px; --5ltgg8-imageRatio: 1/1; --5ltgg8-borderStyle: solid; --5ltgg8-borderWidth-tl: 0px; --5ltgg8-borderWidth-tr: 0px; --5ltgg8-borderWidth-bl: 0px; --5ltgg8-borderWidth-br: 0px; --5ltgg8-borderColor: #000000; --5ltgg8-borderRadius-tl: 8px; --5ltgg8-borderRadius-tr: 8px; --5ltgg8-borderRadius-bl: 8px; --5ltgg8-borderRadius-br: 8px; } [data-bnode="beae-jp359m"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-gap: 20px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-jp359m"] { margin-top: var(--jp359m-margin-top, 0px); margin-right: var(--jp359m-margin-right, 0px); margin-bottom: var(--jp359m-margin-bottom, 0px); margin-left: var(--jp359m-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jp359m-margin-top-tablet, 0px); margin-right: var(--jp359m-margin-right-tablet, 0px); margin-bottom: var(--jp359m-margin-bottom-tablet, 0px); margin-left: var(--jp359m-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jp359m-margin-top-mobile, 0px); margin-right: var(--jp359m-margin-right-mobile, 0px); margin-bottom: var(--jp359m-margin-bottom-mobile, 0px); margin-left: var(--jp359m-margin-left-mobile, 0px); } &.beae-slot, & .beae-slot, .beae-slot { overflow: unset !important; } &.beae-3tg2vw-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--jp359m-borderWidth, 0) var(--jp359m-borderStyle, solid) var(--jp359m-borderColor, #000); border-radius: var(--jp359m-borderRadius, 0); box-shadow: if( style(--jp359m-enableShadow: true): var(--jp359m-shadowHorizontal, 0) var(--jp359m-shadowVertical, 0) var(--jp359m-shadowBlur, 0) 0 var(--jp359m-shadowColor, #000000) ; else: none ); & .beae-3tg2vw-track { flex-direction: row; width: fit-content; } & .beae-3tg2vw-track { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; animation-duration: var(--jp359m-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .beae-3tg2vw-content { flex-direction: row; width: max-content; } & .beae-3tg2vw-content { display: flex; white-space: nowrap; width: 100%; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--jp359m-itemGap, 0px); padding-right: var(--jp359m-itemGap, 0px); padding: 0 !important; flex-direction: column; > .beae-slot[data-bnode="be-ctl-item"]:last-child { margin-bottom: var(--jp359m-itemGap, 0px); } } &.vertical { & .beae-3tg2vw-track, & .beae-3tg2vw-content { flex-direction: column; } & .beae-3tg2vw-content { white-space: normal; padding-right: 0; padding-bottom: var(--jp359m-itemGap, 0px); } } & .beae-item-content { flex-shrink: 0; min-width: 0; width: fit-content; } &.beae-3tg2vw-wrapper{ max-height: 780px; } @media (max-width: 1180px){ &.beae-3tg2vw-wrapper{ max-height: 700px; } } @media (max-width: 767px){ &.beae-3tg2vw-wrapper{ max-height: 300px; } } @media (min-width: 640px) and (max-width: 1023px) { &.beae-3tg2vw-wrapper { border-radius: var(--jp359m-borderRadius-tablet, var(--jp359m-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--jp359m-speed-tablet, var(--jp359m-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--jp359m-itemGap-tablet, var(--jp359m-itemGap, 0px)); padding-right: var(--jp359m-itemGap-tablet, var(--jp359m-itemGap, 0px)); } } @media (max-width: 639px) { &.beae-3tg2vw-wrapper { border-radius: var(--jp359m-borderRadius-mobile, var(--jp359m-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--jp359m-speed-mobile, var(--jp359m-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--jp359m-itemGap-mobile, var(--jp359m-itemGap, 0px)); padding-right: var(--jp359m-itemGap-mobile, var(--jp359m-itemGap, 0px)); } } } } @keyframes marquee-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } @keyframes marquee-top { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes marquee-bottom { from { transform: translateY(-50%); } to { transform: translateY(0); } } [data-bnode="beae-jp359m"] [data-bnode="beae-5ltgg8"] { margin-top: var(--5ltgg8-margin-top, 0px); margin-right: var(--5ltgg8-margin-right, 0px); margin-bottom: var(--5ltgg8-margin-bottom, 0px); margin-left: var(--5ltgg8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5ltgg8-margin-top-tablet, 0px); margin-right: var(--5ltgg8-margin-right-tablet, 0px); margin-bottom: var(--5ltgg8-margin-bottom-tablet, 0px); margin-left: var(--5ltgg8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5ltgg8-margin-top-mobile, 0px); margin-right: var(--5ltgg8-margin-right-mobile, 0px); margin-bottom: var(--5ltgg8-margin-bottom-mobile, 0px); margin-left: var(--5ltgg8-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--5ltgg8-width,100%) - var(--5ltgg8-margin-left,0px) - var(--5ltgg8-margin-right,0px)); min-height: min-content; border-style: var(--5ltgg8-borderStyle,solid); border-color: var(--5ltgg8-borderColor,#000000); border-width: var(--5ltgg8-borderWidth-tl,0px) var(--5ltgg8-borderWidth-tr,0px) var(--5ltgg8-borderWidth-br,0px) var(--5ltgg8-borderWidth-bl,0px); border-radius: var(--5ltgg8-borderRadius-tl,0px) var(--5ltgg8-borderRadius-tr,0px) var(--5ltgg8-borderRadius-br,0px) var(--5ltgg8-borderRadius-bl,0px); aspect-ratio: var(--5ltgg8-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5ltgg8-borderWidth-tl-tablet, var(--5ltgg8-borderWidth-tl,0px)) var(--5ltgg8-borderWidth-tr-tablet, var(--5ltgg8-borderWidth-tr,0px)) var(--5ltgg8-borderWidth-br-tablet, var(--5ltgg8-borderWidth-br,0px)) var(--5ltgg8-borderWidth-bl-tablet, var(--5ltgg8-borderWidth-bl,0px)); border-radius: var(--5ltgg8-borderRadius-tl-tablet, var(--5ltgg8-borderRadius-tl,0px)) var(--5ltgg8-borderRadius-tr-tablet, var(--5ltgg8-borderRadius-tr,0px)) var(--5ltgg8-borderRadius-br-tablet, var(--5ltgg8-borderRadius-br,0px)) var(--5ltgg8-borderRadius-bl-tablet, var(--5ltgg8-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--5ltgg8-borderWidth-tl-mobile, var(--5ltgg8-borderWidth-tl,0px)) var(--5ltgg8-borderWidth-tr-mobile, var(--5ltgg8-borderWidth-tr,0px)) var(--5ltgg8-borderWidth-br-mobile, var(--5ltgg8-borderWidth-br,0px)) var(--5ltgg8-borderWidth-bl-mobile, var(--5ltgg8-borderWidth-bl,0px)); border-radius: var(--5ltgg8-borderRadius-tl-mobile, var(--5ltgg8-borderRadius-tl,0px)) var(--5ltgg8-borderRadius-tr-mobile, var(--5ltgg8-borderRadius-tr,0px)) var(--5ltgg8-borderRadius-br-mobile, var(--5ltgg8-borderRadius-br,0px)) var(--5ltgg8-borderRadius-bl-mobile, var(--5ltgg8-borderRadius-bl,0px)); } box-shadow: if( style(--5ltgg8-enableShadow: true): var(--5ltgg8-shadowHorizontal, 0) var(--5ltgg8-shadowVertical, 0) var(--5ltgg8-shadowBlur, 0) 1px var(--5ltgg8-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--5ltgg8-overlayColor-color, #000); opacity: var(--5ltgg8-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--5ltgg8-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--5ltgg8-width-tablet,var(--5ltgg8-width,100%)) - var(--5ltgg8-margin-left-tablet,var(--5ltgg8-margin-left,0px)) - var(--5ltgg8-margin-right-tablet,var(--5ltgg8-margin-right,0px))); aspect-ratio: var(--5ltgg8-imageRatio-tablet, var(--5ltgg8-imageRatio, auto)); img { object-fit: var(--5ltgg8-objFit-tablet, var(--5ltgg8-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--5ltgg8-width-mobile,var(--5ltgg8-width,100%)) - var(--5ltgg8-margin-left-mobile,var(--5ltgg8-margin-left,0px)) - var(--5ltgg8-margin-right-mobile,var(--5ltgg8-margin-right,0px))); aspect-ratio: var(--5ltgg8-imageRatio-mobile, var(--5ltgg8-imageRatio, auto)); img { object-fit: var(--5ltgg8-objFit-mobile, var(--5ltgg8-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-jp359m"] [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-jp359m"] [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-jp359m"] [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(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jp359m"] [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(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ital7u"] { --ital7u-overflow: unset; --ital7u-overflow-tablet: unset; --ital7u-overflow-mobile: unset; --ital7u-itemGap: 20px; --ital7u-itemGap-tablet: 20px; --ital7u-itemGap-mobile: 20px; --ital7u-direction: top; --ital7u-direction-tablet: top; --ital7u-direction-mobile: top; --ital7u-borderStyle: none; --ital7u-borderStyle-tablet: none; --ital7u-borderStyle-mobile: none; --ital7u-borderWidth: 52px; --ital7u-borderWidth-tablet: 52px; --ital7u-borderWidth-mobile: 52px; --ital7u-borderRadius-0: 4; --ital7u-borderRadius-0-tablet: 0; --ital7u-borderRadius-0-mobile: 0; --ital7u-borderRadius-1: p; --ital7u-borderRadius-1-tablet: p; --ital7u-borderRadius-1-mobile: p; --ital7u-borderRadius-2: x; --ital7u-borderRadius-2-tablet: x; --ital7u-borderRadius-2-mobile: x; --ital7u-borderRadius-tl-mobile: 0px; --ital7u-borderRadius-tr-mobile: 0px; --ital7u-borderRadius-bl-mobile: 0px; --ital7u-borderRadius-br-mobile: 0px; --ital7u-enableShadow: false; --ital7u-enableShadow-tablet: false; --ital7u-enableShadow-mobile: false; --ital7u-shadowHorizontal: 46px; --ital7u-shadowHorizontal-tablet: 46px; --ital7u-shadowHorizontal-mobile: 46px; --ital7u-shadowVertical: 48px; --ital7u-shadowVertical-tablet: 48px; --ital7u-shadowVertical-mobile: 48px; --ital7u-shadowBlur: 57px; --ital7u-shadowBlur-tablet: 57px; --ital7u-shadowBlur-mobile: 57px; --ital7u-speed: 58s; --ital7u-speed-tablet: 58s; --ital7u-speed-mobile: 58s; } [data-bnode="beae-ital7u"] [data-bnode="beae-sclhea"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-ital7u"] [data-bnode="beae-sclpar"] { --beae-p-text-align: justify; } [data-bnode="beae-ital7u"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="beae-ital7u"] [data-bnode="beae-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --beae-h3-text-transform: none; } [data-bnode="beae-ital7u"] [data-bnode="beae-xjcb1t"] { --xjcb1t-width: 100px; --xjcb1t-imageRatio: auto; --xjcb1t-objFit: cover; --xjcb1t-borderColor: #000000; --xjcb1t-shadowColor: #000000; --xjcb1t-borderStyle: none; --xjcb1t-enableShadow: false; --xjcb1t-imageRatio-tablet: auto; --xjcb1t-width-tablet: 100px; --xjcb1t-width-mobile: 80px; } [data-bnode="beae-ital7u"] [data-bnode="beae-pzs6mm"] { --pzs6mm-width: 100px; --pzs6mm-imageRatio: 3/2; --pzs6mm-objFit: cover; --pzs6mm-borderColor: #000000; --pzs6mm-shadowColor: #000000; --pzs6mm-borderStyle: none; --pzs6mm-enableShadow: false; --pzs6mm-width_custom: 100px; } [data-bnode="beae-ital7u"] [data-bnode="beae-qt1805"] { --qt1805-objFit: cover; --qt1805-width: 100%; --qt1805-width_custom: 100px; --qt1805-imageRatio: 1/1; --qt1805-borderStyle: solid; --qt1805-borderWidth-tl: 0px; --qt1805-borderWidth-tr: 0px; --qt1805-borderWidth-bl: 0px; --qt1805-borderWidth-br: 0px; --qt1805-borderRadius-tl: 8px; --qt1805-borderRadius-tr: 8px; --qt1805-borderRadius-bl: 8px; --qt1805-borderRadius-br: 8px; } [data-bnode="beae-ital7u"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-gap: 20px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-ital7u"] { margin-top: var(--ital7u-margin-top, 0px); margin-right: var(--ital7u-margin-right, 0px); margin-bottom: var(--ital7u-margin-bottom, 0px); margin-left: var(--ital7u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ital7u-margin-top-tablet, 0px); margin-right: var(--ital7u-margin-right-tablet, 0px); margin-bottom: var(--ital7u-margin-bottom-tablet, 0px); margin-left: var(--ital7u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ital7u-margin-top-mobile, 0px); margin-right: var(--ital7u-margin-right-mobile, 0px); margin-bottom: var(--ital7u-margin-bottom-mobile, 0px); margin-left: var(--ital7u-margin-left-mobile, 0px); } &.beae-slot, & .beae-slot, .beae-slot { overflow: unset !important; } &.beae-3tg2vw-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--ital7u-borderWidth, 0) var(--ital7u-borderStyle, solid) var(--ital7u-borderColor, #000); border-radius: var(--ital7u-borderRadius, 0); box-shadow: if( style(--ital7u-enableShadow: true): var(--ital7u-shadowHorizontal, 0) var(--ital7u-shadowVertical, 0) var(--ital7u-shadowBlur, 0) 0 var(--ital7u-shadowColor, #000000) ; else: none ); & .beae-3tg2vw-track { flex-direction: row; width: fit-content; } & .beae-3tg2vw-track { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; animation-duration: var(--ital7u-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .beae-3tg2vw-content { flex-direction: row; width: max-content; } & .beae-3tg2vw-content { display: flex; white-space: nowrap; width: 100%; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--ital7u-itemGap, 0px); padding-right: var(--ital7u-itemGap, 0px); padding: 0 !important; flex-direction: column; > .beae-slot[data-bnode="be-ctl-item"]:last-child { margin-bottom: var(--ital7u-itemGap, 0px); } } &.vertical { & .beae-3tg2vw-track, & .beae-3tg2vw-content { flex-direction: column; } & .beae-3tg2vw-content { white-space: normal; padding-right: 0; padding-bottom: var(--ital7u-itemGap, 0px); } } & .beae-item-content { flex-shrink: 0; min-width: 0; width: fit-content; } &.beae-3tg2vw-wrapper{ max-height: 780px; } @media (max-width: 1180px){ &.beae-3tg2vw-wrapper{ max-height: 700px; } } @media (max-width: 767px){ &.beae-3tg2vw-wrapper{ max-height: 300px; } } @media (min-width: 640px) and (max-width: 1023px) { &.beae-3tg2vw-wrapper { border-radius: var(--ital7u-borderRadius-tablet, var(--ital7u-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--ital7u-speed-tablet, var(--ital7u-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--ital7u-itemGap-tablet, var(--ital7u-itemGap, 0px)); padding-right: var(--ital7u-itemGap-tablet, var(--ital7u-itemGap, 0px)); } } @media (max-width: 639px) { &.beae-3tg2vw-wrapper { border-radius: var(--ital7u-borderRadius-mobile, var(--ital7u-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--ital7u-speed-mobile, var(--ital7u-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--ital7u-itemGap-mobile, var(--ital7u-itemGap, 0px)); padding-right: var(--ital7u-itemGap-mobile, var(--ital7u-itemGap, 0px)); } } } } @keyframes marquee-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } @keyframes marquee-top { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes marquee-bottom { from { transform: translateY(-50%); } to { transform: translateY(0); } } [data-bnode="beae-ital7u"] [data-bnode="beae-qt1805"] { margin-top: var(--qt1805-margin-top, 0px); margin-right: var(--qt1805-margin-right, 0px); margin-bottom: var(--qt1805-margin-bottom, 0px); margin-left: var(--qt1805-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qt1805-margin-top-tablet, 0px); margin-right: var(--qt1805-margin-right-tablet, 0px); margin-bottom: var(--qt1805-margin-bottom-tablet, 0px); margin-left: var(--qt1805-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qt1805-margin-top-mobile, 0px); margin-right: var(--qt1805-margin-right-mobile, 0px); margin-bottom: var(--qt1805-margin-bottom-mobile, 0px); margin-left: var(--qt1805-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--qt1805-width,100%) - var(--qt1805-margin-left,0px) - var(--qt1805-margin-right,0px)); min-height: min-content; border-style: var(--qt1805-borderStyle,solid); border-color: var(--qt1805-borderColor,#000000); border-width: var(--qt1805-borderWidth-tl,0px) var(--qt1805-borderWidth-tr,0px) var(--qt1805-borderWidth-br,0px) var(--qt1805-borderWidth-bl,0px); border-radius: var(--qt1805-borderRadius-tl,0px) var(--qt1805-borderRadius-tr,0px) var(--qt1805-borderRadius-br,0px) var(--qt1805-borderRadius-bl,0px); aspect-ratio: var(--qt1805-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qt1805-borderWidth-tl-tablet, var(--qt1805-borderWidth-tl,0px)) var(--qt1805-borderWidth-tr-tablet, var(--qt1805-borderWidth-tr,0px)) var(--qt1805-borderWidth-br-tablet, var(--qt1805-borderWidth-br,0px)) var(--qt1805-borderWidth-bl-tablet, var(--qt1805-borderWidth-bl,0px)); border-radius: var(--qt1805-borderRadius-tl-tablet, var(--qt1805-borderRadius-tl,0px)) var(--qt1805-borderRadius-tr-tablet, var(--qt1805-borderRadius-tr,0px)) var(--qt1805-borderRadius-br-tablet, var(--qt1805-borderRadius-br,0px)) var(--qt1805-borderRadius-bl-tablet, var(--qt1805-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--qt1805-borderWidth-tl-mobile, var(--qt1805-borderWidth-tl,0px)) var(--qt1805-borderWidth-tr-mobile, var(--qt1805-borderWidth-tr,0px)) var(--qt1805-borderWidth-br-mobile, var(--qt1805-borderWidth-br,0px)) var(--qt1805-borderWidth-bl-mobile, var(--qt1805-borderWidth-bl,0px)); border-radius: var(--qt1805-borderRadius-tl-mobile, var(--qt1805-borderRadius-tl,0px)) var(--qt1805-borderRadius-tr-mobile, var(--qt1805-borderRadius-tr,0px)) var(--qt1805-borderRadius-br-mobile, var(--qt1805-borderRadius-br,0px)) var(--qt1805-borderRadius-bl-mobile, var(--qt1805-borderRadius-bl,0px)); } box-shadow: if( style(--qt1805-enableShadow: true): var(--qt1805-shadowHorizontal, 0) var(--qt1805-shadowVertical, 0) var(--qt1805-shadowBlur, 0) 1px var(--qt1805-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--qt1805-overlayColor-color, #000); opacity: var(--qt1805-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--qt1805-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--qt1805-width-tablet,var(--qt1805-width,100%)) - var(--qt1805-margin-left-tablet,var(--qt1805-margin-left,0px)) - var(--qt1805-margin-right-tablet,var(--qt1805-margin-right,0px))); aspect-ratio: var(--qt1805-imageRatio-tablet, var(--qt1805-imageRatio, auto)); img { object-fit: var(--qt1805-objFit-tablet, var(--qt1805-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--qt1805-width-mobile,var(--qt1805-width,100%)) - var(--qt1805-margin-left-mobile,var(--qt1805-margin-left,0px)) - var(--qt1805-margin-right-mobile,var(--qt1805-margin-right,0px))); aspect-ratio: var(--qt1805-imageRatio-mobile, var(--qt1805-imageRatio, auto)); img { object-fit: var(--qt1805-objFit-mobile, var(--qt1805-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-ital7u"] [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-ital7u"] [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-ital7u"] [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(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ital7u"] [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(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z7negz"] { --z7negz-overflow: unset; --z7negz-overflow-tablet: unset; --z7negz-overflow-mobile: unset; --z7negz-itemGap: 20px; --z7negz-itemGap-tablet: 20px; --z7negz-itemGap-mobile: 20px; --z7negz-direction: bottom; --z7negz-direction-tablet: bottom; --z7negz-direction-mobile: bottom; --z7negz-borderStyle: none; --z7negz-borderStyle-tablet: none; --z7negz-borderStyle-mobile: none; --z7negz-borderWidth: 52px; --z7negz-borderWidth-tablet: 52px; --z7negz-borderWidth-mobile: 52px; --z7negz-borderRadius-0: 4; --z7negz-borderRadius-0-tablet: 0; --z7negz-borderRadius-0-mobile: 0; --z7negz-borderRadius-1: p; --z7negz-borderRadius-1-tablet: p; --z7negz-borderRadius-1-mobile: p; --z7negz-borderRadius-2: x; --z7negz-borderRadius-2-tablet: x; --z7negz-borderRadius-2-mobile: x; --z7negz-borderRadius-tl-mobile: 0px; --z7negz-borderRadius-tr-mobile: 0px; --z7negz-borderRadius-bl-mobile: 0px; --z7negz-borderRadius-br-mobile: 0px; --z7negz-enableShadow: false; --z7negz-enableShadow-tablet: false; --z7negz-enableShadow-mobile: false; --z7negz-shadowHorizontal: 46px; --z7negz-shadowHorizontal-tablet: 46px; --z7negz-shadowHorizontal-mobile: 46px; --z7negz-shadowVertical: 48px; --z7negz-shadowVertical-tablet: 48px; --z7negz-shadowVertical-mobile: 48px; --z7negz-shadowBlur: 57px; --z7negz-shadowBlur-tablet: 57px; --z7negz-shadowBlur-mobile: 57px; --z7negz-speed: 43s; --z7negz-speed-tablet: 43s; --z7negz-speed-mobile: 43s; } [data-bnode="beae-z7negz"] [data-bnode="beae-sclhea"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-z7negz"] [data-bnode="beae-sclpar"] { --beae-p-text-align: justify; } [data-bnode="beae-z7negz"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: row-reverse; --content-list-item-structure: auto; --content-list-item-gap: 20px; } [data-bnode="beae-z7negz"] [data-bnode="beae-4xsu0i"] { --4xsu0i-animationName: pop; --4xsu0i-maxWidth: auto; --beae-h3-text-transform: none; } [data-bnode="beae-z7negz"] [data-bnode="beae-xjcb1t"] { --xjcb1t-width: 100px; --xjcb1t-imageRatio: auto; --xjcb1t-objFit: cover; --xjcb1t-borderColor: #000000; --xjcb1t-shadowColor: #000000; --xjcb1t-borderStyle: none; --xjcb1t-enableShadow: false; --xjcb1t-imageRatio-tablet: auto; --xjcb1t-width-tablet: 100px; --xjcb1t-width-mobile: 80px; } [data-bnode="beae-z7negz"] [data-bnode="beae-pzs6mm"] { --pzs6mm-width: 100px; --pzs6mm-imageRatio: 3/2; --pzs6mm-objFit: cover; --pzs6mm-borderColor: #000000; --pzs6mm-shadowColor: #000000; --pzs6mm-borderStyle: none; --pzs6mm-enableShadow: false; --pzs6mm-width_custom: 100px; } [data-bnode="beae-z7negz"] [data-bnode="beae-76koo7"] { --76koo7-objFit: cover; --76koo7-width: 100%; --76koo7-width_custom: 100px; --76koo7-imageRatio: 1/1; --76koo7-borderRadius-tl: 8px; --76koo7-borderRadius-tr: 8px; --76koo7-borderRadius-bl: 8px; --76koo7-borderRadius-br: 8px; } [data-bnode="beae-z7negz"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-gap: 20px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-z7negz"] { margin-top: var(--z7negz-margin-top, 0px); margin-right: var(--z7negz-margin-right, 0px); margin-bottom: var(--z7negz-margin-bottom, 0px); margin-left: var(--z7negz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z7negz-margin-top-tablet, 0px); margin-right: var(--z7negz-margin-right-tablet, 0px); margin-bottom: var(--z7negz-margin-bottom-tablet, 0px); margin-left: var(--z7negz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z7negz-margin-top-mobile, 0px); margin-right: var(--z7negz-margin-right-mobile, 0px); margin-bottom: var(--z7negz-margin-bottom-mobile, 0px); margin-left: var(--z7negz-margin-left-mobile, 0px); } &.beae-slot, & .beae-slot, .beae-slot { overflow: unset !important; } &.beae-3tg2vw-wrapper { display: block; position: relative; overflow: hidden; width: 100%; max-width: 100%; border: var(--z7negz-borderWidth, 0) var(--z7negz-borderStyle, solid) var(--z7negz-borderColor, #000); border-radius: var(--z7negz-borderRadius, 0); box-shadow: if( style(--z7negz-enableShadow: true): var(--z7negz-shadowHorizontal, 0) var(--z7negz-shadowVertical, 0) var(--z7negz-shadowBlur, 0) 0 var(--z7negz-shadowColor, #000000) ; else: none ); & .beae-3tg2vw-track { flex-direction: row; width: fit-content; } & .beae-3tg2vw-track { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; animation-duration: var(--z7negz-speed, 20s); animation-timing-function: linear; animation-iteration-count: infinite; &.paused { animation-play-state: paused; } } & .beae-3tg2vw-content { flex-direction: row; width: max-content; } & .beae-3tg2vw-content { display: flex; white-space: nowrap; width: 100%; flex-wrap: nowrap; flex-shrink: 0; align-items: center; gap: var(--z7negz-itemGap, 0px); padding-right: var(--z7negz-itemGap, 0px); padding: 0 !important; flex-direction: column; > .beae-slot[data-bnode="be-ctl-item"]:last-child { margin-bottom: var(--z7negz-itemGap, 0px); } } &.vertical { & .beae-3tg2vw-track, & .beae-3tg2vw-content { flex-direction: column; } & .beae-3tg2vw-content { white-space: normal; padding-right: 0; padding-bottom: var(--z7negz-itemGap, 0px); } } & .beae-item-content { flex-shrink: 0; min-width: 0; width: fit-content; } &.beae-3tg2vw-wrapper{ max-height: 780px; } @media (max-width: 1180px){ &.beae-3tg2vw-wrapper{ max-height: 700px; } } @media (max-width: 767px){ &.beae-3tg2vw-wrapper{ max-height: 300px; } } @media (min-width: 640px) and (max-width: 1023px) { &.beae-3tg2vw-wrapper { border-radius: var(--z7negz-borderRadius-tablet, var(--z7negz-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--z7negz-speed-tablet, var(--z7negz-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--z7negz-itemGap-tablet, var(--z7negz-itemGap, 0px)); padding-right: var(--z7negz-itemGap-tablet, var(--z7negz-itemGap, 0px)); } } @media (max-width: 639px) { &.beae-3tg2vw-wrapper { border-radius: var(--z7negz-borderRadius-mobile, var(--z7negz-borderRadius, 0)); } & .beae-3tg2vw-track { animation-duration: var(--z7negz-speed-mobile, var(--z7negz-speed, 20s)); } & .beae-3tg2vw-content { gap: var(--z7negz-itemGap-mobile, var(--z7negz-itemGap, 0px)); padding-right: var(--z7negz-itemGap-mobile, var(--z7negz-itemGap, 0px)); } } } } @keyframes marquee-left { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } } @keyframes marquee-top { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes marquee-bottom { from { transform: translateY(-50%); } to { transform: translateY(0); } } [data-bnode="beae-z7negz"] [data-bnode="beae-76koo7"] { margin-top: var(--76koo7-margin-top, 0px); margin-right: var(--76koo7-margin-right, 0px); margin-bottom: var(--76koo7-margin-bottom, 0px); margin-left: var(--76koo7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--76koo7-margin-top-tablet, 0px); margin-right: var(--76koo7-margin-right-tablet, 0px); margin-bottom: var(--76koo7-margin-bottom-tablet, 0px); margin-left: var(--76koo7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--76koo7-margin-top-mobile, 0px); margin-right: var(--76koo7-margin-right-mobile, 0px); margin-bottom: var(--76koo7-margin-bottom-mobile, 0px); margin-left: var(--76koo7-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--76koo7-width,100%) - var(--76koo7-margin-left,0px) - var(--76koo7-margin-right,0px)); min-height: min-content; border-style: var(--76koo7-borderStyle,solid); border-color: var(--76koo7-borderColor,#000000); border-width: var(--76koo7-borderWidth-tl,0px) var(--76koo7-borderWidth-tr,0px) var(--76koo7-borderWidth-br,0px) var(--76koo7-borderWidth-bl,0px); border-radius: var(--76koo7-borderRadius-tl,0px) var(--76koo7-borderRadius-tr,0px) var(--76koo7-borderRadius-br,0px) var(--76koo7-borderRadius-bl,0px); aspect-ratio: var(--76koo7-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--76koo7-borderWidth-tl-tablet, var(--76koo7-borderWidth-tl,0px)) var(--76koo7-borderWidth-tr-tablet, var(--76koo7-borderWidth-tr,0px)) var(--76koo7-borderWidth-br-tablet, var(--76koo7-borderWidth-br,0px)) var(--76koo7-borderWidth-bl-tablet, var(--76koo7-borderWidth-bl,0px)); border-radius: var(--76koo7-borderRadius-tl-tablet, var(--76koo7-borderRadius-tl,0px)) var(--76koo7-borderRadius-tr-tablet, var(--76koo7-borderRadius-tr,0px)) var(--76koo7-borderRadius-br-tablet, var(--76koo7-borderRadius-br,0px)) var(--76koo7-borderRadius-bl-tablet, var(--76koo7-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--76koo7-borderWidth-tl-mobile, var(--76koo7-borderWidth-tl,0px)) var(--76koo7-borderWidth-tr-mobile, var(--76koo7-borderWidth-tr,0px)) var(--76koo7-borderWidth-br-mobile, var(--76koo7-borderWidth-br,0px)) var(--76koo7-borderWidth-bl-mobile, var(--76koo7-borderWidth-bl,0px)); border-radius: var(--76koo7-borderRadius-tl-mobile, var(--76koo7-borderRadius-tl,0px)) var(--76koo7-borderRadius-tr-mobile, var(--76koo7-borderRadius-tr,0px)) var(--76koo7-borderRadius-br-mobile, var(--76koo7-borderRadius-br,0px)) var(--76koo7-borderRadius-bl-mobile, var(--76koo7-borderRadius-bl,0px)); } box-shadow: if( style(--76koo7-enableShadow: true): var(--76koo7-shadowHorizontal, 0) var(--76koo7-shadowVertical, 0) var(--76koo7-shadowBlur, 0) 1px var(--76koo7-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--76koo7-overlayColor-color, #000); opacity: var(--76koo7-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--76koo7-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--76koo7-width-tablet,var(--76koo7-width,100%)) - var(--76koo7-margin-left-tablet,var(--76koo7-margin-left,0px)) - var(--76koo7-margin-right-tablet,var(--76koo7-margin-right,0px))); aspect-ratio: var(--76koo7-imageRatio-tablet, var(--76koo7-imageRatio, auto)); img { object-fit: var(--76koo7-objFit-tablet, var(--76koo7-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--76koo7-width-mobile,var(--76koo7-width,100%)) - var(--76koo7-margin-left-mobile,var(--76koo7-margin-left,0px)) - var(--76koo7-margin-right-mobile,var(--76koo7-margin-right,0px))); aspect-ratio: var(--76koo7-imageRatio-mobile, var(--76koo7-imageRatio, auto)); img { object-fit: var(--76koo7-objFit-mobile, var(--76koo7-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-z7negz"] [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-z7negz"] [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-z7negz"] [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(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z7negz"] [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(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }