.mybg-light.bg-container .steps-wrapper {
  background-color: var(--light-bg); }

.my-boxshadow.bg-container {
  padding: 50px 0;
  margin-top: -50px; }
  .my-boxshadow.bg-container .steps-wrapper {
    box-shadow: 0px 0px 45px -2px rgba(0, 0, 0, 0.3); }

.bg-container .steps-wrapper {
  border-radius: 40px;
  padding: 0px 0px 100px 0px; }

.steps {
  margin-top: 15px; }
  .steps .foto {
    display: flex;
    align-items: flex-end;
    height: 130px;
    background-color: var(--light-bg);
    padding: 0 25px; }
    .steps .foto img {
      width: auto;
      min-width: 80px; }
  .steps .one-step {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%; }
  .steps .wrapper {
    max-width: 1095px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .steps .wrapper:after {
      display: block;
      content: "";
      height: 3px;
      width: 100%;
      max-width: 854px;
      position: absolute;
      border-bottom: dotted 3px var(--light-bg2);
      top: calc(50% + 5px); }
  .steps .text {
    padding: 0 15px;
    width: 100%; }
    .steps .text h3 {
      margin-top: 25px;
      margin-bottom: 0;
      font-size: 20rem;
      font-weight: 400;
      text-align: center; }

@media (max-width: 575.5px) {
  .bg-container .steps-wrapper {
    padding: 0px 0px 40px 0px; }

  .steps .one-step {
    width: 100%;
    margin-bottom: 40px; }
    .steps .one-step:last-child {
      margin: 0; }
  .steps .foto {
    height: 110px;
    padding-top: 25px; }
    .steps .foto img {
      min-width: 70px; }
  .steps .text {
    background-color: var(--secondary-bg); }
    .steps .text h3 {
      margin-top: 10px;
      margin-bottom: 25px; }
  .steps .wrapper {
    position: relative;
    max-width: 100%;
    flex-wrap: wrap; }
    .steps .wrapper:after {
      max-width: 3px;
      height: 100%;
      left: calc(50% - 1.5px);
      top: 0;
      border-left: dotted 3px var(--light-bg2); } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .bg-container .steps-wrapper {
    padding: 0px 0px 60px 0px; }

  .steps .one-step {
    width: 100%;
    margin-bottom: 40px; }
    .steps .one-step:last-child {
      margin: 0; }
  .steps .foto {
    height: 110px;
    padding-top: 25px; }
    .steps .foto img {
      min-width: 70px; }
  .steps .text {
    background-color: var(--secondary-bg); }
    .steps .text h3 {
      margin-top: 10px;
      margin-bottom: 25px; }
  .steps .wrapper {
    position: relative;
    max-width: 100%;
    flex-wrap: wrap; }
    .steps .wrapper:after {
      max-width: 3px;
      height: 100%;
      left: calc(50% - 1.5px);
      top: 0;
      border-left: dotted 3px var(--light-bg2); } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .bg-container .steps-wrapper {
    padding: 0px 0px 60px 0px; }

  .steps .foto {
    height: 90px; }
    .steps .foto img {
      min-width: 70px; }
  .steps .wrapper {
    max-width: 610px; }
    .steps .wrapper:after {
      max-width: 500px;
      top: calc(50% -18px); } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .steps .foto {
    height: 110px; }
    .steps .foto img {
      min-width: 90px; }
  .steps .wrapper {
    max-width: 790px; }
    .steps .wrapper:after {
      max-width: 630px; } }

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