/* -------------------------------- variables ------------------------------- */
:root {
  --seminar-room-image-min-height: 30.37rem;
  --seminar-room-main-gap: 8.95rem;
  --seminar-room-card-image-width: 57.28%;
  --seminar-room-card-text-width: 31.66%;
  --seminar-room-card-nav-gap: 3.2rem;
  --seminar-room-card-title-mb: .53rem;
  --seminar-room-card-subtitle-mb: 1.97rem;
  --seminar-room-card-text-mb: 2.4rem;
}

/* ---------------------------------- card ---------------------------------- */
#Wrapper .wpgb-card-15 .wso-card-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--seminar-room-main-gap);
  min-height: var(--seminar-room-image-min-height);
  align-items: stretch;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-media-wrapper {
  width: var(--seminar-room-card-image-width);
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-media-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper {
  width: var(--seminar-room-card-text-width);
  display: flex;
  flex-direction: column;
  align-content: flex-end;
  justify-content: flex-end;
  text-align: left;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-title:not(:last-child) {
  margin-bottom: var(--seminar-room-card-title-mb) !important;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-subtitle {
  color: var(--color-black) !important;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-subtitle:not(:last-child) {
  margin-bottom: var(--seminar-room-card-subtitle-mb) !important;
}
#Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-text:not(:last-child) {
  margin-bottom: var(--seminar-room-card-text-mb) !important;
}

/* ---------------------------------- grid ---------------------------------- */
#Wrapper .wso-grid-22 .section_wrapper {
  max-width: var(--content-width-big) !important;
}
#Wrapper .wso-grid-22 .section_wrapper .wso-wrap-content .column_attr {
  width: 65%;
  margin: 0 auto;
}
#Wrapper .wso-grid-22 .section_wrapper .wso-wrap-content hgroup:not(:last-child) {
  margin-bottom: 2.88rem !important;
}
#Wrapper .wso-grid-22 .section_wrapper .wso-wrap-grid .wpgb-area-bottom-1 {
  display: flex !important;
  position: absolute;
  left: calc(var(--seminar-room-card-image-width) + var(--seminar-room-main-gap));
  top: 0;
  margin: 0;
  gap: var(--seminar-room-card-nav-gap);
}

/* ------------------------------- responsive ------------------------------- */
@media only screen and (max-width: 767px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    --seminar-room-image-min-height: 24rem;
    --seminar-room-main-gap: 0;
    --seminar-room-card-image-width: 100%;
    --seminar-room-card-text-width: 100%;
    --seminar-room-card-nav-gap: 4.45rem;
  }
  /* ---------------------------------- card ---------------------------------- */
  #Wrapper .wpgb-card-15 .wso-card-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
  #Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper {
    width: var(--seminar-room-card-text-width);
    display: flex;
    flex-direction: column;
  }
  #Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-text {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  #Wrapper .wpgb-card-15 .wso-card-wrapper .wso-content-wrapper .wso-text .wso-speech-marks {
    position: absolute;
    top: 0;
    left: 0;
  }
  .wso-grid-22 .wpgb-area-bottom-1 {
    position: relative !important;
    margin-top: 3.55rem !important;
  }
  .wso-grid-22 .wso-wrap-content .column_attr {
    width: 100% !important;
  }
  .wso-grid-22 .wso-wrap-content hgroup:not(:last-child) {
    margin-bottom: 2.5rem !important;
  }
}