.history-clinic__wrapper {
  color: #000;
  font-family: Rubik; }
  @media screen and (min-width: 0px) and (max-width: 768px) {
    .history-clinic__wrapper {
      display: flex;
      flex-direction: column; } }
.history-clinic__title {
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 140%;
  /* 50.4px */ }
  @media screen and (min-width: 0px) and (max-width: 768px) {
    .history-clinic__title {
      font-size: 22px;
      font-weight: 600;
      line-height: 110%;
      /* 24.2px */ } }

.clinic-tree__inner {
  display: grid;
  grid-template-columns: 1fr 8% 1fr;
  grid-template-areas: "left date-left ." ". date-right right"; }
  @media screen and (max-width: 768px) {
    .clinic-tree__inner {
      grid-template-columns: 1fr;
      grid-template-areas: "left" "right"; } }
.clinic-tree__card {
  padding: 53px;
  border-radius: 25px;
  background: linear-gradient(90deg, #EAF8FF 0%, #FDEFC2 100%);
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .clinic-tree__card {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 10px; } }
  @media screen and (min-width: 0px) and (max-width: 768px) {
    .clinic-tree__card {
      padding: 27px 36px; } }
  .clinic-tree__card--left {
    grid-area: left; }
  .clinic-tree__card--right {
    grid-area: right; }
.clinic-tree__text {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  /* 22.4px */ }
  @media screen and (min-width: 0px) and (max-width: 768px) {
    .clinic-tree__text {
      font-size: 14px; } }
.clinic-tree__date {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  @media screen and (max-width: 768px) {
    .clinic-tree__date {
      display: none; } }
  .clinic-tree__date:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-100%, 0);
    width: 1px;
    height: 100%;
    background-color: #000; }
  .clinic-tree__date--left {
    grid-area: date-left; }
  .clinic-tree__date--right {
    grid-area: date-right; }
  .clinic-tree__date-mobile {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: none; }
    @media screen and (min-width: 0) and (max-width: 768px) {
      .clinic-tree__date-mobile {
        display: block; } }
.clinic-tree__date-wrapper {
  display: block;
  height: 21px;
  background-color: white;
  z-index: 1; }

/*# sourceMappingURL=about_history_clinic.css.map */