/* =========================================================
   Block: Intro / Title Banner IL
   File: blocks/il-title-banner/style.css
   ========================================================= */

.il-title-banner-section,
.il-title-banner-editor {
  position: relative;
  width: 100vw;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding:
    var(--itb-il-outer-padding-top, 0px)
    var(--itb-il-outer-padding-x, 0px)
    var(--itb-il-outer-padding-bottom, 0px);
  overflow: visible;
  background: var(--itb-il-outer-bg, #ffffff);
  border: 0;
  box-sizing: border-box;
}

.il-title-banner__surface {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding:
    var(--itb-il-banner-padding-top, 76px)
    var(--itb-il-banner-padding-right, 48px)
    var(--itb-il-banner-padding-bottom, 104px)
    var(--itb-il-banner-padding-left, 48px);
  overflow: hidden;
  isolation: isolate;
  color: var(--itb-il-heading-color, #ffffff);
  background: var(--itb-il-bg, #1a301a);
  border: var(--itb-il-quick-card-border-width, 0px) solid var(--itb-il-quick-card-border-color, transparent);
  border-radius: var(--itb-il-quick-card-radius, 28px);
  box-shadow: var(--itb-il-quick-card-shadow, none);
  box-sizing: border-box;
}

.il-title-banner-section.is-banner-height-auto .il-title-banner__surface,
.il-title-banner-editor.is-banner-height-auto .il-title-banner__surface {
  height: auto;
  min-height: 0;
}

.il-title-banner-section.is-banner-height-min .il-title-banner__surface,
.il-title-banner-editor.is-banner-height-min .il-title-banner__surface {
  height: auto;
  min-height: var(--itb-il-banner-height, 260px);
}

.il-title-banner-section.is-banner-height-fixed .il-title-banner__surface,
.il-title-banner-editor.is-banner-height-fixed .il-title-banner__surface {
  height: var(--itb-il-banner-height, 260px);
  min-height: 0;
}

.il-title-banner-section *,
.il-title-banner-section *::before,
.il-title-banner-section *::after,
.il-title-banner-editor *,
.il-title-banner-editor *::before,
.il-title-banner-editor *::after {
  box-sizing: border-box;
}

/* =========================================================
   Background layers
   ========================================================= */

.il-title-banner__background-image,
.il-title-banner__background-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.il-title-banner__background-image {
  z-index: 0;
  display: block;
  background-image: var(--itb-il-background-image, none);
  background-position: var(--itb-il-background-image-position, center center);
  background-size: var(--itb-il-background-image-fit, cover);
  background-repeat: no-repeat;
  opacity: var(--itb-il-background-image-opacity, 1);
}

.il-title-banner__background-shade {
  z-index: 1;
  display: block;
  background: var(--itb-il-background-shade-color, #000000);
  opacity: var(--itb-il-background-shade-opacity, 0.38);
}

/* Grafika po boku z płynnym przejściem w tło sekcji. */
.il-title-banner__side-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--itb-il-side-image-left, auto);
  right: var(--itb-il-side-image-right, 0px);
  z-index: 0;
  display: block;
  width: var(--itb-il-side-image-width, 60%);
  overflow: hidden;
  background-image: var(--itb-il-background-image, none);
  background-position: var(--itb-il-background-image-position, right center);
  background-size: var(--itb-il-background-image-fit, cover);
  background-repeat: no-repeat;
  opacity: var(--itb-il-side-image-opacity, 0.72);
  mix-blend-mode: var(--itb-il-side-image-blend-mode, normal);
  -webkit-mask-image: var(
    --itb-il-side-image-mask,
    linear-gradient(to right, transparent 0%, #000 52%, #000 100%)
  );
  mask-image: var(
    --itb-il-side-image-mask,
    linear-gradient(to right, transparent 0%, #000 52%, #000 100%)
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none;
}

.il-title-banner__side-image::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: var(--itb-il-side-image-tint, #1a301a);
  opacity: var(--itb-il-side-image-tint-opacity, 0.18);
  pointer-events: none;
}

.il-title-banner__glow {
  position: absolute;
  left: var(--itb-il-glow-position-x, 86%);
  top: var(--itb-il-glow-position-y, 18%);
  z-index: 1;
  display: var(--itb-il-glow-display, none);
  width: var(--itb-il-glow-size, 620px);
  height: var(--itb-il-glow-size, 620px);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    var(--itb-il-glow-color, rgba(38, 173, 33, 0.18)) 0%,
    transparent 70%
  );
  opacity: var(--itb-il-glow-opacity, 0.18);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* =========================================================
   Main container
   ========================================================= */

.il-title-banner__container {
  position: relative;
  z-index: 3;
  width: min(100%, var(--itb-il-container-max-width, 1090px));
  max-width: none;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: var(--itb-il-content-justify, center);
  margin-inline: auto;
}

.il-title-banner-section[style*="--itb-il-container-max-width:none"] .il-title-banner__container,
.il-title-banner-editor[style*="--itb-il-container-max-width:none"] .il-title-banner__container,
.il-title-banner-section[style*="--itb-il-container-max-width: none"] .il-title-banner__container,
.il-title-banner-editor[style*="--itb-il-container-max-width: none"] .il-title-banner__container {
  width: 100%;
}

.il-title-banner__content {
  width: 100%;
  max-width: min(var(--itb-il-quick-content-max-width, var(--itb-il-content-max-width, 1090px)), 100%);
  margin-left: var(--itb-il-content-margin-left, 0);
  margin-right: var(--itb-il-content-margin-right, auto);
  text-align: var(--itb-il-text-align, left);
  transform: translate(
    var(--itb-il-content-offset-x, 0px),
    var(--itb-il-content-offset-y, 0px)
  );
}

/* =========================================================
   Intro typography
   ========================================================= */

.il-title-banner__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--itb-il-eyebrow-line-gap, 6px);
  margin: 0 0 var(--itb-il-eyebrow-margin-bottom, 18px);
  color: var(--itb-il-eyebrow-color, #26ad21);
  font-family: var(--itb-il-eyebrow-family, Inter, Arial, sans-serif);
  font-size: var(--itb-il-eyebrow-size, 13px);
  font-weight: var(--itb-il-eyebrow-weight, 700);
  line-height: var(--itb-il-eyebrow-line, 1);
  letter-spacing: var(--itb-il-eyebrow-spacing, 0em);
  text-transform: var(--itb-il-eyebrow-transform, uppercase);
}

.il-title-banner__eyebrow::before {
  content: "";
  display: var(--itb-il-eyebrow-line-display, block);
  width: var(--itb-il-eyebrow-line-width, 10px);
  height: var(--itb-il-eyebrow-line-thickness, 1px);
  flex: 0 0 var(--itb-il-eyebrow-line-width, 10px);
  background: var(--itb-il-eyebrow-line-color, currentColor);
}

.il-title-banner__heading {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;

  color: var(--itb-il-heading-color, #ffffff);
  font-family: var(--itb-il-heading-family, Inter, Arial, sans-serif);
  font-size: var(--itb-il-heading-size, 54px);
  font-weight: var(--itb-il-heading-weight, 800);
  line-height: var(--itb-il-heading-line, 1.08);
  letter-spacing: var(--itb-il-heading-spacing, -0.04em);
  text-transform: var(--itb-il-heading-transform, none);

  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.il-title-banner__heading > span {
  display: inline;
  white-space: normal;
}

.il-title-banner__heading-highlight {
  color: var(--itb-il-heading-highlight-color, #26ad21);
}

.il-title-banner__description {
  width: 100%;
  max-width: var(--itb-il-description-max-width, 760px);
  margin-top: var(--itb-il-description-margin-top, 22px);
  margin-right: var(--itb-il-description-margin-right, auto);
  margin-bottom: 0;
  margin-left: var(--itb-il-description-margin-left, 0);
  color: var(--itb-il-description-color, rgba(255, 255, 255, 0.78));
  font-family: var(--itb-il-description-family, Lato, Arial, sans-serif);
  font-size: var(--itb-il-description-size, 18px);
  font-weight: var(--itb-il-description-weight, 400);
  line-height: var(--itb-il-description-line, 1.6);
  letter-spacing: var(--itb-il-description-spacing, 0em);
  text-align: var(--itb-il-description-text-align, left);
  text-transform: var(--itb-il-description-transform, none);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.il-title-banner__description > :first-child {
  margin-top: 0;
}

.il-title-banner__description > :last-child {
  margin-bottom: 0;
}

/* =========================================================
   Banner image below intro
   ========================================================= */

.il-title-banner__media-wrap {
  width: 100%;
  max-width: var(--itb-il-media-max-width, 1120px);
  margin-top: var(--itb-il-intro-to-media-gap, 18px);
  margin-left: var(--itb-il-media-margin-left, auto);
  margin-right: var(--itb-il-media-margin-right, auto);
}

.il-title-banner__media {
  position: relative;
  width: 100%;
  height: var(--itb-il-image-height, 330px);
  overflow: hidden;
  background: var(--itb-il-placeholder-bg, #e8ece8);
  border: var(--itb-il-image-border-width, 0px) solid var(--itb-il-image-border-color, transparent);
  border-radius: var(--itb-il-image-radius, 6px);
  box-shadow: var(--itb-il-image-shadow, none);
}

.il-title-banner__picture,
.il-title-banner__image {
  width: 100%;
  height: 100%;
  display: block;
}

.il-title-banner__image {
  object-fit: var(--itb-il-image-object-fit, cover);
  object-position: var(--itb-il-image-object-position, center center);
  transform: scale(1);
  transition: transform var(--itb-il-transition-duration, 240ms) ease;
}

.il-title-banner__media:hover .il-title-banner__image {
  transform: scale(var(--itb-il-image-hover-scale, 1));
}

.il-title-banner__image-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  background: var(--itb-il-image-overlay-color, #000000);
  opacity: var(--itb-il-image-overlay-opacity, 0);
  pointer-events: none;
}

.il-title-banner__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 28px;
  color: var(--itb-il-placeholder-color, #465046);
  background: var(--itb-il-placeholder-bg, #e8ece8);
  font-family: Inter, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {
  .il-title-banner__heading {
    font-size: clamp(
      var(--itb-il-mobile-heading-size, 36px),
      5.6vw,
      var(--itb-il-heading-size, 54px)
    );
  }
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
  .il-title-banner__surface {
    min-height: var(--itb-il-mobile-section-min-height, 0px);
    padding-top: var(--itb-il-mobile-section-padding-top, 56px);
    padding-bottom: var(--itb-il-mobile-section-padding-bottom, 64px);
  }

  .il-title-banner__container,
  .il-title-banner-section[style*="--itb-il-container-max-width:none"] .il-title-banner__container,
  .il-title-banner-editor[style*="--itb-il-container-max-width:none"] .il-title-banner__container,
  .il-title-banner-section[style*="--itb-il-container-max-width: none"] .il-title-banner__container,
  .il-title-banner-editor[style*="--itb-il-container-max-width: none"] .il-title-banner__container {
    width: calc(100% - (var(--itb-il-mobile-container-padding-x, 22px) * 2));
    min-height: max(
      0px,
      calc(
        var(--itb-il-mobile-section-min-height, 0px) -
        var(--itb-il-mobile-section-padding-top, 56px) -
        var(--itb-il-mobile-section-padding-bottom, 64px)
      )
    );
  }

  .il-title-banner__content {
    max-width: var(--itb-il-mobile-content-max-width, 1000px);
    text-align: var(--itb-il-mobile-text-align, left);
    transform: none;
  }

  .il-title-banner__eyebrow {
    gap: var(--itb-il-mobile-eyebrow-line-gap, 6px);
    margin-bottom: var(--itb-il-mobile-eyebrow-margin-bottom, 14px);
    font-size: var(--itb-il-mobile-eyebrow-size, 12px);
  }

  .il-title-banner__eyebrow::before {
    width: var(--itb-il-mobile-eyebrow-line-width, 10px);
    flex-basis: var(--itb-il-mobile-eyebrow-line-width, 10px);
  }

  .il-title-banner__heading {
    font-size: var(--itb-il-mobile-heading-size, 36px);
    line-height: var(--itb-il-mobile-heading-line, 1.06);
  }

  .il-title-banner__description {
    max-width: var(--itb-il-mobile-description-max-width, 1000px);
    margin-top: var(--itb-il-mobile-description-margin-top, 18px);
    margin-right: var(--itb-il-mobile-description-margin-right, auto);
    margin-left: var(--itb-il-mobile-description-margin-left, 0);
    font-size: var(--itb-il-mobile-description-size, 16px);
    line-height: var(--itb-il-mobile-description-line, 1.55);
    text-align: var(--itb-il-mobile-description-text-align, left);
  }

  .il-title-banner__media-wrap {
    max-width: 100%;
    margin-top: var(--itb-il-mobile-intro-to-media-gap, 22px);
    margin-left: 0;
    margin-right: 0;
  }

  .il-title-banner__media {
    height: var(--itb-il-mobile-image-height, 240px);
  }

  .il-title-banner__image {
    object-position: var(
      --itb-il-mobile-image-object-position,
      var(--itb-il-image-object-position, center center)
    );
  }

  .il-title-banner__side-image {
    background-image: var(
      --itb-il-background-image-mobile,
      var(--itb-il-background-image, none)
    );
    background-position: var(
      --itb-il-background-image-position-mobile,
      var(--itb-il-background-image-position, center center)
    );
    opacity: var(--itb-il-mobile-side-image-opacity, 0.5);
  }

  .il-title-banner-section.mobile-side-background .il-title-banner__side-image,
  .il-title-banner-editor.mobile-side-background .il-title-banner__side-image {
    inset: 0;
    width: 100%;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .il-title-banner-section.mobile-side-side .il-title-banner__side-image,
  .il-title-banner-editor.mobile-side-side .il-title-banner__side-image {
    width: var(--itb-il-mobile-side-image-width, 100%);
    -webkit-mask-image: var(
      --itb-il-mobile-side-image-mask,
      var(--itb-il-side-image-mask)
    );
    mask-image: var(
      --itb-il-mobile-side-image-mask,
      var(--itb-il-side-image-mask)
    );
  }

  .il-title-banner-section.mobile-side-hidden .il-title-banner__side-image,
  .il-title-banner-editor.mobile-side-hidden .il-title-banner__side-image {
    display: none;
  }

  .il-title-banner__background-image {
    background-image: var(
      --itb-il-background-image-mobile,
      var(--itb-il-background-image, none)
    );
    background-position: var(
      --itb-il-background-image-position-mobile,
      var(--itb-il-background-image-position, center center)
    );
  }

  .il-title-banner-section.has-mobile-image-hidden .il-title-banner__background-image,
  .il-title-banner-editor.has-mobile-image-hidden .il-title-banner__background-image,
  .il-title-banner-section.has-mobile-image-hidden .il-title-banner__background-shade,
  .il-title-banner-editor.has-mobile-image-hidden .il-title-banner__background-shade,
  .il-title-banner-section.has-mobile-image-hidden .il-title-banner__side-image,
  .il-title-banner-editor.has-mobile-image-hidden .il-title-banner__side-image,
  .il-title-banner-section.has-mobile-image-hidden .il-title-banner__media-wrap,
  .il-title-banner-editor.has-mobile-image-hidden .il-title-banner__media-wrap {
    display: none;
  }
}

@media (max-width: 480px) {
  .il-title-banner__heading {
    font-size: clamp(28px, 9vw, var(--itb-il-mobile-heading-size, 36px));
  }
}

@media (hover: none) {
  .il-title-banner__media:hover .il-title-banner__image {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .il-title-banner__content,
  .il-title-banner__image {
    transition: none !important;
    transform: none !important;
  }
}


/* ---------------------------------------------------------
   INNER BANNER WIDTH, EFFECTS AND RESPONSIVE LAYOUT
   --------------------------------------------------------- */
.il-title-banner-section.is-banner-width-full .il-title-banner__surface,
.il-title-banner-editor.is-banner-width-full .il-title-banner__surface {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.il-title-banner-section.is-banner-width-contained .il-title-banner__surface,
.il-title-banner-editor.is-banner-width-contained .il-title-banner__surface {
  width: calc(100% - (var(--itb-il-quick-card-outer-gap, 16px) * 2));
  max-width: var(--itb-il-quick-card-max-width, 1440px);
  margin-left: var(--itb-il-quick-card-margin-left, auto);
  margin-right: var(--itb-il-quick-card-margin-right, auto);
}

.il-title-banner-section.is-banner-width-custom .il-title-banner__surface,
.il-title-banner-editor.is-banner-width-custom .il-title-banner__surface {
  width: min(
    var(--itb-il-quick-card-width-percent, 100%),
    calc(100% - (var(--itb-il-quick-card-outer-gap, 16px) * 2))
  );
  max-width: var(--itb-il-quick-card-max-width, 1440px);
  margin-left: var(--itb-il-quick-card-margin-left, auto);
  margin-right: var(--itb-il-quick-card-margin-right, auto);
}

.il-title-banner-section.is-layout-quick .il-title-banner__background-shade,
.il-title-banner-editor.is-layout-quick .il-title-banner__background-shade {
  opacity: var(--itb-il-quick-overlay-opacity, 0.22);
}

.il-title-banner__quick-bottom-fade {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: var(--itb-il-quick-bottom-fade-display, none);
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent var(--itb-il-quick-bottom-fade-start, 72%),
    var(--itb-il-quick-bottom-fade-color, #ffffff) var(--itb-il-quick-bottom-fade-end, 100%)
  );
  pointer-events: none;
}

.il-title-banner-section.is-layout-quick .il-title-banner__heading,
.il-title-banner-editor.is-layout-quick .il-title-banner__heading,
.il-title-banner-section.is-layout-quick .il-title-banner__description,
.il-title-banner-editor.is-layout-quick .il-title-banner__description {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.14);
}

.il-title-banner__cta-wrap {
  margin-top: var(--itb-il-cta-margin-top, 24px);
}

.il-title-banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: var(--itb-il-cta-padding-y, 11px) var(--itb-il-cta-padding-x, 24px);
  border-radius: var(--itb-il-cta-radius, 999px);
  border: 1px solid var(--itb-il-cta-border-color, rgba(255, 255, 255, 0.14));
  background: var(--itb-il-cta-bg, #f3ede4);
  color: var(--itb-il-cta-color, #6f5434);
  font: inherit;
  font-size: var(--itb-il-cta-font-size, 14px);
  font-weight: var(--itb-il-cta-font-weight, 700);
  line-height: 1.2;
  text-decoration: none;
  transition:
    transform var(--itb-il-transition-duration, 240ms) ease,
    box-shadow var(--itb-il-transition-duration, 240ms) ease,
    opacity var(--itb-il-transition-duration, 240ms) ease;
}

.il-title-banner__cta:hover,
.il-title-banner__cta:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(23, 35, 51, 0.18);
  text-decoration: none;
}

@media (max-width: 1024px) {
  .il-title-banner-section,
  .il-title-banner-editor {
    padding:
      var(--itb-il-tablet-outer-padding-top, 0px)
      var(--itb-il-tablet-outer-padding-x, 0px)
      var(--itb-il-tablet-outer-padding-bottom, 0px);
  }

  .il-title-banner__surface {
    padding:
      var(--itb-il-tablet-banner-padding-top, 32px)
      var(--itb-il-tablet-banner-padding-right, 32px)
      var(--itb-il-tablet-banner-padding-bottom, 32px)
      var(--itb-il-tablet-banner-padding-left, 32px);
  }

  .il-title-banner-section.is-banner-height-min .il-title-banner__surface,
  .il-title-banner-editor.is-banner-height-min .il-title-banner__surface {
    min-height: var(--itb-il-tablet-banner-height, 240px);
  }

  .il-title-banner-section.is-banner-height-fixed .il-title-banner__surface,
  .il-title-banner-editor.is-banner-height-fixed .il-title-banner__surface {
    height: var(--itb-il-tablet-banner-height, 240px);
  }

  .il-title-banner-section.is-banner-width-contained .il-title-banner__surface,
  .il-title-banner-editor.is-banner-width-contained .il-title-banner__surface {
    width: calc(100% - (var(--itb-il-tablet-quick-card-outer-gap, 12px) * 2));
  }

  .il-title-banner-section.is-banner-width-custom .il-title-banner__surface,
  .il-title-banner-editor.is-banner-width-custom .il-title-banner__surface {
    width: min(
      var(--itb-il-tablet-quick-card-width-percent, 100%),
      calc(100% - (var(--itb-il-tablet-quick-card-outer-gap, 12px) * 2))
    );
  }
}

@media (max-width: 767px) {
  .il-title-banner-section,
  .il-title-banner-editor {
    padding:
      var(--itb-il-mobile-outer-padding-top, 0px)
      var(--itb-il-mobile-outer-padding-x, 0px)
      var(--itb-il-mobile-outer-padding-bottom, 0px);
  }

  .il-title-banner__surface {
    padding:
      var(--itb-il-mobile-banner-padding-top, 28px)
      var(--itb-il-mobile-banner-padding-right, 22px)
      var(--itb-il-mobile-banner-padding-bottom, 28px)
      var(--itb-il-mobile-banner-padding-left, 22px);
    border-radius: var(--itb-il-mobile-quick-card-radius, 20px);
  }

  .il-title-banner-section.is-banner-height-min .il-title-banner__surface,
  .il-title-banner-editor.is-banner-height-min .il-title-banner__surface {
    min-height: var(--itb-il-mobile-banner-height, 220px);
  }

  .il-title-banner-section.is-banner-height-fixed .il-title-banner__surface,
  .il-title-banner-editor.is-banner-height-fixed .il-title-banner__surface {
    height: var(--itb-il-mobile-banner-height, 220px);
  }

  .il-title-banner-section.is-banner-width-contained .il-title-banner__surface,
  .il-title-banner-editor.is-banner-width-contained .il-title-banner__surface {
    width: calc(100% - (var(--itb-il-mobile-quick-card-outer-gap, 10px) * 2));
  }

  .il-title-banner-section.is-banner-width-custom .il-title-banner__surface,
  .il-title-banner-editor.is-banner-width-custom .il-title-banner__surface {
    width: min(
      var(--itb-il-mobile-quick-card-width-percent, 100%),
      calc(100% - (var(--itb-il-mobile-quick-card-outer-gap, 10px) * 2))
    );
  }

  .il-title-banner__container {
    width: 100%;
    max-width: none;
    justify-content: var(--itb-il-mobile-content-justify, center);
  }

  .il-title-banner__content {
    max-width: min(var(--itb-il-mobile-content-max-width, 1000px), 100%);
    margin-left: var(--itb-il-mobile-content-margin-left, 0);
    margin-right: var(--itb-il-mobile-content-margin-right, auto);
    text-align: var(--itb-il-mobile-text-align, left);
    transform: translate(
      var(--itb-il-mobile-content-offset-x, 0px),
      var(--itb-il-mobile-content-offset-y, 0px)
    );
  }
}