#LegalisationSteps {
  width: 100%;
  height: 100%;
  padding: 64px 0;
  background: #FAFAF9;
}

#LegalisationSteps .steps-content{
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 80px;
  column-count: 2;
  column-gap: 32px;
  column-fill: balance;
}

#LegalisationSteps .steps-content__left, #LegalisationSteps .steps-content__right{
  padding: 32px;
  box-shadow: 7px 14px 34px 0px rgba(138, 92, 92, 0.1);
}
#LegalisationSteps .steps-content__left {
  max-height: 557px;
}
#LegalisationSteps .steps-content__left .left-title {
  font-family: Libre Baskerville;
  font-size: 32px;
  font-weight: 700;
  line-height: 39.68px;
  text-align: left;
}
#LegalisationSteps .steps-content__left .left-desc {
  font-family: Avenir;
  font-size: 18px;
  font-weight: 500;
  line-height: 25.2px;
  text-align: left;
}

#LegalisationSteps .steps-content__left .left-desc__point {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#LegalisationSteps .steps-content__left .left-desc__point p {
  width: 90%
}



@media only screen and (min-width : 744px) and (max-width : 1024px) {
  #LegalisationSteps .steps-content {
    column-count: 1;
  }

  #LegalisationSteps .steps-content__left .left-desc__point .icon-point {
    transform: rotate(90deg);
    font-size: 22px;
  }
}


@media screen and (max-width: 479px) {
  #LegalisationSteps {
    padding: 32px 16px;
  }

  #LegalisationSteps .steps-content {
    column-count: 1;
    padding: 0;
  }

  #LegalisationSteps .steps-content__left {
    max-height: 100%;
  }

  #LegalisationSteps .steps-content__left .left-desc__point .icon-point {
    transform: rotate(90deg);
    font-size: 16px;
  }
}