/* Start:/local/templates/main/assets/css/about.css?17869687824257*/
.about__banner {
  background-color: var(--bg-dark);
  /* padding: 120px 0 0 0; */
}

.about__banner-wrap::after {
  --size: 300px;
  content: "";
  width: var(--size);
  height: var(--size);
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/local/templates/main/assets/css/../img/aboutBannerBG.jpg");
  display: block;
  margin: auto auto 0 auto;
}

.about__title {
  color: var(--text-light-primary);
  font-size: 40px;
  max-width: 13em;

  display: flex;
  flex-direction: column;
}

.about__description {
  padding: 30px 0 0 0;
}

.about__description-digits {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 16px;
  margin: 60px 0 0 0;
}

.about__description-digit {
  color: var(--text-sky-blue);
  font-size: 24px;
  margin: 0 0 6px 0;
  line-height: 1.2;
  font-weight: 500;
}

.about__description-mission {
  margin: 30px 0 0 0;
}

.about__description-mission-p1 {
  margin: 20px 0 0 0;
}

.about__description-mission-p2 {
  margin: 30px 0 0 0;
}

.about__directions {
  background-color: var(--bg-very-light-gray);
  padding: 30px 0 55px 0;
}

.about__directions-wrap {
  margin: 40px 0 0 0;
  display: grid;
  gap: 20px;
}

.about__directions-card {
  display: flex;
  flex-direction: column;
  background-color: var(--bg-dark);
  border-radius: 25px;
  overflow: hidden;
}

.about__directions-card-title {
  padding: 25px 60px 30px 35px;
  color: var(--text-light-primary);
  font-size: 22px;
  display: flex;
  flex-direction: column;
}

.about__directions-card > div {
  flex: 1;
}

.about__directions-card-bg--bg1,
.about__directions-card-bg--bg2,
.about__directions-card-bg--bg3,
.about__directions-card-bg--bg4 {
  min-height: 133px;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}

.about__directions-card-bg--bg1 {
  background-image: url("/local/templates/main/assets/css/../img/aboutDirectionBg1.jpg");
}

.about__directions-card-bg--bg2 {
  background-image: url("/local/templates/main/assets/css/../img/aboutDirectionBg2.jpg");
}
.about__directions-card-bg--bg3 {
  background-image: url("/local/templates/main/assets/css/../img/aboutDirectionBg3.jpg");
}
.about__directions-card-bg--bg4 {
  background-image: url("/local/templates/main/assets/css/../img/aboutDirectionBg4.jpg");
}

.about__info {
  padding: 45px 0 80px 0;
}

.about__info-title {
  font-size: 30px;
  margin: 0 0 50px 0;
}

@media (min-width: 600px) {
  .about__directions-wrap {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .about__banner-wrap::after {
    --size: 362px;
    width: var(--size);
    height: var(--size);
  }

  .about__description-digit {
    font-size: 40px;
  }

  .about__description-digits {
    grid-template-columns: repeat(3, 1fr);
  }

  .about__description-digit {
    margin: 0 0 10px 0;
  }

  .about__title {
    margin: 120px 0 120px 0;
  }

  .about__description {
    padding: 30px 0 80px 0;
  }

  .about__directions-card-title {
    font-size: 30px;
  }
}

@media (min-width: 1200px) {
  .about__description-mission-title,
  .about__directions-title,
  .about__info-title {
    font-size: 40px;
  }

  .about__description-mission-p1,
  .about__description-mission-p2,
  .about__description-text {
    font-size: 20px;
  }

  .about__description-digit-subtext {
    font-size: 18px;
  }

  .about__title {
    font-size: 48px;
    position: relative;
    top: -60px;
  }

  .about__banner-wrap {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
  }

  /* .about__banner-wrap::after {
    margin: auto auto 0 auto;
  } */

  .about__description {
    padding: 40px 0 55px 0;
  }

  .about__description-digits {
    margin: 70px 0 0 0;
    gap: 60px;
  }

  .about__description-mission {
    margin: 35px 0 0 0;
  }

  .about__description-mission-p1 {
    margin: 40px 0 0 0;
    font-size: 20px;
  }

  .about__directions {
    padding: 60px 0 80px 0;
  }

  .about__directions-wrap {
    margin: 30px 0 0 0;
  }

  .about__info {
    padding: 40px 0 50px 0;
  }

  .about__info-title {
    font-size: 40px;
    margin: 0 0 50px 0;
  }
}

@media (min-width: 1920px) {
  .about__description-digits {
    margin: 65px 0 0 0;
    gap: 220px;
  }

  .about__directions-wrap {
    margin: 35px 0 0 0;
  }

  .about__info {
    padding: 70px 0 60px 0;
  }

  .about__title {
    font-size: 64px;
  }

  .about__directions-card-title {
    font-size: 32px;
  }
}

/* End */
/* /local/templates/main/assets/css/about.css?17869687824257 */