#scrolly-cnt,
#scrolly-cnt * {
  box-sizing: border-box;
}

#scrolly-cnt {
  width: 1260px;
  padding: 0 105px;
  margin: auto;
  background: #fff8f0;
}

.backgroundAdv #scrolly-cnt {
  width: inherit;
  padding: 0 40px;
}

#scrolly {
  position: relative;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
}

#scrolly article {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#scrolly .step {
  width: 330px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5e5d5;
  padding: 0 20px;
}

#scrolly .step .step_bg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5e5d5;
}

#scrolly .step .step_bg p {
  width: 100%;
  color: #000;
  font-family: "sole_text", Georgia, Times, "Times New Roman", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

#scrolly .step .step_bg p.numerone {
  width: 100%;
  color: #106bc6;
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 0;
  margin-block-start: 5px;
  margin-block-end: 0;
}

#scrolly .step .step_bg .numerone_spiega {
  width: 100%;
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
}

#scrolly .step .step_bg .numerone_dida {
  width: 100%;
  color: #000;
  font-family: "SoleSans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 0;
}

#scrolly figure {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  justify-content: flex-start;
  left: 0;
  width: 100%;
  top: 50px;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 9;
  height: calc(100vh - 50px);
}

#scrolly #figure-cnt {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

#scrolly-cnt figure iframe {
  /* aspect-ratio: 20 / 19; */
  width: 100%;
  height: 100%;
}

.fucsia {
  color: #ff0054 !important;
}

@media screen and (max-width: 1260px) {
  #scrolly-cnt {
    width: 100%;
    padding: 0 60px;
  }
}

@media screen and (max-width: 1024px) {

  #scrolly #figure-cnt {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 30px;
  }



  #scrolly .step .step_bg {
    width: 100%;
    padding: 24px;
    border-radius: 15px;
    background: #f5e5d5;
    position: relative;
    z-index: 10;
  }



  #scrolly iframe {
    width: calc(100% - 32px);
  }


  #scrolly article {
    position: relative;
    pointer-events: none;
  }

  #scrolly figure {
    justify-content: center;
  }


  #scrolly .step {
    height: 200vh;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 32px);
    min-height: auto;
    background-color: transparent;
  }

  #scrolly .step .step_bg p {
    width: 100%;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  #scrolly .step .step_bg p.numerone {
    text-align: center;
    margin-block-start: 5px;
    margin-block-end: 0;
  }

  #scrolly-cnt {
    padding: 0;
  }

  #scrolly-cnt figure iframe {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 480px) {
  #scrolly #figure-cnt {
    padding: 0;
  }

  #scrolly .step {
    width: 100%;
    height: 200vh;
    margin-left: auto;
    margin-right: auto;
    min-height: auto;
    background-color: transparent;
  }

  #scrolly .step .step_bg p.numerone {
    font-size: 45px;
  }

  #scrolly .step .step_bg .numerone_spiega {
    font-size: 28px;
  }
}