.dsp-none {
  display: none;
}

.agent-success-bg-clr {
  background-color: rgba(212, 212, 212, 0.2);
}

.agent-success-story {
  padding: 0px 0px;
  /* padding-top: 53px; */
}

.agent-success-story .agent-story-head {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 36px;
  line-height: 51px;
  color: #060606;
  text-align: center;
  padding: 63px 0px 73px;
}

.agent-success-story-content {
  display: flex;
  /* justify-content: space-between; */
  gap: 42px;
  padding-bottom: 98px;
}

.left-video-content {
  width: 50%;
  height: max-content;
}

.left-video-content .video-title-text {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #060606;
  text-align: center;
  padding-top: 27px;
}

.left-video-content .pvideo-title-text {
  font-family: 'Titillium-regular';
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  color: #000000;
  text-align: center;
  padding-top: 6px;
}

.agent-success-story-content .video-title-div {
  margin: 0;
}

.agent-success-story-content .video-div {
  width: 100%;
}

/* .agent-success-story-content .video-title-text {
  color: #060606;
  font-size: 24px;
  font-family: 'Titillium-bold';
  font-weight: 700;
  line-height: 34px;
} */

.agent-success-story {
  margin-bottom: 100px;
}

.agent-success-story .video-src {
  /* padding: 0 15px; */
  height: 100%;
}

.minus {
  display: none;
}

.benefit-step:nth-child(2) .plus {
  display: none;
}

.benefit-step:nth-child(2) .minus {
  display: block;
}

.acc-icon img {
  height: 24px;
  max-width: 24px;
}

.video-content {
  position: relative;
  /* box-shadow: -10px 10px #F89C30; */
  border-radius: 25px;
  margin: 0px 15px;
}

.agent-success-story .video-src {
  box-shadow: unset;
}

.video-content::after {
  content: "";
  background-image: url('clientlib/assets/images/video-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 126px;
  left: 224px;
  width: 69px;
  height: 69px;
}

.right-benefit-content {
  width: 50%;
}

.right-benefit-content h2 {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  color: #000;
  padding-bottom: 41px;
  margin-bottom: 0px;
}

.benefit-step {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  padding-bottom: 22px;
  justify-content: end;
}

.benefit-step-text {
  display: flex;
  gap: 17px;
  align-items: flex-start;
  padding-bottom: 10px;
}

.benefit-step .benefit-step-text h3 {
  font-family: 'Titillium-bold';
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  padding-bottom: 0px;
}

.benefit-step .benefit-ans-div {
  margin-left: 41px;
  padding-bottom: 12px;
}

.benefit-step .benefit-ans-div p {
  font-family: 'Titillium-regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  /* padding-bottom: 7px; */
}

/* Slider CSS */
.agent-story-slider .slick-dots {
  bottom: -30px;
  left: 2%;
}

.agent-story-slider .slick-dots li {
  width: 14px;
  height: 14px;
}

.agent-story-slider .slick-dots li button {
  width: 14px;
  height: 14px;
  border: 1px solid #0062AB;
  border-radius: 50%;
}

.agent-story-slider .slick-dots li button:before {
  content: '';
}

.agent-story-slider .slick-dots li.slick-active {
  width: 46px;
  height: 14px;
  background-color: #0062ab;
  border-radius: 9px;
}

.agent-story-slider .slick-dots li.slick-active button {
  width: 46px !important;
  height: 14px;
  background-color: #0062ab;
  border-radius: 9px;
}

.agent-story-slider .slick-dots li.slick-active button:before {
  width: 46px;
}
.benefit-ans-div a {
  font-weight: bold;
}
.parent-video-div {
  margin: 0 10px;
}

/*********** Agent Success Story Mobile View ***********/
@media screen and (min-width:320px) and (max-width:767px) {
  .agent-success-story {
      padding: 56px 10px 0px 10px;
  }

  .agent-success-story .agent-story-head {
      font-size: 28px;
      line-height: 38px;
      padding: 0px;
      margin-bottom: 25px;
  }

  .agent-success-story-content {
      flex-direction: column;
      gap: 0px;
      padding-bottom: 45px;
  }

  .left-video-content {
      width: 100%;
  }

  .agent-success-story-content .video-div {
      margin-bottom: 16px;
  }

  .agent-success-story-content .video-title-text {
      font-size: 22px;
      line-height: 32px;
      padding: 0px;
  }

  .left-video-content .video-title-text {
      font-size: 24px;
      line-height: 34px;
  }

  .left-video-content .pvideo-title-text {
      font-size: 18px;
      line-height: 34px;
      padding: 0px;
  }

  .video-content::after {
      top: 115px;
      left: 0px;
      right: 0px;
      margin: 0px auto;
      width: 52px;
      height: 52px;
  }

  .right-benefit-content {
      width: 100%;
  }

  .right-benefit-content h2 {
      font-size: 22px;
      line-height: 32px;
      padding-bottom: 27px;
      text-align: left;
      margin: 49px 0px 0px 34px;
  }

  .benefit-step {
      width: 100%;
      padding-bottom: 16px;
      justify-content: end;
  }

  .benefit-step .benefit-step-text {
      padding-bottom: 14px;
  }

  .benefit-step .benefit-step-text h3 {
      font-size: 20px;
  }

  .agent-story-slider .slick-dots {
      bottom: -30px;
      left: 0px;
      margin: 0px auto;
  }
  .agent-success-story{
      margin-bottom: 30px;
  }
}