.capsule-way {
  background: var(--background);

  .capsule-way-inner {
    display: flex;
    justify-content: space-between;

    .capsule-way-text {
      padding: 16rem 0;
      width: 100%;

      .capsule-way-text-wrapper {
        width: 100%;

        .capsule-way-text-container {
          display: flex;
          flex-direction: column;
          gap: 2rem;
          margin-left: 0 !important;
          margin-right: auto !important;
          max-width: 46rem;
          width: 100%;

          h6 {
            font-family: var(--font-heading-family);
            font-size: 1.4rem;
            font-style: var(--font-heading-style);
            font-weight: var(--font-heading-weight);
            letter-spacing: 0.1em;
            line-height: 1.7;
          }

          p {
            font-family: var(--font-heading-family);
            font-size: 2rem;
            font-style: var(--font-heading-style);
            font-weight: var(--font-heading-weight);
            line-height: 1.6;
          }
        }
      }
    }

    .capsule-way-animation {
      align-self: end;
      height: 200vh;
      left: 5rem;
      max-width: 57rem;
      position: relative;
      text-align: center;
      width: 100%;

      .capsule-way-pill {
        position: relative;

        .capsule-way-pill-image {
          z-index: 1;
        }
      }

      .capsule-way-hand {
        bottom: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 69.2rem;
      }

      .capsule-way-animation-image {
        display: block;
        height: auto;
      }
    }
  }
}

@media (max-width: 1280px) {
  .capsule-way {
    .capsule-way-inner {
      display: block;

      .capsule-way-text {
        padding: 11rem 0 0;

        .capsule-way-text-wrapper {
          .scrollmagic-pin-spacer {
            padding: 0;
          }

          .capsule-way-text-container {
            margin: 0 auto !important;
            max-width: 59rem;
            position: static !important;
            text-align: center;

            p {
              font-size: 1.8rem;
              line-height: 1.5;
            }
          }
        }
      }

      .capsule-way-animation {
        left: 0;
        max-width: none;

        .capsule-way-pill {
          margin: 0 auto;
          width: 58rem;
        }

        .capsule-way-hand {
          width: 66rem;
        }
      }
    }
  }
}

@media (max-width: 767px) {
  .capsule-way .capsule-way-inner {
    .capsule-way-text {
      padding: 7rem 0 0;

      .capsule-way-text-wrapper .capsule-way-text-container {
        max-width: 34rem;
      }
    }

    .capsule-way-animation {

      .capsule-way-pill {
        left: 50%;
        margin-left: -21.5rem;
        position: relative;
        width: 43rem;
      }

      .capsule-way-hand {
        width: 43rem;
      }
    }
  }
}

@media (max-width: 429px) {
  .capsule-way .capsule-way-inner .capsule-way-animation .capsule-way-pill .capsule-way-pill-image {
    left: 0 !important;
  }
}