body {
 /* background:url(../images/bg.jpg);*/
  display: flex;
  flex-direction: column;
  gap: 1.2rem;

}

.os__wrapper {
    display: block;
    margin-bottom: 1.2rem;
}
.helper-text {
  color: #8A6D3B;
  font-size: 12px;
  margin-top: 5px;
  height: 12px;
  display: block;
}


.title {
  color: white;
  font-family: sans-serif;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
  font-size: 3rem;
}
.bounce {
  padding: 1rem;
  display: block;
  animation-name: bounce;
  animation-duration: 500ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.os__text-container {
  /*text-align: center;*/
  position: -webkit-sticky;
  position: sticky;
  /*padding: 0 1rem;*/
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #fff;
width: 60%;
margin: auto;
/*padding: 30px;*/
border: #4b176d 1px solid;
}
.os__text-container .topHead{background:#4b176d; padding: 10px 15px; }
.os__text-container .topHead h5{color:#fff;  margin-bottom: 0px; font-size: 18px; font-weight: bold;}
.os__text-container .content-wrap{padding:15px;}


.os__text-container label{font-size: 18px; color: #000; text-align: left;}



.os__text-item {
 /* color: hotpink;
  font-size: 3rem;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: 600;*/
 /* opacity: 0.2;*/
 opacity: 1;
}
.os__text-item--on {
  opacity: 1;
}

.os__ghost {
  height: var(--ghost-height);
}

.last {
  padding-top: 400vh;
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(0.5rem);
  }
}