.fl {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout="default"][data-frame$="box"] {
  padding: 30px;
}
.fl[data-layout="layout-full"] {
  width: 100%;
  max-width: none;
}
.fl[data-layout="layout-full"][data-frame$="box"] {
  padding: 50px 0;
}
.fl[data-layout="layout-full-reduced"] {
  width: 100%;
  max-width: none;
}
.fl[data-layout="layout-full-reduced"][data-frame$="box"] {
  padding: 50px 0;
}
.fl[data-layout="layout-full-reduced"] .inner {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout="layout-reduced"] {
  max-width: var(--fl-layout-reduced);
}
.fl[data-layout="layout-reduced"][data-frame$="box"] {
  padding: 30px;
}
.fl[data-layout="layout-full-reduced-small"] {
  width: 100%;
  max-width: none;
}
.fl[data-layout="layout-full-reduced-small"][data-frame$="box"] {
  padding: 50px 0;
}
.fl[data-layout="layout-full-reduced-small"] .inner {
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin: 0 auto;
  max-width: var(--fl-layout-reduced-small);
}
.fl[data-layout="layout-full-reduced-small"][data-frame="background-image"] .background-image {
  padding: 0 clamp(1.1764705882rem, -0.0953895072rem + 6.7567567568vw, 5.8823529412rem);
}
.fl[data-frame="lightbgbox"] {
  background: var(--fl-frame-lightbgbox);
}
.fl[data-frame="cibgbox"] {
  background: var(--fl-frame-cibgbox);
}
.fl[data-frame="background-image"] {
  position: relative;
}
.fl[data-frame="background-image"] .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .fl[data-frame="background-image"] .background-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.fl[data-frame="background-image"] .inner {
  position: relative;
  z-index: 1;
}
.fl[data-frame="background-image"][data-image-pos="center"] .background-image {
  text-align: center;
}
.fl[data-frame="background-image"][data-image-pos="right"] .background-image {
  text-align: right;
}
.fl[data-frame="background-image"][data-image-pos-vertical="bottom"] .background-image {
  top: auto;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.fl[data-frame="background-image"] .inner {
  position: relative;
  z-index: 2;
  opacity: 1;
}
.fl[data-margin-before="extra-small"] {
  margin-top: var(--fl-margin-before-extra-small);
}
.fl[data-margin-before="small"] {
  margin-top: var(--fl-margin-before-small);
}
.fl[data-margin-before="medium"] {
  margin-top: var(--fl-margin-before-medium);
}
.fl[data-margin-before="large"] {
  margin-top: var(--fl-margin-before-large);
}
.fl[data-margin-before="extra-large"] {
  margin-top: var(--fl-margin-before-extra-large);
}
.fl[data-margin-after="extra-small"] {
  margin-bottom: var(--fl-margin-after-extra-small);
}
.fl[data-margin-after="small"] {
  margin-bottom: var(--fl-margin-after-small);
}
.fl[data-margin-after="medium"] {
  margin-bottom: var(--fl-margin-after-medium);
}
.fl[data-margin-after="large"] {
  margin-bottom: var(--fl-margin-after-large);
}
.fl[data-margin-after="extra-large"] {
  margin-bottom: var(--fl-margin-after-extra-large);
}
@media screen and (max-width: 640px) {
  .fl[data-margin-before="medium"] {
    margin-top: var(--fl-margin-before-medium);
  }
  .fl[data-margin-before="large"] {
    margin-top: var(--fl-margin-before-large);
  }
  .fl[data-margin-before="extra-large"] {
    margin-top: var(--fl-margin-before-extra-large);
  }
  .fl[data-margin-after="medium"] {
    margin-bottom: var(--fl-margin-after-medium);
  }
  .fl[data-margin-after="large"] {
    margin-bottom: var(--fl-margin-after-large);
  }
  .fl[data-margin-after="extra-large"] {
    margin-bottom: var(--fl-margin-after-extra-large);
  }
}