.success {
  position: relative;
  width: 100%;
  padding: 80px 32px;
}

.success .content > * {
  max-width: 984px;
}
.success p {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

.success .scroll img.profile {
  aspect-ratio: 310/141 !important;
  object-position: top;
}

.success .scroll .stories {
  min-width: 275px;
  max-width: 275px;
}

.success .scroll .stories span {
  width: 100%;
  padding: 15.5px 15px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.success .scroll .stories span > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.success .scroll .stories span > div h4 {
  font-size: 20px !important;
  line-height: 28px !important;
}
.success .scroll .stories span > div p {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #707890 !important;
}

.success .scroll .stories span > a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.success .scroll .stories span > a > p {
  color: #2501c3 !important;
  font-weight: 600 !important;
}
.success .scroll .stories span > a > img {
  width: 40px;
  height: 40px;
}

.success .content .list .left,
.success .content .list .shadow,
.success .content .list .right {
  display: none;
}

@media (max-width: 767px) {
  .success {
    padding: 48px 0px !important;
  }

  .success .content {
    gap: 24px !important;
  }
  .success .content > * {
    padding: 0px 16px;
  }

  .success .list {
    padding: 0px !important;
  }
  .success .list > .scroll {
    padding: 0px 16px;
  }

  .success .content > h4,
  .success .content > h3 {
    margin: 8px 0px;
  }

  .success .scroll:has(.stories) {
    flex-direction: row !important;
    gap: 24px !important;
  }

  .success .scroll .stories {
    max-width: 260px !important;
    min-width: 260px !important;
  }
  .success .scroll img.profile {
    aspect-ratio: 258/141 !important;
  }
}