#gs-page a:hover,
#gs-page a:focus {
  text-decoration: none;
  color: var(--color-primary);
  cursor: pointer;
}
.gs-page__options-bar-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gs-page__options-bar-wrapper .tz-icon-caron {
  width: 20px;
  height: 10px;
  margin-right: 16px;
  transform: rotateZ(180deg);
}
.gs-page__options-bar {
  cursor: pointer;
  height: 90px;
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 2;
  top: -90px;
  left: 0;
  right: 0;
  transition: top .4s;
}
#gs-page.gs-option-selected .gs-page__options-bar.gs-active {
  top: 90px;
  transition: top .2s .4s;
}
#gs-page.gs-option-selected .gs-page__options-bar.gs-active .tz-icon-caron {
  transform: rotateZ(0deg);
  transition: transform .3s .6s;
}

.gs-options {
  position: relative;
  padding-top: 45px;
  top: 0px;
  transition: top .6s .2s;
}
#gs-page.gs-option-selected .gs-options {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  transition: top .8s cubic-bezier(.946, .057, .607, .735);
}
.gs-options__heading {
  margin-bottom: 16px;
}
#gs-page h1 {
  margin-bottom: 10px;
}
.gs-options__option {
  max-width: 326px;
  margin: 0 auto 16px auto;
  border-radius: 24px;
  overflow: hidden;
}
.gs-options__option-img {
  height: 202px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gs-options__option[data-option="1"] .gs-options__option-img {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/just-getting-started.jpeg');
}
.gs-options__option[data-option="2"] .gs-options__option-img {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/already-selling.jpeg');
}
.gs-options__option[data-option="3"] .gs-options__option-img {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/manage-fitness-business.jpeg');
}
.gs-options__option-details {
  padding: 24px;
}
.gs-options__option-text {
  margin-bottom: 24px;
}
#gs-page .gs-options__option-text h4 {
  margin-bottom: 8px;
}

#gs-page .gs-options-wrapper {
  height: 0;
  overflow: hidden;
}
#gs-page.gs-option-selected .gs-options-wrapper {
  height: auto;
  min-height: calc(100vh - 90px); /* keep footer at the bottom during animation */
}

.gs-option-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.gs-option-content.gs-active {
  padding: 140px 0 56px 0;
  height: auto;
  opacity: 1;
  overflow: auto;
  transition: opacity .4s .8s;
}
.gs-option-content__heading {
  margin-bottom: 16px;
}
#gs-page .gs-option-content__heading h2 {
  font-size: 32px;
  margin-bottom: 10px;
}
.gs-option-content__video .tz-video__poster {
  height: 363px;
  width: 326px;
  border-radius: 24px;
  margin: 0 auto 64px auto;

}
.gs-option-content[data-option="1"] .tz-video__poster {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/just-getting-started-video-poster.jpeg');
}
.gs-option-content[data-option="2"] .tz-video__poster {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/already-selling-video-poster.jpeg');
}
.gs-option-content[data-option="3"] .tz-video__poster {
  background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/manage-fitness-business-video-poster.jpeg');
}
#gs-page .gs-option-content__text-heading {
  margin-bottom: 16px;
}
.gs-option-content__steps {
  margin-bottom: 40px;
}
.gs-option-content__step {
  margin-bottom: 20px;
}
.gs-option-content__step:last-child {
  margin-bottom: 0;
}
#gs-page .gs-option-content__step h3 {
  border-bottom: 1px solid var(--color-primary);
  margin-bottom: 16px;
}
.gs-option-content__step.tz-anim-fade-in-scroll,
.gs-option-content__resource .tz-anim-fade-in-scroll {
  opacity: 0;
  transform: translateY(10vh);
  transition: all .7s;
}
.gs-option-content__step.tz-anim-fade-in-scroll.tz-anim-fade-in-scroll-reveal,
.gs-option-content__resource .tz-anim-fade-in-scroll.tz-anim-fade-in-scroll-reveal {
  opacity: 1;
  transform: translateY(0);
}
#gs-page .gs-option-content__resources h3 {
  margin-bottom: 32px;
}
.gs-option-content__resource ol > li {
  margin-bottom: 16px;
}
.gs-option-content__resource ol > li:last-child {
  margin-bottom: 0;
}
#gs-popup-container {
  position: fixed;
  top: 135px;
  bottom: 50px;
  left: 10%;
  right: 10%;
  z-index: 100;
  background: transparent;
}

