/* -------------------------------- variables ------------------------------- */
:root {
  --treatment-card-fd: row;
  --treatment-aspect-ratio: 1/1;
  --treatment-image-height: 15rem;
  --treatment-image-width: 18.51%;
  --treatment-content-fd: row;
  --treatment-content-border: 2px solid var(--color-1);
  --treatment-content-pt: 1.75rem;
  --treatment-content-padding-horizontal: 2rem;
  --treatment-content-pb: 1.5rem;
  --treatment-content-width: 81.48%;
  --treatment-content-main-width: 74.78%;
  --treatment-content-main-title-mb: .96rem;
  --treamtent-content-price-width: 21.21%;
}

/* ---------------------------------- card ---------------------------------- */
#Wrapper .wpgb-card-16 .wso-card-wrapper {
  display: flex;
  flex-direction: var(--treatment-card-fd);
  justify-content: space-between;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-media-wrapper {
  flex-basis: var(--treatment-image-width);
  min-height: var(--treatment-image-height);
  height: 100% !important;
  aspect-ratio: var(--treatment-aspect-ratio);
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-media-wrapper .image_wrapper {
  height: 100% !important;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-media-wrapper .image_wrapper img {
  object-fit: cover !important;
  aspect-ratio: var(--treatment-aspect-ratio);
  height: 100% !important;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper {
  display: flex;
  flex-direction: var(--treatment-content-fd);
  width: var(--treatment-content-width);
  padding: var(--treatment-content-pt) var(--treatment-content-padding-horizontal) var(--treatment-content-pb);
  justify-content: space-between;
  border: var(--treatment-content-border);
  border-left: unset;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-content-main-wrapper {
  flex-basis: var(--treatment-content-main-width);
  align-self: flex-start;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-content-main-wrapper .wso-title {
  font-family: var(--font-3-bold) !important;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-content-main-wrapper .wso-title:not(:last-child) {
  margin-bottom: var(--treatment-content-main-title-mb) !important;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-treatment-wrapper {
  flex-basis: var(--treamtent-content-price-width);
  align-self: flex-end;
  display: flex;
  flex-direction: column;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-treatment-wrapper .wso-treatment-time-price {
  text-align: right;
}
#Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-treatment-wrapper .wso-treatment-time-price span {
  color: var(--color-black) !important;
  font-family: var(--font-3-bold) !important;
  font-size: inherit !important;
}

/* ---------------------------------- grid ---------------------------------- */
@media only screen and (min-width: 1024px) {
  #Wrapper .wso-grid-23 .section_wrapper {
    max-width: 84.37vw !important;
  }
}
@media only screen and (max-width: 1499px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    --treatment-content-main-width: 66.78%;
    --treamtent-content-price-width: 29.21%;
  }
}
@media only screen and (max-width: 1023px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    --treatment-content-main-width: 60.78%;
    --treamtent-content-price-width: 35.21%;
  }
}
@media only screen and (max-width: 767px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    --treatment-card-fd: column;
    --treatment-aspect-ratio: 29/19;
    --treatment-image-height: 19rem;
    --treatment-image-width: 100%;
    --treatment-content-fd: column;
    --treatment-content-border: 2px solid var(--color-1);
    --treatment-content-pt: 2.5rem;
    --treatment-content-padding-horizontal: 2rem;
    --treatment-content-pb: 2rem;
    --treatment-content-width: 100%;
    --treatment-content-main-width: 100%;
    --treatment-content-main-title-mb: 1.92rem;
    --treamtent-content-price-width: 100%;
  }
  /* ---------------------------------- card ---------------------------------- */
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-media-wrapper img {
    width: 100% !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper {
    border-left: var(--treatment-content-border);
    border-top: unset !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper summary {
    list-style: none;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper summary .wso-title {
    font-family: var(--font-3-bold) !important;
    hyphens: auto !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper summary .wso-title:not(:last-child) {
    margin-bottom: var(--treatment-content-main-title-mb) !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper summary .button {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper summary .wso-less {
    display: none;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper details[open] .wso-more {
    display: none;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper details[open] .wso-less {
    display: block;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper details[open] .button {
    padding-bottom: var(--treatment-content-main-title-mb) !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-treatment-wrapper {
    margin-top: 1.92rem !important;
  }
  #Wrapper .wpgb-card-16 .wso-card-wrapper .wso-content-wrapper .wso-treatment-wrapper .wso-treatment-time-price {
    text-align: left;
  }
}