.section-1 h1 {
  font-family: Wix Madefor Display;
  font-weight: 800;
  font-size: clamp(2.75rem, 1.7rem + 5.25vw, 8rem);
  line-height: 110.00000000000001%;
  letter-spacing: -4%;
  left: -8px;
  position: relative;
}
.section-1 {
  background: var(--color-dark-blue);
  padding-top: 216px;
  padding-bottom: 80px;
  color: var(--color-white);
}

section.section-2 .grid div:nth-child(2) {
  color: var(--color-grey);
}
section.section-3:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/mask.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 12px center;
  z-index: 1;
}
section.section-3 .subtext {
  margin-top: 48px;
}
section.section-3 {
  padding-top: 120px;
  background-color: var(--color-blue);
  position: relative;
  padding-left: 164px;
  color: var(--color-white);
}
/* section 2 */
section.section-2 {
  padding-top: 120px;
  padding-bottom: 200px;
  background-color: #FAFAFA;
}

/* section-4 */
section.section-4 {
  padding-top: 180px;
}
section.section-4 .grid {
  margin-top: 64px;
  column-gap: 24px;
}
section.section-4 .card {
  color: var(--color-white);
  position: relative;
  padding: 68px;
}
section.section-4 .card a {
  content: "";
  position: absolute;
  top: 68px;
  left: 68px;
  width: 60px;
  height: 60px;
  background-image: url(../images/arrow-square.png);
  z-index: 1;
}
section.section-4 .card img {
  position: absolute;
  top: -55px;
  right: 48px;
  z-index: 2;
}
section.section-4 .card:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 28px);
  height: calc(100% - 14px);
  background-image: url(../images/mask2.png?t=1781199788877);
  background-repeat: no-repeat;
  z-index: 1;
}
section.section-2 .grid:nth-child(2) {
  margin-top: 120px;
  column-gap: 24px;
  row-gap: 16px;
}
section.section-4 .h2 {
  margin-top: 293px;
}
section.section-4 .subtext {
  margin-top: 36px;
}

/* section-5 */
section.section-5 {
  padding-top: 180px;
}
section.section-5 .grid {
  margin-top: 64px;
  column-gap: 24px;
}
section.section-5 .grid .card {
  color: var(--color-white);
  height: 502px;
  padding: 48px 48px 72px 48px;
  position: relative;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) -50%, rgb(55 148 254) 100%);
  overflow: hidden;
}
section.section-5 .grid .card:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 0px;
  width: 100%;
  height: 101%;
  background-image: url(../images/mask3.png);
  background-repeat: no-repeat;
  z-index: -1;
}
section.section-5 .grid .card:nth-child(2):after {
  background-image: url(../images/mask4.png);
}
section.section-5 .grid .card:nth-child(3):after {
  background-image: url(../images/mask5.png);
}
section.section-5 .grid .card .subtext {
  margin-top: 36px;
}
/* section-6 */
section.section-6 {
  padding-top: 200px;
}
section.section-6 .h1 {
  display: flex;
  align-items: center;
}
section.section-6 .grid:nth-child(2) {
  margin-top: 74px;
  gap: 24px;
}
section.section-6 .grid .card {
  background-color: var(--color-yellow);
  display: flex;
  /*height: 176px;*/
  padding: 0;
}
section.section-6 .grid .txt-block {
  padding-left: 48px;
  padding-top: 50px;
  padding-bottom: 50px;
}

section.section-6 .grid .card .img-block {
  margin-left: auto;
  padding-right: 48px;
  display: flex;
  position: relative;
}
section.section-6 .grid img {
  max-height: 100%;
}
section.section-6 .grid .card:nth-child(1) .img-block img {
  height: 150px;
  margin-top: auto;
  margin-bottom: auto;
}
section.section-6 .grid .card:nth-child(3) .img-block img {
  margin-top: auto;
}
section.section-6 .grid .card:nth-child(3) .img-block img {
  margin-top: auto;
}
section.section-6 .grid .card:nth-child(1) .txt-block span {
  max-width: 331px;
  display: block;
}
section.section-6 .grid .card:nth-child(2) .txt-block span {
  max-width: 373px;
  display: block;
}
section.section-6 .grid .card:nth-child(3) .txt-block span {
  max-width: 571px;
  display: block;
}




