/* # =================================================================
# afterCare
# ================================================================= */

/*------- details -------*/
.details {
  padding-bottom: 100px;
}
.details__heading {
  text-align: right;
  margin-left: auto;
}
.details__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px 3vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
}
.details__image-wrap {
  width: calc((100% - 3vw) / 2);
  aspect-ratio: 630/790;
}
.details__text-wrap {
  width: calc((100% - 3vw) / 2);
}
.details__item {
  border-bottom: 0.25px solid #d8d8d8;
  padding-bottom: 50px;
}
.details__item:not(:first-child) {
  padding-top: 50px;
}
.details__text {
  font-size: 16px;
  line-height: 2;
  margin-top: 10px;
}
.details__tag {
  margin-top: 15px;
}
.details__notes {
  margin-top: 20px;
}
.details__note {
  font-size: 13px;
  line-height: 1.7;
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .details {
    padding-top: 100px;
  }
  .details__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .details__text-wrap {
    width: 100%;
  }
  .details__content {
    margin-top: 30px;
  }
  .details__item {
    padding-bottom: 50px;
  }
  .details__item:not(:first-child) {
    padding-top: 50px;
  }
  .details__image-wrap {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 335/418;
    margin-left: auto;
  }
}