.steps-container {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  padding-top: 13.125rem !important;
  padding-bottom: 18.25rem !important;
}
.block-editor .steps-container {
  overflow: auto;
}
.steps-container .title {
  font-family: Windsor;
  font-size: 12.5rem;
  font-weight: 300;
  line-height: 0.82;
  letter-spacing: -0.02em;
  margin-left: 6.25rem;
  min-width: 35rem;
  margin-right: 2.1875rem;
  margin-top: 0;
  margin-bottom: 0;
  width: auto;
}
.steps-container .slides-container {
  flex: 1;
  display: flex;
}
.steps-container .slides-container > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: flex;
}
.steps-container .slides-container > .block-editor-inner-blocks > .block-editor-block-list__layout .trinketmage-slide:first-child .decoration:before {
  opacity: 1;
}
.steps-container .slides-container > .block-editor-inner-blocks > .block-editor-block-list__layout .wp-block:first-child .trinketmage-slide .decoration:before {
  opacity: 0;
}
.steps-container .trinketmage-slide {
  width: 29.8125rem;
  height: 42.6875rem;
  padding-top: 3.125rem;
  color: #000000;
}
@media only screen and (max-width: 821px) {
  .steps-container .trinketmage-slide {
    width: 239px;
    height: 342px;
    padding-top: 25px;
  }
}
.steps-container .trinketmage-slide:hover {
  color: #ffffff;
  background-color: #B82D25;
}
.steps-container .trinketmage-slide:hover .decoration:before, .steps-container .trinketmage-slide:hover .decoration:after {
  background-color: rgba(255, 255, 255, 0.2);
}
.steps-container .trinketmage-slide:hover .decoration .bullet {
  background-color: #ffffff;
  transform: scale(1.625);
}
.steps-container .trinketmage-slide .top {
  height: 19.9375rem;
}
@media only screen and (max-width: 821px) {
  .steps-container .trinketmage-slide .top {
    height: 160px;
  }
}
.steps-container .trinketmage-slide:nth-child(2) .decoration:before, .steps-container .trinketmage-slide:first-child .decoration:before {
  opacity: 0;
}
.steps-container .trinketmage-slide .decoration {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
}
.steps-container .trinketmage-slide .decoration:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.2);
}
.steps-container .trinketmage-slide .decoration .bullet {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #B82D25;
  will-change: transform, background-color;
  transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  margin-left: 1.625rem;
  margin-right: 1.625rem;
}
@media only screen and (max-width: 821px) {
  .steps-container .trinketmage-slide .decoration .bullet {
    margin-left: 20px;
  }
}
.steps-container .trinketmage-slide .decoration:after {
  content: "";
  display: block;
  flex: 1;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.2);
}
.steps-container .trinketmage-slide .number {
  font-family: Windsor;
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.02em;
  padding-left: 3.375rem;
  padding-right: 6rem;
}
@media only screen and (max-width: 821px) {
  .steps-container .trinketmage-slide .number {
    font-size: 50px;
    padding-left: 20px;
  }
}
.steps-container .trinketmage-slide h3 {
  font-size: 3.0625rem;
  line-height: 1.1020408163;
  letter-spacing: 0em;
  margin-top: 0;
  margin-bottom: 2.5rem;
  height: 2.2040816327em;
  padding-left: 2.4375rem;
  padding-right: 6rem;
}
@media only screen and (max-width: 821px) {
  .steps-container .trinketmage-slide h3 {
    font-size: var(--global--font-size-subtitle);
    padding-left: 20px;
    padding-right: 48px;
  }
}
.editor-styles-wrapper .steps-container .trinketmage-slide p,
.steps-container .trinketmage-slide p {
  font-size: 1.1875rem;
  line-height: 1.7894736842;
  letter-spacing: 0em;
  font-family: Open Sans;
  padding-left: 2.4375rem;
  padding-bottom: 4.5625rem;
  padding-right: 6rem;
}
@media only screen and (max-width: 821px) {
  .editor-styles-wrapper .steps-container .trinketmage-slide p,
.steps-container .trinketmage-slide p {
    font-size: var(--global--font-size-text);
    padding-left: 20px;
    padding-right: 48px;
    padding-bottom: 36px;
  }
}

/*# sourceMappingURL=steps.css.map */
