/* compiled by scssphp v0.6.3 on Fri, 29 Oct 2021 07:25:13 +0200 (0.1117s) */

/* line 4, sass/steps.scss */
/* line 5, sass/steps.scss */
html #root #wrap_all .section.steps {
  margin: 100px auto;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.steps {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
/* line 13, sass/steps.scss */
html #root #wrap_all .section.steps .container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 83.6875rem) {
  html #root #wrap_all .section.steps .container {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  /* line 19, sass/steps.scss */
  html #root #wrap_all .section.steps .container > .column.one-half {
    overflow: hidden;
  }
}
@media only screen and (max-width: 47.9375rem) {
  /* line 25, sass/steps.scss */
  html #root #wrap_all .section.steps .container > .column.one-half {
    min-width: 100%;
    max-width: 100%;
    margin: 10px 0;
  }
}
/* line 33, sass/steps.scss */
html #root #wrap_all .section.steps .heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 38, sass/steps.scss */
html #root #wrap_all .section.steps .content {
  max-width: 480px;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.steps .content {
    max-width: 100%;
  }
}
/* line 45, sass/steps.scss */
html #root #wrap_all .section.steps .content ul:not([class]):not([id]) {
  margin: 24px 0;
  padding: 0;
}
/* line 49, sass/steps.scss */
html #root #wrap_all .section.steps .content ul:not([class]):not([id]) li:not([class]):not([id]) {
  list-style-type: none;
}
/* line 52, sass/steps.scss */
html #root #wrap_all .section.steps .content ul:not([class]):not([id]) li:not([class]):not([id])::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c4a548' d='M464.563 144.563L208.563 400.563C200.75 408.375 190.516 412.281 180.281 412.281S159.813 408.375 152 400.563L24 272.563C8.375 256.938 8.375 231.625 24 216S64.938 200.375 80.562 216L180.281 315.719L408 88C423.625 72.375 448.938 72.375 464.562 88S480.188 128.938 464.563 144.563Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-right: 20px;
  vertical-align: middle;
}
/* line 69, sass/steps.scss */
html #root #wrap_all .section.steps .grid-container {
  width: calc(100% + 30px);
  margin: -30px -30px -30px 0;
}
@media only screen and (max-width: 83.6875rem) {
  html #root #wrap_all .section.steps .grid-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -30px -20px;
    padding-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 30px;
    scroll-padding-right: 30px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.steps .grid-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100vw;
    margin: 0 -5vw -20px;
    padding-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 5vw;
    scroll-padding-right: 5vw;
  }
}
/* line 97, sass/steps.scss */
html #root #wrap_all .section.steps .entry.step {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 60px 45px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  min-width: calc(50% - 60px);
  max-width: calc(50% - 60px);
  margin: 30px;
}
@media only screen and (max-width: 83.6875rem) {
  html #root #wrap_all .section.steps .entry.step {
    min-width: calc(100% - 60px);
    max-width: 305px;
    margin: 0 30px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  /* line 114, sass/steps.scss */
  html #root #wrap_all .section.steps .entry.step:first-child {
    margin-left: 60px;
  }
  /* line 118, sass/steps.scss */
  html #root #wrap_all .section.steps .entry.step:last-child {
    margin-right: 60px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.steps .entry.step {
    min-width: 85vw;
    max-width: 305px;
    margin: 0 2.5vw;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  /* line 130, sass/steps.scss */
  html #root #wrap_all .section.steps .entry.step:first-child {
    margin-left: 5vw;
  }
  /* line 134, sass/steps.scss */
  html #root #wrap_all .section.steps .entry.step:last-child {
    margin-right: 5vw;
  }
}
/* line 139, sass/steps.scss */
html #root #wrap_all .section.steps .entry.step figure {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  position: relative;
  width: 100%;
  height: 68px;
  margin: 0 0 30px;
}
/* line 146, sass/steps.scss */
html #root #wrap_all .section.steps .entry.step figure img {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 92px;
  height: auto;
  max-height: 68px;
  position: absolute;
  top: 50%;
  left: 50%;
}
/* line 159, sass/steps.scss */
html #root #wrap_all .section.steps .entry.step h3 {
  color: #c4a548;
  font-family: 'DM Sans', sans-serif;
  font-size: 1em;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1.875;
  text-transform: uppercase;
}
/* line 169, sass/steps.scss */
html #root #wrap_all .section.steps .entry.step p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
}