@media screen and (min-width: 768px) {
  .gs-options__heading {
    max-width: 554px;
    margin: 0 auto 44px auto;
    text-align: center;
  }
  .gs-options__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    max-width: 670px;
    margin: 0 auto 100px auto;
  }
  .gs-options__option {
    max-width: none;
    flex: 0 0 326px;
    margin-bottom: 0;
  }

  .gs-option-content.gs-active {
    padding: 150px 0 125px 0;
  }
  .gs-option-content__heading {
    max-width: 554px;
    margin: 0 auto 34px auto;
    text-align: center;
  }
  #gs-page .gs-option-content__heading h2 {
    margin-bottom: 24px;
  }
  .gs-option-content__video .tz-video__poster {
    width: 667px;
    height: 322px;
  }
  .gs-option-content[data-option="1"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/small/just-getting-started-video-poster.jpeg');
  }
  .gs-option-content[data-option="2"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/small/already-selling-video-poster.jpeg');
  }
  .gs-option-content[data-option="3"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/small/manage-fitness-business-video-poster.jpeg');
  }
  #gs-page .gs-option-content__text-heading {
    margin-bottom: 24px;
  }
  .gs-option-content__steps {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 72px;
  }
  .gs-option-content__step {
    flex: 1 0 210px;
    margin-right: 44px;
  }
  #gs-page .gs-option-content__step h3 {
    width: 100%;
  }
  .gs-option-content__step:nth-child(3),
  .gs-option-content__step:nth-child(4) {
    margin-right: 0;
  }
  .gs-option-content__step.tz-anim-fade-in-scroll:nth-child(2) {
    transition-delay: .3s;
  }
  .gs-option-content__step.tz-anim-fade-in-scroll:nth-child(3)  {
    transition-delay: .5s;
  }
  #gs-page .gs-option-content__resource > p {
    font-size: 16px;
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-primary);
  }
  .gs-option-content__resources-items {
    display: flex;
    gap: 74px;
  }
  .gs-option-content__resource {
    flex: 1;
  }
}

@media screen and (min-width: 992px) {
  .gs-page__options-bar-wrapper .tz-icon-caron {
    width: 28px;
    height: 14px;
    margin-right: 24px;
  }
  #gs-page .gs-page__options-bar-wrapper h4 {
    font-size: 24px;
  }
  #gs-page h1 {
    margin-bottom: 25px;
  }
  .gs-options__heading {
    max-width: 730px;
  }
  #gs-page .gs-options__heading p {
    font-size: 16px;
  }
  .gs-options__option-cta .tz-button {
    padding: 16px 62px;
  }

  .gs-option-content__step {
    margin-right: 84px;
  }
}

@media screen and (min-width: 1200px) {
  .gs-options__heading {
    margin-bottom: 60px;
  }
  #gs-page .gs-option-content__heading h2 {
    font-size: 42px;
    margin-bottom: 16px;
  }
  .gs-options__wrapper {
    max-width: none;
    gap: 15px;
  }
  .gs-options__option {
    flex-basis: 370px;
  }
  .gs-options__option-img {
    height: 325px;
  }
  .gs-options__option[data-option="1"] .gs-options__option-img {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/just-getting-started.jpeg');
  }
  .gs-options__option[data-option="2"] .gs-options__option-img {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/already-selling.jpeg');
  }
  .gs-options__option[data-option="3"] .gs-options__option-img {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/manage-fitness-business.jpeg');
  }
  .gs-options__option-details {
    padding: 25px 38px 42px 32px;
  }

  .gs-option-content__heading {
    max-width: none;
    text-align: left;
  }
  .gs-option-content__video .tz-video__poster {
    max-width: 1170px;
    width: 100%;
    height: 565px;
    margin-bottom: 72px;
  }
  .gs-option-content[data-option="1"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/just-getting-started-video-poster.jpeg');
  }
  .gs-option-content[data-option="2"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/already-selling-video-poster.jpeg');
  }
  .gs-option-content[data-option="3"] .tz-video__poster {
    background-image: url('https://file.trainerize.com/assets/tz/getting-started/images/large/manage-fitness-business-video-poster.jpeg');
  }

  #gs-page .gs-option-content__text-heading {
    margin-bottom: 4px;
  }
  .gs-option-content__steps {
    margin-bottom: 125px;
  }
  .gs-option-content__step {
    margin-right: 110px;
  }
  #gs-page .gs-option-content__step h3 {
    font-size: 42px;
    min-width: 270px;
  }
  #gs-page .gs-option-content__step p,
  .gs-option-content__resource li {
    font-size: 20px;
  }
  #gs-page .gs-option-content__resources h3 {
    font-size: 42px;
  }
  .gs-option-content__resources-items {
    gap: 130px;
  }
  #gs-page .gs-option-content__resource > p {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .gs-option-content__resource ol > li {
    margin-bottom: 24px;
  }
}