body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

.page_wrapper {
  background-image: radial-gradient(circle at 0 100%, #92d3fb, #fff0 50%), radial-gradient(circle at 100% 0, #92d3fb, #f5fbff 50%);
  height: 100vh;
}

.main_wrapper {
  height: 100%;
}

.section_hero {
  justify-content: center;
  align-items: center;
  height: 100%; 
  display: flex;  
}

.padding_global {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image {
  width: 30%;
}

.h1_hero {
  color: #121e29;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 1.88em;
  line-height: 130%;
}

.text-block {
  color: #121e29;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 130%;
}

.text_point {
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: .63em;
  line-height: 130%;
}

.point_wrapp {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.point_block {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home_content {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.footer_section {
  padding: 1.25em;
  position: fixed;
  inset: auto 0% 0%;
}

.footer_container {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  background-color: #fff9;
  border-radius: 1.25em;
  justify-content: center;
  align-items: center;
  padding: .94em 1.25em;
  display: flex;
}

.footer_text {
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: .75em;
  font-weight: 600;
  line-height: 130%;
}

.footer_wrap {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer_icon-home {
  background-image: url('../images/footer_icon-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 1.5em;
  height: 1.5em;
  transition: all .2s;
}

.footer_icon-home:hover, .footer_icon-home:focus {
  background-image: url('../images/footer_icon-click-1.svg');
}

.footer_icon-cab {
  background-image: url('../images/footer_icon-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 1.5em;
  height: 1.5em;
  transition: all .2s;
}

.footer_icon-cab:hover, .footer_icon-cab:focus {
  background-image: url('../images/footer_icon-click-2.svg');
}

.cabinet_content {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.cabinet-padding_global {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac_wrapper {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  background-color: #fff;
  border-radius: 1.88em;
  width: 100%;
  padding: 1.25em;
  display: flex;
}

.ac_name {
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: 1.38em;
  font-weight: 700;
  line-height: 100%;
}

.ac_tg {
  opacity: .6;
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: 1.13em;
  line-height: 100%;
}

.ac_wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ac_img {
  border-radius: 100%;
  width: 4.69em;
  height: 4.69em;
}

.ac-info_container {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  width: 100%;
  display: flex;
}

.info_wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .63em;
  display: flex;
}

.info_icon-city {
  background-color: #089cf7;
  background-image: url('../images/info_icon-1.svg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.88em;
  height: 1.88em;
  display: flex;
}

.text-block-2 {
  font-family: Inter, sans-serif;
  font-size: .75em;
  line-height: 130%;
}

.info_icon-stat {
  background-color: #089cf7;
  background-image: url('../images/info_icon-2.svg');
  background-position: 50% 45%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.88em;
  height: 1.88em;
  display: flex;
}

.stat_indicator {
  color: #089cf7;
  text-decoration: underline;
}

.res_container {
  /* grid-column-gap: 1.25em;
  grid-row-gap: 1.25em; */
  background-color: #fff;
  border-radius: 1.88em;
 /* flex-flow: column;
  align-items: flex-start; */
  width: 100%;
  padding: 2.19em 1.25em 1.25em;
  /* display: flex;
  overflow: hidden; */
  display: block;
  overflow: auto;
}

.res_title {
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: 1.13em;
  font-weight: 700;
  line-height: 130%;
}

.res_src-wrap {
  display: flex;
  align-items: center;
  /* уберите лишний фон или высоту, если появляется белое окно */
  background-color: transparent;
  cursor: text; /* чтобы при наведении был текстовый курсор */
}

.src_text {
  flex: 1;              /* растянуть input на всё свободное место */
  border: none;
  outline: none;
  background-color: transparent;
  /* задайте шрифт, размер и т.п. */
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  /* padding: по желанию */

  /* Цвет обычного текста (введённого пользователем) */
  color: #333;  /* Например, тёмно-серый */
}

.res_wrapper {
  /* grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  display: flex; */
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25em;
}

.res_card {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  background-color: #e6f5ff;
  border-radius: 20px;
  flex-flow: column;
  padding: 1.25em;
  display: flex;
}

.card_img {
  border-radius: 100%;
  width: 2.5em;
  height: 2.5em;
}

.card_inner {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.card_text {
  grid-column-gap: .31em;
  grid-row-gap: .31em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.card_name {
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 130%;
}

.card_info {
  opacity: .6;
  color: #121e29;
  font-family: Inter, sans-serif;
  font-size: .75em;
  line-height: 130%;
}

.home-page_wrapper {
  background-image: radial-gradient(circle at 0 100%, #92d3fb, #fff0 50%), radial-gradient(circle at 100% 0, #92d3fb, #f5fbff 50%);
  height: 100vh;
  overflow: hidden;
}

@media screen and (max-width: 479px) {
  .page_wrapper {
    height: 100%;
    padding-bottom: 30vw;
    position: relative;
    overflow: hidden;
  }

  .section_hero {
    justify-content: center;
    align-items: flex-start;
  }

  .header {
    margin-top: 6.41vw;
    padding-left: 5.128vw;
  }

  .header.mb-40 {
    margin-bottom: 10.256vw;
    padding-left: 5.128vw;
    padding-right: 5.128vw;
  }

  .image {
    width: 100%;
  }

  .h1_hero {
    font-size: 7.692vw;
  }

  .text-block {
    text-align: left;
    font-size: 4.103vw;
  }

  .text_point {
    color: #121e29;
    font-size: 2.564vw;
  }

  .point_wrapp {
    grid-column-gap: 2.051vw;
    grid-row-gap: 2.051vw;
    width: 100%;
  }

  .point_block {
    grid-column-gap: 3.846vw;
    grid-row-gap: 3.846vw;
    justify-content: center;
    align-items: flex-start;
  }

  .home_content {
    grid-column-gap: 7.692vw;
    grid-row-gap: 7.692vw;
    padding-left: 5.128vw;
    padding-right: 5.128vw;
  }

  .image-2 {
    width: 30.769vw;
  }

  .cabinet_content {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
  }

  .cabinet-padding_global {
    width: 100%;
    padding-left: 5.128vw;
    padding-right: 5.128vw;
  }

  .ac_wrapper {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
    border-radius: 7.692vw;
    padding: 5.128vw;
  }

  .ac_name {
    font-size: 5.641vw;
  }

  .ac_tg {
    font-size: 4.615vw;
  }

  .ac_wrap {
    grid-column-gap: 2.564vw;
    grid-row-gap: 2.564vw;
  }

  .ac_img {
    width: 19.231vw;
    height: 19.231vw;
  }

  .info_wrapper {
    grid-column-gap: 2.564vw;
    grid-row-gap: 2.564vw;
    border-radius: 12.821vw;
    padding: 2.564vw;
  }

  .info_icon-city {
    background-position: 50% 40%;
    width: 7.692vw;
    height: 7.692vw;
  }

  .text-block-2 {
    color: #121e29;
    font-size: 3.077vw;
  }

  .info_icon-stat {
    width: 7.692vw;
    height: 7.692vw;
  }

  .res_container {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
    border-radius: 7.692vw;
    padding: 8.974vw 5.128vw 5.128vw;
  }

  .res_title {
    font-size: 4.615vw;
  }

  .res_src-wrap {
    grid-column-gap: 1.282vw;
    grid-row-gap: 1.282vw;
    border-radius: 12.821vw;
    padding: 2.564vw;
  }

  .src_text {
    font-size: 3.077vw;
  }

  .res_card {
    grid-column-gap: 3.846vw;
    grid-row-gap: 3.846vw;
    border-radius: 5.128vw;
    flex: none;
    padding: 5.128vw;
  }

  .card_img {
    width: 10.256vw;
    height: 10.256vw;
  }

  .card_icon {
    width: 4.103vw;
  }

  .card_name {
    font-size: 4.103vw;
  }

  .card_info {
    font-size: 3.077vw;
  }

  .src_icon {
    width: 3.846vw;
    height: 3.846vw;
  }

  .res_section {
    position: fixed;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    z-index: 999;

    background-color: #fff;

    /* Вот главные строки, отвечающие за прокрутку: */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .res_padding {
    grid-column-gap: 10.256vw;
    grid-row-gap: 10.256vw;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    padding: 7.692vw;
    display: flex;
  }

  .res_item {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .res_arrow.mb-40 {
    margin-bottom: 10.256vw;
  }

  .res_bio {
    grid-column-gap: 5.128vw;
    grid-row-gap: 5.128vw;
    align-items: center;
    display: flex;
  }

  .image-3 {
    border-radius: 12.821vw;
    width: 19.231vw;
    height: 19.231vw;
  }

  .res_bio-text {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .res_bio-name {
    color: #121e29;
    font-family: Inter, sans-serif;
    font-size: 5.128vw;
    font-weight: 700;
    line-height: 130%;
  }

  .text-block-3 {
    opacity: .6;
    color: #121e29;
    font-family: Inter, sans-serif;
    font-size: 4.103vw;
    line-height: 130%;
  }

  .res_heading {
    color: #121e29;
    font-family: Inter, sans-serif;
    font-size: 4.615vw;
    font-weight: 700;
    line-height: 130%;
  }

  .res_paragraph {
    opacity: .6;
    font-size: 4vw;
    line-height: 130%;
  }

  .res_btn {
    color: #fff;
    background-color: #089cf7;
    border-radius: 12.821vw;
    padding: 2.564vw 5.128vw;
    text-decoration: none;
  }

  .res_btn-text {
    font-family: Inter, sans-serif;
    font-size: 3.59vw;
    font-weight: 600;
    line-height: 130%;
  }

  .home-page_wrapper {
    height: 100%;
    padding-bottom: 30vw;
    position: relative;
    overflow: hidden;
  }
}