.about {
  padding: 54px 0 28px;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; }
  .about.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
.about.readable--modif-margin {
  padding: 54px 0 0 0;
}


  .about .main-h2 {
    margin: 0 auto 13px;
    max-width: 928px; }
  @media only screen and (max-width: 767px) {
    .about .about__h2--small {
      font-size: 27px; } }
  .about__content {
    max-width: 928px;
    margin: 0 auto; }
    .about__content img {
      margin: 0 auto 0 25px; }
      @media only screen and (max-width: 991px) {
        .about__content img {
          margin: 0 auto; } }
      @media only screen and (max-width: 767px) {
        .about__content img {
          margin: 0 auto; } }
  .about__big-content {
    font: 300 18px/154% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .about__big-content {
        font: 300 22px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .about__big-content {
        font: 300 16px/150% "Stem", sans-serif; } }
  .about__main-content {
    font: 300 20px/150% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .about__main-content {
        font: 300 18px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .about__main-content {
        font: 300 14px/145% "Stem", sans-serif; } }
  .about__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 31px 0 0; }
  @media only screen and (max-width: 767px) {
    .about--other {
      padding: 30px 0 10px; } }
  .about--extend {
    padding: 74px 0 78px; }
    @media only screen and (max-width: 767px) {
      .about--extend {
        padding: 30px 0 10px; } }
    .about--extend .main-h2 {
      margin-bottom: 28px; }
  .about--map {
    background: url(/local/static/build/img/svg/reg-bg.svg) no-repeat center top/auto;
    padding: 245px 0 175px;
    display: none;
  }
    @media only screen and (max-width: 1320px) {
      .about--map {
        background-size: contain; } }
    @media only screen and (max-width: 991px) {
      .about--map {
        background: none;
        padding: 50px 0 35px; } }
    @media only screen and (max-width: 767px) {
      .about--map {
        padding: 30px 0 10px;
        display: none;} }
  .about--bg {
    background: #eaf1f3;
    padding: 60px 0; }
.about.readable--modif {
  background-color: #f6f9fb;
}
.about--bg.readable--modif, .about--map.readable--modif {
  display: none;
}
  .about--bg-blue {
    background: #f2fbfd;
    padding: 73px 0 63px; }	
    @media only screen and (max-width: 991px) {
      .about--bg, .about--bg-blue {
        padding: 50px 0 35px; } }
    @media only screen and (max-width: 767px) {
      .about--bg, .about--bg-blue {
        padding: 30px 0 10px; } }
	
	.about__inner-list li::before {
		content: "\2022";
		color: #4BBDCF;
		font-weight: bold;
		display: inline-block;
		font-size: 60px;
		top:0;
		line-height: 30px;
		width: 25px;
		background-image: none;
	}
	@media only screen and (max-width: 767px) {
		.about__inner-list li::before {
			top:0px;
		}
	}
.ai4med-about {
    padding: 60px 0 60px; }
    
.ai4med-about-block {
    padding: 60px 0 90px; }    
    
.ai4med-about .about__content {
    max-width: none;
    margin: 0 auto; } 

.ai4med-about .about__main-content   {
    font: 300 26px/154% "Stem", sans-serif;
}
    
.leaderboard-how {
  padding: 120px 0 60px;
  position: relative;
  margin-top: 40px;
  opacity: 0;
  background: #eff3f4;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; }
  @media only screen and (max-width: 767px) {
    .leaderboard-how {
      padding: 60px 0 50px; } }
  @media only screen and (max-width: 576px) {
    .leaderboard-how {
      padding: 50px 0 40px; } }
  .leaderboard-how.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .leaderboard-how__content {
    margin: 0 auto;
    width: 100%;
    max-width: 1120px;
    border: 8px solid #253746;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 40px 21px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .leaderboard-how__content {
        padding: 0 10px 10px; } }

.leaderboard-how__content.readable--modif {
  border: 8px solid #70c8d9;
}
  .leaderboard-how__title {
    color: #253746;
    max-width: 888px;
    font: bold 40px/130% "Stem", sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 0 28px;
    background: #eff3f4;
    margin: -80px 0 9px; }
    @media only screen and (max-width: 991px) {
      .leaderboard-how__title {
        font: bold 26px/130% "Stem", sans-serif;
        margin: -27px 0 24px; } }
    @media only screen and (max-width: 767px) {
      .leaderboard-how__title {
        font: bold 16px/130% "Stem", sans-serif;
        margin: -22px 0 20px; } }
  .leaderboard-how__info {
    margin: 0 auto;
    /*max-width: 928px;*/
    font: 300 26px/154% "Stem", sans-serif; }
    @media only screen and (max-width: 991px) {
      .leaderboard-how__info {
        font: 300 22px/160% "Stem", sans-serif; } }
    @media only screen and (max-width: 767px) {
      .leaderboard-how__info {
        font: 300 16px/150% "Stem", sans-serif; } }


.info-text {
  position: relative;
  display: block;
  padding: 0 0 58px 0;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease; }
  .info-text.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  @media only screen and (max-width: 767px) {
    .info-text {
      padding: 0 0 30px; } }
  .info-text__content {
    position: relative;
    display: block;
    text-align: center;
    max-width: 930px;
    margin: 0 auto;
    font: 300 26px/154% "Stem", sans-serif; }
  @media only screen and (max-width: 991px) {
    .info-text__content {
      font: 300 22px/160% "Stem", sans-serif; } }
  @media only screen and (max-width: 767px) {
    .info-text__content {
      font: 300 18px/150% "Stem", sans-serif; } }    

.ai4med-about.about-purpose,
.ai4med-about.about-relevance {
    background-color: #f2fbfd; } 
    
.ai4med-about.about-purpose .about__h2,
.ai4med-about.about-relevance .about__h2 {
    font: bold 40px/130% "Stem", sans-serif; }     
    
.ai4med-about.about-about {
    margin-bottom: 0; }
    
.about.sugar--modif-margin { padding: 90px 0 90px 0; }
	
.about.aero--modif-margin { padding: 137px 0 120px 0; }
.about.aero--modif-margin .about__content { max-width: 100%; }

.ai4med-about .about__main-content p,
.ai4med-about .about__main-content div {
    font: 300 26px/154% "Stem", sans-serif; 
}
@media only screen and (max-width: 991px) {
    .ai4med-about .about__main-content p,
    .ai4med-about .about__main-content div {
        font: 300 22px/160% "Stem", sans-serif; 
    }
}
@media only screen and (max-width: 767px) {
    .ai4med-about .about__main-content p,
    .ai4med-about .about__main-content div {
        font: 300 18px/150% "Stem", sans-serif; 
    }
}