#about {
  background-image: url("../../img/about/about-bg.png");
  background-size: 100% 92.86vw;
  background-position: center bottom;
  background-repeat: no-repeat;
}

#about .content {
  display: flex;
  display: -ms-flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4.95vw;
  padding: 4.17vw 2.08vw;
}

#about .top-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#about .top-block img {
  width: 10.16vw;
  height: auto;
  margin-bottom: 2.08vw;
}

#about .top-block__title {
  font-family: TT Travels Medium;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 1.56vw;
  letter-spacing: 0;
  color: black;
  margin-bottom: 1.25vw;
}

#about .top-block__description {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 140%;
  letter-spacing: 0;
  color: black;
}

#about .top-block__description span {
  color: #4dacd4;
}

#about .middle-block {
  padding: 4.17vw 7.03vw 3.12vw;
  border-radius: 2.86vw;
  background: linear-gradient(90deg, #abb249 0%, #399ac4 100%);
  box-shadow: 0vw 0.21vw 0.78vw 0vw #00000040;
  display: flex;
  flex-direction: column;
  row-gap: 2.08vw;
  width: 100%;
  text-align: center;
}

#about .middle-block__title {
  font-family: TT Travels Medium;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 1.88vw;
  letter-spacing: 0;
  color: white;
}

#about .middle-block__list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 3.91vw;
  justify-content: center;
  color: white;
}

#about .middle-block__list-item {
  width: 13.28vw;
  display: flex;
  flex-direction: column;
  row-gap: 1.56vw;
  align-items: center;
  white-space: nowrap;
}

#about .middle-block__list-item img {
  width: 13.28vw;
  height: 14.32vw;
}

#about .middle-block__list-item div {
  display: flex;
  flex-direction: column;
  row-gap: 0.78vw;
}

#about .middle-block__list-item b {
  font-family: TT Travels Medium;
  font-weight: 600;
  font-size: 0.83vw;
  line-height: 1.15vw;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#about .middle-block__list-item b span {
  font-weight: 400;
}

#about .middle-block__list-item div > span {
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.78vw;
  line-height: 140%;
  letter-spacing: 0;
}

#about .bottom-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 9.11vw;
}

#about .bottom-block img {
  width: 20.83vw;
  min-height: auto;
}

#about .bottom-block__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.82vw;
}

#about .bottom-block__title {
  font-family: TT Travels Medium;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.3vw;
  line-height: 1.3vw;
  letter-spacing: 0;
}

#about .bottom-block__text {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 120%;
  letter-spacing: 0;
  padding-left: 1.56vw;
}

#about .top-block--mobile,
#about .middle-block--mobile,
#about .bottom-block--mobile {
  display: none;
}

@media (max-width: 575.5px) {
  #about {
    background-image: url("../../img/about/about-bg--mobile.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  #about .content {
    row-gap: 15.6vw;
    padding: 12.50vw 0;
  }

  #about .top-block:not(.top-block--mobile) {
    display: none;
  }

  #about .top-block--mobile {
    display: flex;
  }

  #about .top-block img {
    width: 28.13vw;
    margin-bottom: 6.25vw;
  }

  #about .top-block__title {
    font-size: 4.06vw;
    line-height: 120%;
    margin-bottom: 3.13vw;
  }

  #about .top-block__description {
    font-size: 3.13vw;
    display: flex;
    flex-direction: column;
    row-gap: 3.13vw;
  }

  #about .top-block__description p {
    margin: 0;
  }

  #about .top-block__description span {
    color: #4dacd4;
  }

  #about .middle-block:not(.middle-block--mobile) {
    display: none;
  }

  #about .middle-block--mobile {
    display: flex;
    flex-direction: column;
    margin: 0 4.69vw;
    border-radius: 6.25vw;
    background: linear-gradient(106.46deg, #ABB249 7.7%, #399AC4 76.67%);
    box-shadow: 0vw 0.57vw 2.14vw 0vw #00000040;
    width: auto;
    row-gap: 9.38vw;
    padding: 10.94vw 0;
    width: calc(100% - 9.38vw);
  }

  #about .middle-block__title {
    font-size: 4.06vw;
    line-height: 120%;
    font-family: TT Travels Regular;
    font-weight: 500;
  }

  #about .middle-block__list {
    flex-direction: column;
    align-items: center;
    row-gap: 4.69vw;
  }

  #about .middle-block__list-item {
    width: auto;
    row-gap: 0;
    font-family: TT Travels Regular;
    font-weight: 500;
    font-size: 2.50vw;
    line-height: 140%;
    letter-spacing: 0.11em;
    text-align: center;
    text-transform: uppercase;
    color: white;
  }

  #about .middle-block--mobile span {
    font-family: TT Travels Regular;
    font-weight: 400;
    font-size: 3.13vw;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: white;
  }

  #about .bottom-block:not(.bottom-block--mobile) {
    display: none;
  }

  #about .bottom-block--mobile {
    display: flex;
    flex-direction: column;
    row-gap: 6.25vw;
  }

  #about .bottom-block img {
    width: 84.38vw;
    min-height: auto;
  }

  #about .bottom-block__content {
    row-gap: 3.13vw;
  }

  #about .bottom-block__item {
    display: flex;
    flex-direction: column;
    row-gap: 3.13vw;
    align-items: center;
    width: 84.38vw;
    height: 28.13vw;
    text-align: center;
    background: white;
    border-radius: 3.13vw;
    justify-content: center;
  }

  #about .bottom-block__item-title {
    font-family: TT Travels Regular;
    font-weight: 500;
    font-size: 3.59vw;
    line-height: 3.75vw;
    letter-spacing: 0;
    color: #4dacd4;
  }

  #about .bottom-block__item div {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 3.13vw;
    line-height: 120%;
  }
}