/* section-7 */
section.section-7 {
  padding-top: 200px;
}
section.section-7 .map-block {
  margin-top: 64px;
  background-color: var(--color-dark-blue);
  padding: 60px 50px;
}
/* section-9 */
section.section-9 {
  margin-top: 160px;
}
section.section-9 .grid:nth-child(2) {
  margin-top: 120px;
  gap: 24px;
}
section.section-9 .grid .card  .text-block {
  margin-left: 28px;
}
section.section-9 .grid .card  .text-block .subtext {
  font-family: Wix Madefor Display;
  font-weight: 400;
  font-size: 32px;
  line-height: 135%;
  letter-spacing: -5%;
}
section.section-9 .grid .block .img-block {
  height: 80px;
  display: flex;
}
section.section-9 .grid .block .img-block img {
  margin: auto;
}
section.section-9 .grid .block .subtext {
  margin-top: 20px;
}
section.section-10 {
  margin-top: 200px;
}
section.section-10 .grid:nth-child(2) {
  margin-top: 100px;
}



section.section-11 {
  margin-top: 180px;
  margin-bottom: 100px;
}
section.section-11 .grid:nth-child(2) {
  margin-top: 64px;
  gap: 24px;
}

section.section-11 .card {
  padding: 24px;
}
section.section-11 .card .img-block {
  height: 280px;
  border-radius: 12px;
  overflow: hidden;
}
section.section-11 .card .img-block img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
section.section-11 .news .title {
  font-family: Wix Madefor Display;
  font-weight: 500;
  font-size: 28px;
  line-height: 114.99999999999999%;
  letter-spacing: -5%;
  margin-top: 24px;
}
section.section-11 .news .preview-text {
  font-family: Wix Madefor Display;
  font-weight: 500;
  font-size: 20px;
  line-height: 135%;
  letter-spacing: -5%;
  margin-top: 24px;
  color: var(--color-grey);
  display: -webkit-box;           /* Включаем специальный режим flexbox */
  -webkit-line-clamp: 2;          /* Задаем строгое ограничение в 2 строки */
  -webkit-box-orient: vertical;   /* Указываем вертикальную ориентацию блока */
  overflow: hidden;
}
section.section-11 .news .date-publication {
  font-family: Wix Madefor Display;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -5%;
  margin-top: 16px;
}

