:root {
  /* Max widths */
  --mw-xs: 840px;
  --mw-s: 1030px;
  --mw-m: 1320px;
  --mw-l: 1440px;

  /* Gaps */
  --gap-s: 15px;
  --gap-m: 20px;
  --gap-l: 30px;

  /* Spacings */
  --space0: 5px;
  --space1: 10px;
  --space2: 15px;
  --space3: 20px;
  --space4: 30px;
  --space5: 40px;
  --space6: 50px;
  --space7: 65px;
  --space8: 80px;
  --space9: 100px;
  --space10: 120px;
  --space11: 150px;

  --padding-inline-section: 60px;
}

@media (min-width: 1280px) and (max-width: 1439px) {
  :root {
    --space4: 27px;
    --space5: 35px;
    --space6: 45px;
    --space7: 55px;
    --space8: 70px;
    --space9: 85px;
    --space10: 100px;
    --space11: 125px;
  }
}
@media (min-width: 981px) and (max-width: 1279px) {
  :root {
    --space1: 10px;
    --space2: 15px;
    --space3: 20px;
    --space4: 25px;
    --space5: 30px;
    --space6: 40px;
    --space7: 50px;
    --space8: 65px;
    --space9: 80px;
    --space10: 95px;
    --space11: 110px;

    --padding-inline-section: 45px;
  }
}
@media (min-width: 481px) and (max-width: 980px) {
  :root {
    --gap-l: 25px;

    --space1: 8px;
    --space2: 12px;
    --space3: 16px;
    --space4: 20px;
    --space5: 25px;
    --space6: 35px;
    --space7: 45px;
    --space8: 60px;
    --space9: 75px;
    --space10: 90px;
    --space11: 100px;

    --padding-inline-section: 35px;
  }
}
@media (max-width: 480px) {
  :root {
    --gap-s: 10px;
    --gap-m: 15px;
    --gap-l: 20px;

    --space1: 8px;
    --space2: 12px;
    --space3: 16px;
    --space4: 20px;
    --space5: 25px;
    --space6: 35px;
    --space7: 45px;
    --space8: 55px;
    --space9: 65px;
    --space10: 70px;
    --space11: 80px;

    --padding-inline-section: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1800px) {
  div.et_pb_section {
    padding-inline: var(--padding-inline-section);
  }
}
div.et_pb_section.fullwidth-section {
  padding-inline: 0 !important;
}
.fullwidth-row {
  max-width: none !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.max-width-xs {
  max-width: var(--mw-xs);
}
div.max-width-s {
  max-width: var(--mw-s)!important;
}
.max-width-m {
  max-width: var(--mw-m);
}
.max-width-l {
  max-width: var(--mw-l);
}
.gap-l {
  gap: var(--gap-l);
}
.et_pb_row.gap-l:after {
  margin-left: calc(var(--gap-l) * -1);
}
.gap-m {
  gap: var(--gap-m);
}
.et_pb_row.gap-m:after {
  margin-left: calc(var(--gap-m) * -1);
}
.gap-s {
  gap: var(--gap-s);
}
.et_pb_row.gap-s:after {
  margin-left: calc(var(--gap-s) * -1);
}
.padding-block1 {
  padding-block: var(--space1) !important;
}
.padding-block2 {
  padding-block: var(--space2) !important;
}
.padding-block3 {
  padding-block: var(--space3) !important;
}
.padding-block4 {
  padding-block: var(--space4) !important;
}
.padding-block5 {
  padding-block: var(--space5) !important;
}
.padding-block6 {
  padding-block: var(--space6) !important;
}
.padding-block7 {
  padding-block: var(--space7) !important;
}
.padding-block8 {
  padding-block: var(--space8) !important;
}
.padding-block9 {
  padding-block: var(--space9) !important;
}
.padding-block10 {
  padding-block: var(--space10) !important;
}
.padding-block11 {
  padding-block: var(--space11) !important;
}
.padding-inline1 {
  padding-inline: var(--space1) !important;
}
.padding-inline2 {
  padding-inline: var(--space2) !important;
}
.padding-inline3 {
  padding-inline: var(--space3) !important;
}
.padding-inline4 {
  padding-inline: var(--space4) !important;
}
.padding-inline5 {
  padding-inline: var(--space5) !important;
}
.padding-inline6 {
  padding-inline: var(--space6) !important;
}
.padding-inline7 {
  padding-inline: var(--space7) !important;
}
.padding-inline8 {
  padding-inline: var(--space8) !important;
}
.padding-inline9 {
  padding-inline: var(--space9) !important;
}
.padding-inline10 {
  padding-inline: var(--space10) !important;
}
.padding-inline11 {
  padding-inline: var(--space11) !important;
}
.padding-top1 {
  padding-top: var(--space1) !important;
}
.padding-top2 {
  padding-top: var(--space2) !important;
}
.padding-top3 {
  padding-top: var(--space3) !important;
}
.padding-top4 {
  padding-top: var(--space4) !important;
}
.padding-top5 {
  padding-top: var(--space5) !important;
}
.padding-top6 {
  padding-top: var(--space6) !important;
}
.padding-top7 {
  padding-top: var(--space7) !important;
}
.padding-top8 {
  padding-top: var(--space8) !important;
}
.padding-top9 {
  padding-top: var(--space9) !important;
}
.padding-top10 {
  padding-top: var(--space10) !important;
}
.padding-top11 {
  padding-top: var(--space11) !important;
}
.padding-bottom1 {
  padding-bottom: var(--space1) !important;
}
.padding-bottom2 {
  padding-bottom: var(--space2) !important;
}
.padding-bottom3 {
  padding-bottom: var(--space3) !important;
}
.padding-bottom4 {
  padding-bottom: var(--space4) !important;
}
.padding-bottom5 {
  padding-bottom: var(--space5) !important;
}
.padding-bottom6 {
  padding-bottom: var(--space6) !important;
}
.padding-bottom7 {
  padding-bottom: var(--space7) !important;
}
.padding-bottom8 {
  padding-bottom: var(--space8) !important;
}
.padding-bottom9 {
  padding-bottom: var(--space9) !important;
}
.padding-bottom10 {
  padding-bottom: var(--space10) !important;
}
.padding-bottom11 {
  padding-bottom: var(--space11) !important;
}
.padding-left1 {
  padding-left: var(--space1) !important;
}
.padding-left2 {
  padding-left: var(--space2) !important;
}
.padding-left3 {
  padding-left: var(--space3) !important;
}
.padding-left4 {
  padding-left: var(--space4) !important;
}
.padding-left5 {
  padding-left: var(--space5) !important;
}
.padding-left6 {
  padding-left: var(--space6) !important;
}
.padding-left7 {
  padding-left: var(--space7) !important;
}
.padding-left8 {
  padding-left: var(--space8) !important;
}
.padding-left9 {
  padding-left: var(--space9) !important;
}
.padding-left10 {
  padding-left: var(--space10) !important;
}
.padding-left11 {
  padding-left: var(--space11) !important;
}
.padding-right1 {
  padding-right: var(--space1) !important;
}
.padding-right2 {
  padding-right: var(--space2) !important;
}
.padding-right3 {
  padding-right: var(--space3) !important;
}
.padding-right4 {
  padding-right: var(--space4) !important;
}
.padding-right5 {
  padding-right: var(--space5) !important;
}
.padding-right6 {
  padding-right: var(--space6) !important;
}
.padding-right7 {
  padding-right: var(--space7) !important;
}
.padding-right8 {
  padding-right: var(--space8) !important;
}
.padding-right9 {
  padding-right: var(--space9) !important;
}
.padding-right10 {
  padding-right: var(--space10) !important;
}
.padding-right11 {
  padding-right: var(--space11) !important;
}
.margin-block1 {
  margin-block: var(--space1) !important;
}
.margin-block2 {
  margin-block: var(--space2) !important;
}
.margin-block3 {
  margin-block: var(--space3) !important;
}
.margin-block4 {
  margin-block: var(--space4) !important;
}
.margin-block5 {
  margin-block: var(--space5) !important;
}
.margin-block6 {
  margin-block: var(--space6) !important;
}
.margin-block7 {
  margin-block: var(--space7) !important;
}
.margin-block8 {
  margin-block: var(--space8) !important;
}
.margin-block9 {
  margin-block: var(--space9) !important;
}
.margin-block10 {
  margin-block: var(--space10) !important;
}
.margin-block11 {
  margin-block: var(--space11) !important;
}
.margin-inline1 {
  margin-inline: var(--space1) !important;
}
.margin-inline2 {
  margin-inline: var(--space2) !important;
}
.margin-inline3 {
  margin-inline: var(--space3) !important;
}
.margin-inline4 {
  margin-inline: var(--space4) !important;
}
.margin-inline5 {
  margin-inline: var(--space5) !important;
}
.margin-inline6 {
  margin-inline: var(--space6) !important;
}
.margin-inline7 {
  margin-inline: var(--space7) !important;
}
.margin-inline8 {
  margin-inline: var(--space8) !important;
}
.margin-inline9 {
  margin-inline: var(--space9) !important;
}
.margin-inline10 {
  margin-inline: var(--space10) !important;
}
.margin-inline11 {
  margin-inline: var(--space11) !important;
}
.margin-top1 {
  margin-top: var(--space1) !important;
}
.margin-top2 {
  margin-top: var(--space2) !important;
}
.margin-top3 {
  margin-top: var(--space3) !important;
}
.margin-top4 {
  margin-top: var(--space4) !important;
}
.margin-top5 {
  margin-top: var(--space5) !important;
}
.margin-top6 {
  margin-top: var(--space6) !important;
}
.margin-top7 {
  margin-top: var(--space7) !important;
}
.margin-top8 {
  margin-top: var(--space8) !important;
}
.margin-top9 {
  margin-top: var(--space9) !important;
}
.margin-top10 {
  margin-top: var(--space10) !important;
}
.margin-top11 {
  margin-top: var(--space11) !important;
}
.margin-bottom1 {
  margin-bottom: var(--space1) !important;
}
.margin-bottom2 {
  margin-bottom: var(--space2) !important;
}
.margin-bottom3 {
  margin-bottom: var(--space3) !important;
}
.margin-bottom4 {
  margin-bottom: var(--space4) !important;
}
.margin-bottom5 {
  margin-bottom: var(--space5) !important;
}
.margin-bottom6 {
  margin-bottom: var(--space6) !important;
}
.margin-bottom7 {
  margin-bottom: var(--space7) !important;
}
.margin-bottom8 {
  margin-bottom: var(--space8) !important;
}
.margin-bottom9 {
  margin-bottom: var(--space9) !important;
}
.margin-bottom10 {
  margin-bottom: var(--space10) !important;
}
.margin-bottom11 {
  margin-bottom: var(--space11) !important;
}
.margin-left1 {
  margin-left: var(--space1) !important;
}
.margin-left2 {
  margin-left: var(--space2) !important;
}
.margin-left3 {
  margin-left: var(--space3) !important;
}
.margin-left4 {
  margin-left: var(--space4) !important;
}
.margin-left5 {
  margin-left: var(--space5) !important;
}
.margin-left6 {
  margin-left: var(--space6) !important;
}
.margin-left7 {
  margin-left: var(--space7) !important;
}
.margin-left8 {
  margin-left: var(--space8) !important;
}
.margin-left9 {
  margin-left: var(--space9) !important;
}
.margin-left10 {
  margin-left: var(--space10) !important;
}
.margin-left11 {
  margin-left: var(--space11) !important;
}
.margin-right1 {
  margin-right: var(--space1) !important;
}
.margin-right2 {
  margin-right: var(--space2) !important;
}
.margin-right3 {
  margin-right: var(--space3) !important;
}
.margin-right4 {
  margin-right: var(--space4) !important;
}
.margin-right5 {
  margin-right: var(--space5) !important;
}
.margin-right6 {
  margin-right: var(--space6) !important;
}
.margin-right7 {
  margin-right: var(--space7) !important;
}
.margin-right8 {
  margin-right: var(--space8) !important;
}
.margin-right9 {
  margin-right: var(--space9) !important;
}
.margin-right10 {
  margin-right: var(--space10) !important;
}
.margin-right11 {
  margin-right: var(--space11) !important;
}
