.success_stories {
  padding: 1vw 10vw 1vw 10vw; /* 80px 120px */
  /* background-color: #f9fafb; */
}

.success_heading_container {
  text-align: center;
  margin-bottom: 4.17vw; /* 60px */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4vw;
}

.success_banner {
  font-size: 0.8vw;
  font-weight: 700;
  background: #ED675C;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7vw;
  border-radius: 4vw;
  color: #fff;
  opacity: 0.8;
  height: 1.3vw;
}

.success_heading {
  font-size: 3vw;
  font-weight: 800;
  color: #1a1a1a;
}

.success_heading span {
  background: #ED675C;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.success_subheading {
  font-size: 1.3vw; /* 18px */
  color: #000;
}

.success_content_parent_cont {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  max-width: 83.33vw;
  margin: 0 auto;
}

.success_nav_cont {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  justify-content: flex-start;
  background: #f1f5f9;
  border-radius: 0.3vw;
  padding: 0.3vw;
  width: 80vw;
}

.success_nav_cta {
  padding: 0.3vw 10vw;
  border-radius: 0.3vw;
  font-size: 0.8vw;
  font-weight: 700;
  color: #666666;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 33%;
  text-align: center;
}

.clicked_success_nav_cta {
  background-color: #fff;
  color: #000;
}

.success_content_cont {
  flex: 1;
}

.success_sections {
  display: none;
}

.active_success {
  display: block;
}

.success_content_wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 2vw;
  align-items: center;
  width: 80vw;
  background-color: #fff;
  border-radius: 0.5vw;
}

.success_text_content {
  flex: 1;
}

.success_journey h3 {
  font-size: 1.5vw;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 0.8vw;
}

.before_after_container {
  display: flex;
  gap: 1vw;
  margin-bottom: 1.5vw;
}

.before_container,
.after_container {
  flex: 1;
  padding: 1vw; /* 24px */
  border-radius: 0.5vw; /* 12px */
}

.before_container {
  background-color: #ffe8e8;
}

.before_container h4 {
  color: #a63636;
  margin-bottom: 0.56vw; /* 8px */
}

.after_container {
  background-color: #e6f9f1;
}

.after_container h4 {
  color: #374151;
  margin-bottom: 0.56vw; /* 8px */
}

.before_container p,
.after_container p {
  font-size: 0.9vw;
  color: #1a1a1a;
  font-weight: 600;
  opacity: 0.7;
}

.testimonial_container {
  background-color: #fff7ed;
  border-radius: 0.5vw;
  padding: 1.5vw 1vw;
  margin-bottom: 1.5vw;
  position: relative;
}
.testimonial_container svg {
  width: 2vw;
  height: 2vw;
  color: #fed7aa;
  position: absolute;
  top: -1vw;
  left: -0.4vw;
}
.testimonial_text {
  font-size: 1vw;
  font-style: italic;
  color: #1a1a1a;
  line-height: 1.6;
}

.success_cta_button {
  background-color: #ea580c;
  color: white;
  padding: 0.8vw 1vw;
  border-radius: 0.4vw;
  border: none;
  font-size: 0.8vw;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

.success_cta_button:hover {
  background-color: #00a05c;
}

.success_video_container {
  width: 50%;
  height: 24.667vw;
  background-color: #e5e7eb;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.success_video_placeholder {
  width: 140vw;
  height: 100%;
  border-radius: 0.5vw; /* 12px */
}
