/* --- Base Styles --- */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wp-block {
  max-width: 100%;
}

.container {
  max-width: var(--content-width, 1280px);
  margin: 0 auto;
}

section {
  padding: 100px 20px;
}

img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-img, 0);
}

/* --- Typography --- */
.editor-styles-wrapper {
  font-family: var(--font-body) !important;
  font-size: var(--font-body-size);
}

.editor-styles-wrapper h1 {
  font-family: var(--font-h1);
  font-size: var(--font-h1-size);
}

.editor-styles-wrapper h2 {
  font-family: var(--font-h2);
  font-size: var(--font-h2-size);
}

.editor-styles-wrapper h3 {
  font-family: var(--font-h3);
  font-size: var(--font-h3-size);
}

h1 {
  font-family: var(--font-h1);
  font-size: var(--font-h1-size);
  line-height: 1;
}

h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: var(--font-h2);
  font-size: var(--font-h2-size);
  line-height: 1;
}

h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: var(--font-h3);
  font-size: var(--font-h3-size);
  line-height: 1;
}

/* --- Spacing --- */
.p-0px,
.p-0 {
  padding: 0;
}

.p-10px {
  padding: 10px;
}

.p-20px {
  padding: 20px;
}

.p-25px {
  padding: 25px;
}

.p-30px {
  padding: 30px;
}

.p-50px {
  padding: 50px;
}

.p-75px {
  padding: 75px;
}

.p-100px {
  padding: 100px;
}

.p-125px {
  padding: 125px;
}

.p-150px {
  padding: 150px;
}

.p-175px {
  padding: 175px;
}

.p-200px {
  padding: 200px;
}

.pt-0px,
.pt-0 {
  padding-top: 0;
}

.pt-10px {
  padding-top: 10px;
}

.pt-20px {
  padding-top: 20px;
}

.pt-25px {
  padding-top: 25px;
}

.pt-30px {
  padding-top: 30px;
}

.pt-50px {
  padding-top: 50px;
}

.pt-75px {
  padding-top: 75px;
}

.pt-100px {
  padding-top: 100px;
}

.pt-125px {
  padding-top: 125px;
}

.pt-150px {
  padding-top: 150px;
}

.pt-175px {
  padding-top: 175px;
}

.pt-200px {
  padding-top: 200px;
}

.pb-0px,
.pb-0 {
  padding-bottom: 0;
}

.pb-10px {
  padding-bottom: 10px;
}

.pb-20px {
  padding-bottom: 20px;
}

.pb-25px {
  padding-bottom: 25px;
}

.pb-30px {
  padding-bottom: 30px;
}

.pb-50px {
  padding-bottom: 50px;
}

.pb-75px {
  padding-bottom: 75px;
}

.pb-100px {
  padding-bottom: 100px;
}

.pb-125px {
  padding-bottom: 125px;
}

.pb-150px {
  padding-bottom: 150px;
}

.pb-175px {
  padding-bottom: 175px;
}

.pb-200px {
  padding-bottom: 200px;
}

.mt-0px,
.mt-0 {
  margin-top: 0;
}

.mt-10px {
  margin-top: 10px;
}

.mt-20px {
  margin-top: 20px;
}

.mt-25px {
  margin-top: 25px;
}

.mt-30px {
  margin-top: 30px;
}

.mt-50px {
  margin-top: 50px;
}

.mt-75px {
  margin-top: 75px;
}

.mt-100px {
  margin-top: 100px;
}

.mt-125px {
  margin-top: 125px;
}

.mt-150px {
  margin-top: 150px;
}

.mt-175px {
  margin-top: 175px;
}

.mt-200px {
  margin-top: 200px;
}

.mb-0px,
.mb-0 {
  margin-bottom: 0;
}

.mb-10px {
  margin-bottom: 10px;
}

.mb-20px {
  margin-bottom: 20px;
}

.mb-25px {
  margin-bottom: 25px;
}

.mb-30px {
  margin-bottom: 30px;
}

.mb-40px {
  margin-bottom: 40px;
}

.mb-50px {
  margin-bottom: 50px;
}

.mb-75px {
  margin-bottom: 75px;
}

.mb-100px {
  margin-bottom: 100px;
}

.mb-125px {
  margin-bottom: 125px;
}

.mb-150px {
  margin-bottom: 150px;
}

.mb-175px {
  margin-bottom: 175px;
}

.mb-200px {
  margin-bottom: 200px;
}

/* --- Colors --- */
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-white {
  background-color: #fff;
}
.bg-background {
  background-color: var(--color-background);
}
.bg-accent {
  background-color: var(--color-accent);
}

.text-light {
  color: var(--color-text-light);
}
.text-dark {
  color: var(--color-text-dark);
}
.text-accent {
  color: var(--color-accent);
}

/* --- Grid --- */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 30px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 30px;
}
@media (max-width: 1024px) {
  .flex.column {
    flex-direction: column;
  }
  .flex.row {
    flex-direction: row;
  }
  .flex.row-reverse {
    flex-direction: row-reverse;
  }
  .flex.column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .flex.lg-column {
    flex-direction: column;
  }
  .flex.lg-row {
    flex-direction: row;
  }
  .flex.lg-row-reverse {
    flex-direction: row-reverse;
  }
  .flex.lg-column-reverse {
    flex-direction: column-reverse;
  }
}
.flex .inner-flex-item {
  flex: 1 1 300px;
}

