.success_stories {
  padding: 10vw 4.27vw; /* 48px 16px */
  /* background-color: #f9fafb; */
}

.success_heading_container {
  text-align: center;
  margin-bottom: 8.53vw;
  display: flex;
  gap: 3vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.success_banner {
  font-size: 3.5vw;
  font-weight: 700;
  background: #ED675C;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31vw;
  border-radius: 4vw;
  color: #fff;
  opacity: 0.8;
  height: 5.3vw;
}
.success_heading {
  font-size: 7vw; /* 32px */
  font-weight: 800;
  color: #1a1a1a;
}

.success_heading span {
  color: #ED675C;
}

.success_subheading {
  font-size: 4.27vw;
  color: #666666;
  font-weight: 700;
  opacity: 0.8;
}

.success_content_parent_cont {
  display: flex;
  flex-direction: column;
}

.success_nav_cont {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 3vw;
  padding: 1vw;
  margin-bottom: 6.4vw;
  background-color: #f8f9fa;
}

.success_nav_cta {
  padding: 1vw 6vw; /* 12px 20px */
  border-radius: 1vw; /* 8px */
  font-size: 3.6vw; /* 14px */
  font-weight: 600;
  color: #666666;
}

.clicked_success_nav_cta {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
.success_content_cont {
  flex: 1;
}

.success_sections {
  display: none;
}

.active_success {
  display: block;
}

.success_content_wrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: 6.4vw; /* 24px */
  background-color: #fff;
  border: 1vw;
}

.success_text_content {
  width: 100%;
}

.success_journey h3 {
  font-size: 4vw; /* 24px */
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 6.4vw; /* 24px */
  padding: 0 1.07vw; /* 0 4px */
}

.before_after_container {
  display: flex;
  gap: 4.27vw; /* 16px */
  margin-bottom: 6.4vw; /* 24px */
}

.before_container,
.after_container {
  padding: 5.33vw; /* 20px */
  border-radius: 3.2vw; /* 12px */
}

.before_container {
  background-color: #ffe8e8;
}

.before_container h4 {
  color: #d92d20;
  margin-bottom: 2.13vw; /* 8px */
  font-size: 4.27vw; /* 16px */
}

.after_container {
  background-color: #e6f9f1;
}

.after_container h4 {
  color: #00c170;
  margin-bottom: 2.13vw; /* 8px */
  font-size: 4.27vw; /* 16px */
}

.before_container p,
.after_container p {
  font-size: 3.73vw; /* 14px */
  color: #1a1a1a;
  line-height: 1.5;
}

.testimonial_container {
  background-color: #fff7ed;
  border-radius: 3.2vw; /* 12px */
  padding: 5.33vw; /* 20px */
  margin-bottom: 6.4vw; /* 24px */
  position: relative;
}
.testimonial_container svg {
  width: 8vw;
  height: 8vw;
  color: #fed7aa;
  position: absolute;
  top: -4vw;
  left: -0.4vw;
}

.testimonial_text {
  font-size: 4.27vw; /* 16px */
  font-style: italic;
  color: #1a1a1a;
  line-height: 1.5;
}

.success_cta_button {
  background-color: #ea580c;
  color: white;
  padding: 3vw 6vw;
  border-radius: 2.13vw;
  border: none;
  font-size: 3.73vw;
  font-weight: 500;
}

.success_video_container {
  width: 100%;
  height: 106.667vw;
  background-color: #e5e7eb;
  border-radius: 3.2vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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