.howdoes_types-container {
  margin: 3.63rem 1.01rem 3.63rem 1.01rem;
}

.types-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 1.45rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: -2%;
  width: 16.31rem;
  angle: 0 deg;
  opacity: 1;
  margin: 0 0 1.01rem 0;
  color: #62186f;
}
.types-title span {
  font-weight: 700;
  font-style: Bold;
}
.how-card {
  margin: 0 0 2.18rem 0;
}
.how-card h4 {
  font-weight: 700;
  font-style: Bold;
  font-size: 0.72rem;
  leading-trim: NONE;
  line-height: 170%;
  letter-spacing: 2%;
  color: #d37ea0;
}
.how-card p {
  font-weight: 400;
  font-style: Regular;
  font-size: 0.72rem;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 2%;
  color: #2d2d2d;
}
.how-does-nutro-card {
  width: 16.54rem;
  angle: 0 deg;
  opacity: 1;
  border-radius: 0.72rem;
  background-color: #fff0f4;
  padding: 0.72rem 0.81rem 1.45rem 0.72rem;
}
.how-does-nutro-card h4 {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 0.909rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2d2d2d;
}
.how-does-nutro-card p {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.72rem;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}
/* Benfits-container */
.benfits__container {
  background-color: #62186f;
  width: 18.72rem;
  height: 25.95rem;
  angle: 0 deg;
  opacity: 1;
  padding: 1.45rem 0.54rem;
  display: flex;
  flex-direction: column;
}

.benfits__mobile_image {
  width: 17.68rem;
  height: 11.377rem;
  angle: 0 deg;
  opacity: 1;
  display: block;
}