.grid.flex-row,
.flex.flex-row {
  flex-direction: row;
}
.grid.flex-column,
.flex.flex-column {
  flex-direction: column;
}
.grid.gap-10px,
.flex.gap-10px {
  gap: 10px;
}
.grid.gap-20px,
.flex.gap-20px {
  gap: 20px;
}
.grid.gap-30px,
.flex.gap-30px {
  gap: 30px;
}
.grid.gap-40px,
.flex.gap-40px {
  gap: 40px;
}
.grid.gap-50px,
.flex.gap-50px {
  gap: 50px;
}
.grid.gap-60px,
.flex.gap-60px {
  gap: 60px;
}
.grid.gap-70px,
.flex.gap-70px {
  gap: 70px;
}
.grid.gap-80px,
.flex.gap-80px {
  gap: 80px;
}
.grid.gap-90px,
.flex.gap-90px {
  gap: 90px;
}
.grid.gap-100px,
.flex.gap-100px {
  gap: 100px;
}
.grid.justify-start,
.flex.justify-start {
  justify-content: start;
}
.grid.justify-center,
.flex.justify-center {
  justify-content: center;
}
.grid.justify-end,
.flex.justify-end {
  justify-content: end;
}
.grid.justify-between,
.flex.justify-between {
  justify-content: space-between;
}
.grid.items-start,
.flex.items-start {
  align-items: start;
}
.grid.items-center,
.flex.items-center {
  align-items: center;
}
.grid.items-end,
.flex.items-end {
  align-items: end;
}
@media (min-width: 1024px) {
  .grid.lg-gap-10px,
  .flex.lg-gap-10px {
    gap: 10px;
  }
  .grid.lg-gap-20px,
  .flex.lg-gap-20px {
    gap: 20px;
  }
  .grid.lg-gap-30px,
  .flex.lg-gap-30px {
    gap: 30px;
  }
  .grid.lg-gap-40px,
  .flex.lg-gap-40px {
    gap: 40px;
  }
  .grid.lg-gap-50px,
  .flex.lg-gap-50px {
    gap: 50px;
  }
  .grid.lg-gap-60px,
  .flex.lg-gap-60px {
    gap: 60px;
  }
  .grid.lg-gap-70px,
  .flex.lg-gap-70px {
    gap: 70px;
  }
  .grid.lg-gap-80px,
  .flex.lg-gap-80px {
    gap: 80px;
  }
  .grid.lg-gap-90px,
  .flex.lg-gap-90px {
    gap: 90px;
  }
  .grid.lg-gap-100px,
  .flex.lg-gap-100px {
    gap: 100px;
  }
  .grid.lg-justify-start,
  .flex.lg-justify-start {
    justify-content: start;
  }
  .grid.lg-justify-center,
  .flex.lg-justify-center {
    justify-content: center;
  }
  .grid.lg-justify-end,
  .flex.lg-justify-end {
    justify-content: end;
  }
  .grid.lg-justify-between,
  .flex.lg-justify-between {
    justify-content: space-between;
  }
  .grid.lg-items-start,
  .flex.lg-items-start {
    align-items: start;
  }
  .grid.lg-items-center,
  .flex.lg-items-center {
    align-items: center;
  }
  .grid.lg-items-end,
  .flex.lg-items-end {
    align-items: end;
  }
}

.max-w-100px {
  max-width: 100px;
}

.max-w-150px {
  max-width: 150px;
}

.max-w-200px {
  max-width: 200px;
}

.max-w-250px {
  max-width: 250px;
}

.max-w-300px {
  max-width: 300px;
}

.max-w-350px {
  max-width: 350px;
}

.max-w-400px {
  max-width: 400px;
}

.max-w-450px {
  max-width: 450px;
}

.max-w-500px {
  max-width: 500px;
}

.w-full {
  width: 100%;
}

.btn {
  padding: 8px 32px;
  border: 2px solid;
  border-radius: var(--border-radius-btn, 20px);
  font-size: var(--font-body-size);
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.btn.primary {
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border: 2px solid var(--color-primary);
}
.btn.primary:hover {
  background-color: transparent;
  color: var(--color-primary);
}
.btn.primary-inv {
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.btn.primary-inv:hover {
  background-color: var(--color-primary);
  color: var(--color-text-light);
}
.btn.secondary {
  background-color: var(--color-secondary);
  color: var(--color-text-dark);
  border: 2px solid var(--color-secondary);
}
.btn.secondary:hover {
  border: 2px solid var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-secondary);
}
.btn.secondary-inv {
  background-color: transparent;
  color: var(--color-secondary);
  border: 2px solid var(--color-secondary);
}
.btn.secondary-inv:hover {
  background-color: var(--color-secondary);
  color: var(--color-text-dark);
}
.btn.accent {
  background-color: var(--color-accent);
  color: var(--color-text-dark);
  border: 2px solid var(--color-accent);
}
.btn.accent:hover {
  background-color: transparent;
  color: var(--color-accent);
}
.btn.accent-inv {
  background-color: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}
.btn.accent-inv:hover {
  background-color: var(--color-accent);
  color: var(--color-text-dark);
}/*# sourceMappingURL=block-render.css.map */