/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
/* TYPOGRAPHY */
/* Google Fonts */
.block-inline-blocksteps {
  border-radius: 2.5rem;
  padding-block: 2.5rem;
  padding-inline: 1.5rem !important;
}
.block-inline-blocksteps:has(.block-content--view-mode-full) {
  background: url("../images/bg-block.png") 50%/cover no-repeat;
  background-position: center;
}
@media (max-width: 62rem) {
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper,
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col {
    gap: 1rem;
  }
}
.block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps,
.block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps {
  border-radius: 2rem;
}
.block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item,
.block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item {
  align-items: baseline;
}
.block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item::before,
.block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item::before {
  content: counter(step, decimal-leading-zero);
  border: none;
  background: none;
  color: #707070;
  text-align: right;
  width: auto;
  height: auto;
  font-size: 1.375rem;
  line-height: 2rem;
}
@media (max-width: 90rem) {
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item::before,
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item::before {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 75rem) {
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item::before,
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item::before {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 36rem) {
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item::before,
  .block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item::before {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}
.block-inline-blocksteps:has(.block-content--view-mode-counter) .wrapper .inner-wrapper .field--name-field-steps .field__item::after,
.block-inline-blocksteps:has(.block-content--view-mode-counter) .bs-2col .inner-wrapper .field--name-field-steps .field__item::after {
  height: 1px;
  width: 100%;
  inset-inline-start: 0;
  top: calc(100% + 20px);
}
@media (min-width: 62.0625rem) {
  .block-inline-blocksteps {
    padding: 3.75rem;
  }
}
.block-inline-blocksteps.bg-block-secondary {
  background: #FFFFFF;
}
@media (min-width: 62.0625rem) {
  .block-inline-blocksteps.block-swap-content-direction .wrapper,
  .block-inline-blocksteps.block-swap-content-direction .bs-2col {
    flex-direction: row-reverse !important;
  }
}
.block-inline-blocksteps.remove-counter .wrapper .field--name-field-steps .field__item::before,
.block-inline-blocksteps.remove-counter .bs-2col .field--name-field-steps .field__item::before {
  display: none;
}
.block-inline-blocksteps.image-block-size .wrapper,
.block-inline-blocksteps.image-block-size .bs-2col {
  justify-content: space-between;
}
.block-inline-blocksteps.image-block-size .wrapper .field--name-field-media,
.block-inline-blocksteps.image-block-size .bs-2col .field--name-field-media {
  max-width: 340px;
}
@media (min-width: 75.0625rem) {
  .block-inline-blocksteps.image-block-size .wrapper .field--name-field-media,
  .block-inline-blocksteps.image-block-size .bs-2col .field--name-field-media {
    max-width: 360px;
  }
}
.block-inline-blocksteps.image-block-size .wrapper .inner-wrapper,
.block-inline-blocksteps.image-block-size .bs-2col .inner-wrapper {
  align-self: flex-start;
}
.block-inline-blocksteps .wrapper > div {
  flex: 1 1 0;
}
.block-inline-blocksteps .wrapper .field--name-field-steps,
.block-inline-blocksteps .bs-2col .field--name-field-steps {
  counter-reset: step;
}
.block-inline-blocksteps .wrapper .field--name-field-steps .field__item,
.block-inline-blocksteps .bs-2col .field--name-field-steps .field__item {
  color: #1A1C1E;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.block-inline-blocksteps .wrapper .field--name-field-steps .field__item::before,
.block-inline-blocksteps .bs-2col .field--name-field-steps .field__item::before {
  content: counter(step);
  counter-increment: step;
  background: #FBFAF9;
  color: #1A1C1E;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: 1px solid #E8E2DB;
  flex-shrink: 0;
}
.block-inline-blocksteps .wrapper .field--name-field-steps .field__item::after,
.block-inline-blocksteps .bs-2col .field--name-field-steps .field__item::after {
  content: "";
  position: absolute;
  inset-inline-start: 24px;
  top: calc(100% + 4px);
  width: 1px;
  height: 40px;
  background: #E8E2DB;
  z-index: 1;
}
.block-inline-blocksteps .wrapper .field--name-field-steps .field__item:last-child::after,
.block-inline-blocksteps .bs-2col .field--name-field-steps .field__item:last-child::after {
  display: none;
}