:root {
  --baseWidth: 92%;
  --maxWidth: 1300px;
  --fl-frame-lightbgbox: #f9fbfb;
  --fl-frame-cibgbox: #007c60;
  --fl-layout-reduced: var(--reducedWidth);
  --fl-margin-before-extra-small: 30px;
  --fl-margin-before-small: 45px;
  --fl-margin-before-medium: 70px;
  --fl-margin-before-large: 130px;
  --fl-margin-before-extra-large: 200px;
  --fl-margin-after-extra-small: 30px;
  --fl-margin-after-small: 45px;
  --fl-margin-after-medium: 70px;
  --fl-margin-after-large: 130px;
  --fl-margin-after-extra-large: 200px;
}
@media screen and (max-width: 450px) {
  :root {
    --fl-margin-before-medium: 50px;
    --fl-margin-before-large: 80px;
    --fl-margin-before-extra-large: 100px;
    --fl-margin-after-medium: 50px;
    --fl-margin-after-large: 80px;
    --fl-margin-after-extra-large: 100px;
  }
}

.fl {
  position: relative;
  max-width: var(--maxWidth);
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout=layout-full] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced] .inner {
  position: relative;
  max-width: var(--maxWidth);
  width: var(--baseWidth);
  margin: 0 auto;
}
.fl[data-layout=layout-full-reduced-left] {
  width: 100%;
  max-width: none;
  padding-left: max(4%, (100% - var(--maxWidth)) / 2);
}
.fl[data-layout=layout-full-reduced-left] .inner {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced-right] {
  width: 100%;
  max-width: none;
  padding-right: max(4%, (100% - var(--maxWidth)) / 2);
}
.fl[data-layout=layout-full-reduced-right] .inner {
  width: 100%;
  max-width: none;
}
@media screen and (max-width: 781px) {
  .fl[data-layout=layout-full-reduced-right] .wp-block-column:nth-of-type(2) {
    padding-left: max(4%, (100% - var(--maxWidth)) / 2);
    padding-bottom: 20px;
  }
}
.fl[data-layout=layout-full-reduced-reduced] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced-reduced] .inner {
  position: relative;
  max-width: var(--maxWidth);
  width: var(--baseWidth);
  margin: 0 auto;
  max-width: var(--reducedWidth);
}
.fl[data-layout=layout-reduced] {
  max-width: var(--fl-layout-reduced);
}
.fl[data-frame=lightbgbox] {
  background: var(--fl-frame-lightbgbox);
}
.fl[data-frame=cibgbox] {
  background: var(--fl-frame-cibgbox);
}
.fl[data-frame=cibgbox] ul li::before {
  background-color: #fff !important;
}
.fl[data-frame=cibgbox] h1,
.fl[data-frame=cibgbox] h2,
.fl[data-frame=cibgbox] h3,
.fl[data-frame=cibgbox] h4,
.fl[data-frame=cibgbox] h5,
.fl[data-frame=cibgbox] h6,
.fl[data-frame=cibgbox] p,
.fl[data-frame=cibgbox] li,
.fl[data-frame=cibgbox] a {
  color: #fff;
}
.fl[data-background-image=true] .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fl[data-background-image=true] .background-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.fl[data-background-image=true] .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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);
  }
}
.fl div[class*=px-] {
  width: 100%;
}