.benfits-chemoport-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 1.45rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: -2%;
  width: 14.54rem;
  height: 2.9rem;
  angle: 0 deg;
  opacity: 1;
  margin: 0 0 2.09rem 1.45rem;
  color: #ffffff;
}
.benfits-chemoport-title span {
  font-weight: 700;
  font-style: Bold;
}
.benfits-button {
  width: 10.9rem;
  height: 2.63rem;
  angle: 0 deg;
  opacity: 1;
  border-radius: 2.18rem;
  padding: 0.54rem;
  gap: 0.54rem;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 0.81rem;
  leading-trim: CAP_HEIGHT;
  line-height: 100%;
  letter-spacing: 0%;
  color: #62186f;
  background-color: #ffffff;
  align-self: center;
  margin: 3.66rem 0 0 0;
  display: block;
}
.benfits-cards-desktop {
  display: none;
}
.how-does-title {
  margin: 0 0 1.01rem 0;
}
.emotional-contianer {
  position: relative;
  margin: 3.63rem 1.01rem 2.45rem 1.01rem;
}
.emotional-contianer h4 {
  margin: 0 0 1.01rem 0;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.45rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: -2%;
  color: #62186f;
}
.emotional-contianer h4 span {
  font-weight: 700;
  font-style: Bold;
}
.emotionaldescription-container {
  background-image: url("../assets/emotional.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 16.54rem;
  height: 23.63rem;
  angle: 0 deg;
  opacity: 1;
  border-radius: 0.72rem;
}
.emotionaldescription-container p {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.72rem;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #2d2d2d;
  width: 11.9rem;
  height: 6rem;
  angle: 0 deg;
  opacity: 1;
  /* position: absolute;
  top: 2.95rem;
  left: 2.31rem; */
}
.topdescription {
  position: absolute;
  left: 2.31rem;
  top: 7.5rem;
}
.middledescription {
  position: absolute;
  left: 2.31rem;
  top: 12.95rem;
}
.bottomdescription {
  position: absolute;
  left: 2.31rem;
  top: 20.22rem;
}
@media screen and (min-width: 768px) {
  .emotional-contianer {
    display: none;
  }
  /* .howdoes__container {
    margin: 1.53rem 0 0 0;
  } */
  .howdoes_types-container {
    margin: 1.53rem 0 2.26rem 1.53rem;
  }
  .types-title {
    font-weight: 500;
    font-style: Medium;
    font-size: 1.01rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    color: #62186f;
    text-align: left !important;
    margin: 0 0 1.2rem 0;
    width: 14.35rem;
  }
  .types-title span {
    font-weight: 800;
    font-style: ExtraBold;
  }
  .cards-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.45rem 0.377rem;
    justify-content: center;
  }
  .how-card {
    width: 10.63rem;
    height: 4.15rem;
    angle: 0 deg;
    opacity: 1;
    padding: 0.75rem 0.75rem 1.075rem 0.528rem;
    box-shadow: 0.0377rem 0.075rem 0.226rem 0px #0000001a;
    background-color: #fffffe;
  }
  .how-card h4 {
    font-weight: 700;
    font-style: Bold;
    font-size: 0.528rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    color: #d37ea0;
  }
  .how-card p {
    font-weight: 400;
    font-style: Regular;
    font-size: 0.45rem;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: -2%;
    color: #2d2d2d;
    margin: 0 0 0 0.63rem;
  }
  .how-does-title {
    width: 14.35rem;
    height: 2.03rem;
    angle: 0 deg;
    opacity: 1;
  }
  /* benfits-container */
  .benfits__container {
    width: 36.22rem;
    height: 12.26rem;
    angle: 0 deg;
    opacity: 1;
    padding: 1.2rem 0 1.96rem 1.88rem;
  }
  .benfits__mobile_image {
    display: none;
  }
  .benfits-button {
    display: none;
  }
  .benfits-chemoport-title {
    font-weight: 500;
    font-style: Medium;
    font-size: 1.01rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
    width: 11.75rem;
    angle: 0 deg;
    opacity: 1;
  }
  .benfits-chemoport-title span {
    font-weight: 700;
    font-style: Bold;
  }
  .benfits-cards-desktop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
  }
  .benfit-card {
    width: 8.22rem;
    height: 2.26rem;
    angle: -0 deg;
    opacity: 1;
    font-weight: 400;
    font-style: Regular;
    font-size: 0.603rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 0.46rem 0.55rem 0.59rem 0.45rem;
  }
  .card1 {
    background-color: #edd3f2;
    color: #2d2d2d;
  }
  .card2 {
    background-color: #eeb6f8;
    color: #2d2d2d;
  }
  .card3 {
    background-color: #ffffff;
    color: #2d2d2d;
  }
  .card4 {
    background-color: #91599b;
    color: #fffffe;
  }
  .card5 {
    background-color: #511b5a;
    color: #fffffe;
  }
  .how-card {
    margin: 0 0 0 0;
  }
}

/* DID YOU KNOW */
.did-you-know-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.did-you-know-section__inner-container {
  /* background: url("../assets/lung-cancer-assets/did-you-know.webp"); */
  background-size: cover;
  width: 17.27rem;
  height: 23.64rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.book-btn {
  width: 7.27rem;
  height: 2.18rem;
  border-radius: 2.4rem;
  background-color: var(--brandClr);
  border: 0;
  font-size: 0.909rem;
  color: white;
  margin-right: 1rem;
  margin-bottom: 0.8rem;
  position: absolute;
  /* top: ;
  left: ; */
}
.did-you-know-mobile {
  display: block;
  width: 17.27rem;
  height: 23.63;
  angle: 0 deg;
  opacity: 1;
  border-radius: 0.72rem;
}
.did-you-know-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .did-you-know-mobile {
    display: none;
  }
  .did-you-know-desktop {
    display: block;
    width: 35.95rem;
    height: 17.2rem;
    angle: 0 deg;
    opacity: 1;
  }
  .did-you-know-section__inner-container {
    /* background-image: url("../assets/DYKDesktop.webp"); */
    background-size: cover;
    width: 36.24rem;
    height: 17.24rem;
    position: relative;
  }
  .book-btn {
    width: 7.16rem;
    height: 1.32rem;
    angle: 0 deg;
    opacity: 1;
    border-radius: 1.12rem;
    gap: 0.281rem;
    padding: 0.281rem 0.376rem;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 0.45rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    position: absolute;
    top: 14.54rem;
    left: 25.54rem;
  }
}