@media screen and (max-width: 1024px) {
  .section-1 {
    padding-top: 60px !important;
    padding-bottom: 44px !important;
    height: auto;
    position: relative;
  }
  .section-1 h1 {
    left: -2px;
  }
  .section-1 .subtext {
    font-family: Wix Madefor Display;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -2%;
  }
  .section-1 img.map {
    left: 0px !important;
    width: 100% !important;
    height: auto !important;
    position: unset !important;
  }
  .section-1 button {
    margin-left: 0px !important;
    width: 100%;
  }
  .section-1 .subtext-btn {
    row-gap: 16px;
    margin-top: 12px;
  }

  section.section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section.section-2 .grid:nth-child(1) {
    row-gap: 24px;
  }
  section.section-2 .grid:nth-child(2) {
    margin-top: 40px;
  }

  section.section-2 .card span {
    font-family: Wix Madefor Display;
    font-weight: 500;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: -2%;
  }
  section.section-2 .card img {
    width: 80px;
    height: 80px;
  }
  section.section-3 {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 36px;
    overflow: hidden;
  }
  section.section-3 img {
    width: 135px;
    height: auto;
    position: relative;
    bottom: -53px;
  }
  section.section-4 {
    padding-top: 40px;
  }
  section.section-4 .card {
    padding: 20px 22px 24px 20px;
  }
  section.section-4 .card img {
    height: 155px;
    top: -19px;
    right: 20px;
    width: auto;
  }
  section.section-4 .grid {
    row-gap: 36px;
    margin-top: 28px;
  }
  section.section-4 .card:after {
    width: calc(100% - 20px);
    height: 302px;
    background-size: cover;
    left: 9px;
    top: 9px;
  }
  section.section-4 .card a {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    left: 20px;
    top: 20px;
  }
  section.section-4 .h2 {
    margin-top: 142px;
  }

  section.section-4 .subtext {
    margin-top: 24px;
  }
  section.section-5 {
    padding-top: 40px;
  }
  section.section-5 .grid {
    margin-top: 24px;
    row-gap: 16px;
  }
  section.section-5 .grid .card {
    padding: 20px 20px 28px 20px;
    height: 238px;
  }
  section.section-5 .grid .card:after {

  }
  section.section-5 .grid .card .subtext {
    margin-top: 24px;
  }
  section.section-6 {
    padding-top: 40px;
  }
  section.section-6 div.h4.txt-muted {
    margin-top: 24px;
  }
  section.section-6 .grid:nth-child(2) {
    margin-top: 20px;
    gap: 12px;
  }
  section.section-6 .grid .txt-block {
    padding-left: 20px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
  section.section-6 .grid .card .img-block {
    padding-right: 20px;
  }

  section.section-6 .grid .card:nth-child(1) .img-block img {
    height: 100px !important;
  }

  section.section-6 .grid .card img {
    width: auto;
    right: 20px;
    height: 136px !important;
  }


  section.section-6 .grid .card:nth-child(1) span {
    width: 116px;
    display: block;
  }
  section.section-6 .grid .card:nth-child(2) span {
    width: 140px;
  }


  section.section-6 .grid .card:nth-child(3) span {
    width: 191px;
    display: block;
  }
  section.section-6 .grid .card:nth-child(4) span {
    width: 187px;
    display: block;
  }

  section.section-7 {
    padding-top: 40px;
  }
  section.section-9 {
    margin-top: 40px;
  }
  section.section-9 .grid:nth-child(1) .h4 {
    margin-top: 24px;
  }
  section.section-9 .grid:nth-child(2) {
    margin-top: 28px;
    gap: 12px;
  }
  section.section-9 .grid:nth-child(2) .card .h3 {
    font-size: 20px;
  }
  section.section-9 .grid .card .text-block .subtext {
    font-size: 20px;
  }
  section.section-10 {
    margin-top: 40px;
  }
  section.section-10 .grid:nth-child(2) {
    margin-top: 40px;
  }
  section.section-11 {
    margin-top: 40px;
  }
  section.section-11 .grid:nth-child(2) {
    margin-top: 24px;
    gap: 12px;
  }
  section.section-11 .card .img-block {
    height: 200px;
  }
  section.section-11 .news .title {
    font-size: 20px;
    margin-top: 16px;
  }
  section.section-11 .news .preview-text {
    font-size: 16px;
    margin-top: 20px;
  }
  section.section-11 .news .date-publication {
    font-size: 13px;
    margin-top: 12px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 15px 12px !important;
    font-family: Wix Madefor Display;
    font-weight: 500;
    font-size: 16px;
    line-height: 114.99999999999999% !important;
    letter-spacing: -5%;
  }
  .select2-container .select2-selection--single {
    height: auto !important;
    border-radius: 12px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    width: 24px !important;
  }
  .select2-dropdown {
    border-radius: 12px !important;
    background-color: #FAFAFA !important;
  }
  .select2-results__option {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .select2-container--open .select2-dropdown {
    font-family: Wix Madefor Display;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: -2%;
  }
  .select2-search--dropdown {
    padding: 0px !important;
    background: #f5f5f5 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    outline: none;
    padding: 14px 12px;
  }
}