html:not(.wp-toolbar) {
  font-size: 62.5%;
}
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-s: clamp(1.33rem, -0.17vw + 1.4rem, 1.2rem);
    --font-size-base: clamp(1.5rem, 0vw + 1.5rem, 1.5rem);
    --font-size-m: clamp(1.69rem, 0.23vw + 1.59rem, 1.88rem);
    --font-size-l: clamp(1.9rem, 0.56vw + 1.68rem, 2.34rem);
    --font-size-xl: clamp(2.14rem, 0.99vw + 1.74rem, 2.93rem);
    --font-size-xxl: clamp(2.4rem, 1.57vw + 1.77rem, 3.66rem);
    --font-size-xxxl: clamp(2.7rem, 2.34vw + 1.77rem, 4.58rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-s: 1.33rem;
    --font-size-base: 1.5rem;
    --font-size-m: 1.69rem;
    --font-size-l: 1.9rem;
    --font-size-xl: 2.14rem;
    --font-size-xxl: 2.4rem;
    --font-size-xxxl: 2.7rem;
  }
  @media screen and (min-width: 1200px) {
    :root {
      --font-size-s: 1.2rem;
      --font-size-base: 1.5rem;
      --font-size-m: 1.88rem;
      --font-size-l: 2.34rem;
      --font-size-xl: 2.93rem;
      --font-size-xxl: 3.66rem;
      --font-size-xxxl: 4.58rem;
    }
  }
}
.font-weight--100 .elementor-widget-container * {
  font-weight: 100;
}
.font-weight--200 .elementor-widget-container * {
  font-weight: 200;
}
.font-weight--300 .elementor-widget-container * {
  font-weight: 300;
}
.font-weight--400 .elementor-widget-container * {
  font-weight: 400;
}
.font-weight--500 .elementor-widget-container * {
  font-weight: 500;
}
.font-weight--600 .elementor-widget-container * {
  font-weight: 600;
}
.font-weight--700 .elementor-widget-container * {
  font-weight: 700;
}
.font-weight--800 .elementor-widget-container * {
  font-weight: 800;
}
.font-weight--900 .elementor-widget-container * {
  font-weight: 900;
}
.elementor-element.width--s {
  max-width: 400px;
}
.elementor-element.width--m {
  max-width: 600px;
}
.elementor-element.width--l {
  max-width: 800px;
}
.text--u .elementor-widget-container * {
  text-transform: uppercase;
}
.text--l .elementor-widget-container * {
  text-transform: lowercase;
}
.text--white .elementor-widget-container * {
  color: #fff;
}
.box-shadow--l {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.3);
}
.box-shadow--xl {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.15), 0 15px 50px 0px rgba(0, 0, 0, 0.2);
}
.box-shadow--xxl {
  box-shadow: 0 0px 10px -2px rgba(0, 0, 0, 0.15), 0 0px 60px 0px rgba(0, 0, 0, 0.2);
}
