body {
  margin: 0;
  background: #ffffff;
  display: flex;
  justify-content: center;
}

html {
    scrollbar-gutter: stable;
}


/* Общая обертка */
.page {
  width: 1000px;
}

/* Контейнеры */
.container {
  width: 1000px;
  position: relative;
}

/* Header */
.header {
  width: 1000px;
  height: 116px;
  background: #ffffff;
  position: relative;
}

/* Логотип */
.logo {
  position: absolute;
  left: 75px;
  top: 25px;
  width: 158px;
  height: 44px;
}

/* Меню */
.menu {
  position: absolute;
  left: 435px;
  top: 70px;
  display: flex;
  gap: 25px;
}

.menu-item {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #595959;
  text-decoration: none;
}

.menu-item.active {
  color: #007abd;
}

.menu-item {
    white-space: nowrap;
}








/* Главный баннер */
.main-banner {
  width: 1000px;
}

.main-banner img {
  display: block;
  width: 100%;
  height: auto;
}



/* Заголовок */
.main-title {
  margin-top: 30px;   /* отступ от баннера */
  margin-bottom: 20px; /* отступ до текста */
  margin-left: 40px;

  font-family: 'Inter', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 30px;
}

/* Текст */
.main-text {
  margin-left: 40px;
  width: 880px;

  font-family: 'Inter', sans-serif;
  font-weight: 300; /* Light */
  font-size: 14px;
  line-height: 20px; /* межстрочный интервал */
}

.main-text p {
  margin: 0 0 6px 0; /* paragraph spacing */
}

.main-text p:last-child {
  margin-bottom: 0;
}




/* Отступ между большими блоками */
.section {
  margin-top: 50px;
}

/* Подзаголовки */
.section-title {
  margin-left: 40px;
  margin-bottom: 15px;

  font-family: 'Inter', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 20px;
}

/* Списки */
.list {
  margin: 0 0 9px 30px; /* отступ слева чуть больше текста */
  padding: 0;
}

.list li {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 300;
  font-family: 'Inter', sans-serif;
}






/* Блок с картинкой */
.equipment {
  position: relative;
  margin-top: 50px;
}

/* Картинка */
.equipment-img {
  width: 100%;
  display: block;
}

/* Контент поверх */
.equipment-content {
  position: absolute;
  top: 40px;
  left: 0px;
  color: #065581;
}

/* Чуть усилим читаемость текста */
.equipment-content .main-text {
  width: 500px;
}





/* Списки в блоке оборудования */
.spec-list {
  margin: 0 0 15px 20px; /* отступ под список и слева под маркер */
  padding: 0;
}

.spec-list li {
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px; /* как ты и задал */
  margin-bottom: 0; /* убираем лишние зазоры */
}





/* Картинка клиентов */
.clients-img {
  display: block;
  margin-top: 10px;  /* отступ от заголовка */
  margin-left: 0px;
  margin-bottom: 50px; /* отступ после картинки */

  width: 920px; /* можно подогнать под макет */
}




/* -----------------  Case Studies HTML ----------------------- */



/* Картинка в Case Study */
.case-img {
  display: block;
  margin: 20px 0 20px 40px; /* отступ сверху от заголовка и снизу до текста */
  width: 920px;
}



/* Блок со схемой */
.case-schematic {
  position: relative;
  margin: 0px 0 20px 40px; /* 10px от предыдущей картинки */
  width: 920px;
}

/* Картинка схемы */
.schematic-img {
  width: 100%;
  display: block;
  margin-bottom: 80px;
}

/* Текст поверх схемы */
.schematic-text {
  position: absolute;
  top: 0px;
  left: -40px;

  width: 637px; /* как ты задал */
}



/* -----------------  Global Localization HTML ----------------------- */
.localization-header-img {
  display: block;
  width: 495px;
  margin: 20px auto;
}




.localization-subtitle {
  margin-left: 40px;
  margin-bottom: 15px;

  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
}



/*Localization pictures*/

.localization-gallery {
  width: 940px;

  margin-left: 40px;
  margin-top: 20px;

  display: grid;
  grid-template-columns: repeat(3, 300px);

  column-gap: 20px;
  row-gap: 60px;
}

.localization-gallery img {
  display: block;
  width: 300px;
  height: 225px;
  object-fit: cover;
}



.localization-gallery .vertical {
  width: 169px;
  height: 225px;
}




/* Gallery element */
.gallery-item {
  width: 300px;
   text-align: center;
}



/* Picture title */
.gallery-caption {
  width: 100%;

  margin-top: 8px;

  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  line-height: 18px;

  text-align: center;
}


/* -----------------  Contacts HTML ----------------------- */

/* Conacts */
.contacts-block {
  position: relative;
  margin-top: 30px; /* отступ от заголовка */
  margin-bottom: 80px;
}

/* Pictures */
.contacts-img {
  width: 100%;
  height: 200px;
  display: block;
}

/* Text over */
.contacts-text {
  position: absolute;
  top: 30px;
  left: 326px;

  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
}

/* footer intervals */
.contacts-text p {
  margin: 0 0 6px 0;
}

.contacts-text p:last-child {
  margin-bottom: 0;
}






/* Footer */

/* Vertical lines в footer */
.footer-line {
  position: absolute;
  width: 1px;
  height: 136px;
  background: #ffffff;
}

.line-1 {
  left: 330px;
  top: 8px;
}

.line-2 {
  left: 670px;
  top: 8px;
}

.footer {
  width: 1000px;
  height: 150px;
  background: #007abd;
  position: relative;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
}

/* First columns */
.footer-col-1 {
  position: absolute;
  left: 40px;
  top: 20px;
}

/* Title ThermoSonic */
.footer-title {
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
}

/* Normal text */
.footer-text {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px; /* 10px + 3px paragraph spacing */
}


.footer-text p {
  margin: 0 0 3px 0; /* paragraph spacing */
}

.footer-text p:last-child {
  margin-bottom: 0;
}


/* Copyright */
.footer-copy {
  position: absolute;
  left: 40px;
  top: 124px;
  font-size: 10px;
  font-weight: 400;
}

/* Second Column */
.footer-col-2 {
  position: absolute;
  left: 371px;
  top: 20px;
}

/* Second Column Type */
.footer-title-2 {
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* Second columnt text shift Y41 */
.footer-col-2 .footer-text {
  margin-top: 10px; /* 41 - 20 - 11 ≈ 10px */
}



.footer-col-3 {
  position: absolute;
  left: 700px;
  top: 20px;
}