.nav {
  display: flex;
  align-items: center; /* выравнивает по центру */
  justify-content: space-between; /* лого слева, ссылки справа */
  padding: 15px 150px 30px 150px;
}
header {
  width: 1530px;
  height: 90px;
  background-color: #ffffff;
}
.nav__logo {
  display: inline-block; /* ← добавили */
  color: #1b1a1a;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-left: 10px;
  font-size: 22px;
  line-height: 36px;
  margin-top: 5px; /* теперь опускается */
}
.nav__logo span {
  font-weight: 400;
}
.nav__item {
  list-style: none;
}
.list__style {
  display: flex;
  align-items: center;
  gap: 50px;
}
.list__style ul li a {
  text-decoration: none;
  justify-content: space-between;
}
.nav__links {
  display: flex;
  gap: 40px; /* расстояние между ссылками */
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav__links a {
  text-decoration: none;
  color: #1b1a1a;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  margin-left: 10px;
  margin-top: 12px;
}
.nav__cta {
  background-color: #000000;
  color: white;
  border: none;
  padding: 13px 29px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  cursor: pointer;
  font-weight: 650;
}
.hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 150px;
  margin: 0;
  background-color: #f5f3f0;
  gap: 0;
  margin-top: -20px;
}
.hero__content {
  flex: 0 0 auto;
  width: 509px;
  padding-right: 80px;
}
.hero__logo {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #645c55;
  margin: 0 0 20px 0;
}
.hero__content h1 {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  color: #1b1a1a;
  margin: 0 0 20px 0;
}
.hero__text {
  color: #403e3b;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 30px 0;
}
.Read_more {
  color: #1b1a1a;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  margin: 0;
}

.Our-content {
  margin-left: 400px;
  margin-top: 80px;
  color: #403e3b;
  font-family: Poppins, "Lucida Sans Regular", sans-serif;
  font-weight: 200;
}
.info_text {
  margin-left: 630px;
  width: 494px;
  height: 115px;
  color: #403e3b;
}
.info_image {
  width: 84px;
  height: 84px;
  margin-left: 628px;
  margin-top: 5px;
}
.info_content h3 {
  margin-left: 738px;
  margin-top: -60px;
}
.image_p {
  margin-left: 738px;
  margin-top: -20px;
  color: #645c55;
}
.info_content {
  font-family: "Poppins", "Lucida Sans", "Lucida Sans Regular", Verdana,
    sans-serif;
}
.images_info {
  width: 1510px;
  height: 600px;
  margin-top: 100px;
}
.info_images {
  color: #403e3b;
  margin-left: 1080px;
  margin-top: -270px;
  font-family: "Popins", sans-serif;
}
.info_images_text {
  color: #645c55;
  margin-left: 1080px;
  margin-top: -10px;
  width: 285px;
  height: 50px;
  font-family: "Popins", sans-serif;
}
.process_text {
  margin-left: 720px;
  margin-top: 280px;
  font-family: "Popins", sans-serif;
  color: #645c55;
}
.process_heading {
  margin-left: 655px;
  margin-top: -5px;
  font-family: "Popins", sans-serif;
  color: #1b1a1a;
  font-weight: 200;
}
.process_container {
  display: flex;
  justify-content: flex-start; /* ставит все три слева */
  gap: 150px; /* расстояние между карточками */
  margin-left: 40px; /* если нужно сдвинуть весь блок левее/правее */
  margin-left: 230px;
  margin-top: 50px;
  font-family: "Popins", sans-serif;
}

.process_card {
  width: 260px; /* важное! регулирует перенос текста как в макете */
  text-align: center;
}

.process_card img {
  display: block;
  margin: 0 auto 20px;
}

.small-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.big-text {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}
.interier_image {
  width: 1510px;
  height: 600px;
}
.text_base {
  color: #403e3b;
  font-family: "Popins", sans-serif;
  margin-left: 1090px;
  margin-top: -314px;
}
.text_base_lorem {
  margin-left: 1090px;
  width: 285px;
  height: 40px;
  margin-top: -10px;
  color: #645c55;
  font-family: "Popins", sans-serif;
}
.interier_image {
  margin-top: 100px;
}
.clients-section {
  width: 1374px;
  background-color: #2f2f2f;
  color: #fff;

  padding-top: 140px; /* 🔥 большой отступ как на фото */
  padding-bottom: 140px;
  padding-left: 136px; /* 🔥 как ты просил margin-left 136px */

  display: flex;
  justify-content: flex-start; /* прижимаем всё влево */
  align-items: flex-start; /* верхнее выравнивание */
  gap: 200px; /* расстояние между текстом и логотипами */
  font-family: "Popins", sans-serif;
}

/* Левый текстовый блок */
.clients-left {
  max-width: 380px;
  margin-top: 150px;
}

.clients-small {
  font-size: 13px;
  letter-spacing: 3px;
  opacity: 0.6;
  margin-bottom: 20px;
}

.clients-title {
  font-size: 38px; /* 🔥 как на твоём фото крупный */
  font-weight: 700;
  margin-bottom: 25px;
}

.clients-desc {
  font-size: 14px;
  line-height: 1.7;
  opacity: 0.85;
}

/* Логотипы справа */
.clients-right {
  display: grid;
  grid-template-columns: repeat(2, auto); /* 2 колонки */
  grid-template-rows: repeat(2, auto); /* 2 строки */
  gap: 60px 60px; /* вертикальный и горизонтальный отступ */
  justify-content: space-evenly; /* весь квадрат прижат вправо */
  margin-left: 136px; /* как ты просил */
  margin-top: 235px;
}

.clients-right img {
  width: 130px; /* подгонишь если нужно */
  height: auto;
  display: block;
}
.svilington_image {
  width: 1510px;
  height: 600px;
}
.svillington_text {
  margin-top: -314px;
  margin-left: 65px;
  font-family: "Popins", sans-serif;
}
.swirling {
  color: #403e3b;
}
.lorem {
  color: #645c55;
  width: 285px;
  height: 48px;
}
.Featured_projects {
  width: 1510px;
  height: 918px;
  background-color: #f7f7f7;
}
.Featured_line {
  margin-top: 320px;
  margin-left: 136px;
  font-family: "Popins", sans-serif;
}
.Featured_text {
  transform: scale(1, 1); /* первый параметр — ширина, второй — высота */
  font-stretch: condensed; /* сжимает текст по ширине */
  max-width: 400px;
  word-wrap: break-word;
  font-size: 20px;
  color: #645c55;
}
.Featured_title {
  font-size: 30px;
  font-weight: 200;
}
.featred_images {
  width: 379px;
  height: 460px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-left: 136px;
}
.projects {
  margin-left: 660px;
  font-family: "Popins", sans-serif;
}
.our_team_container {
  margin-left: 136px;
  width: 378px;
  height: 492px;
  font-family: "Popins", sans-serif;
  margin-top: 100px;
}
.our_team_container h2 {
  color: #403e3b;
  font-family: "Popins", sans-serif;
  font-weight: 200;
  font-size: 30px;
}
.our_team_text {
  color: #645c55;
}
.our_team {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.our_team_txt {
  color: #1b1a1a;
  margin-left: 30px;
  margin-top: 50px;
}
.our_team_images {
  display: grid;
  grid-auto-flow: column; /* создаем колонки */
  grid-auto-rows: auto;
  row-gap: 25px;
  column-gap: 90px; /* расстояние между колонками */

  justify-content: start; /* выравниваем левее */
  transform: translate(-300px, 70px); /* сдвигаем левее и ниже */
  font-family: "Popins", sans-serif;
}

/* 1-я колонка — первые 3 карточки */
.team_card:nth-child(1),
.team_card:nth-child(2),
.team_card:nth-child(3) {
  grid-column: 1;
}

/* 2-я колонка — последние 2 карточки */
.team_card:nth-child(4),
.team_card:nth-child(5) {
  grid-column: 2;
}

/* Внутри каждой карточки — картинка слева, текст справа */
.team_card {
  display: flex;
  align-items: center; /* вертикальное выравнивание */
  gap: 20px; /* расстояние между фото и текстом */
}

/* Сделать фото чуть меньше */
.team_card img {
  width: 70px; /* можно менять на любое нужное значение */
  height: auto;
  object-fit: cover;
}
.start_footer {
  height: 314px;
  background-color: #cec4bc; /* фон */
  display: flex;
  align-items: flex-end; /* выравнивание по низу секции */
  justify-content: space-between; /* слева текст, справа кнопка */
  padding-left: 140px; /* сдвиг левого текста */
  padding-right: 60px; /* отступ правого текста от края */
  padding-bottom: 100px; /* отступ от низа */
  font-family: "Popins", sans-serif;
}

.start_footer .start_text p {
  color: #645c55;
  font-size: 18px;
  margin: 0 0 10px 0; /* небольшой отступ снизу перед заголовком */
}

.start_footer .start_text h2 {
  color: #1b1a1a;
  font-size: 36px;
  line-height: 1.2;
  margin: 0;
  width: 576px;
  height: 114px;
  font-weight: 200;
}

.start_footer .start_button p {
  color: #1b1a1a;
  font-size: 18px;
  cursor: pointer;
  margin: 0;
  margin-top: -90px;
}
footer {
  height: 190px;
}
.footer_text {
  margin-left: 136px;
  margin-top: 120px;
  font-family: "Popins", sans-serif;
}
.text_lorem {
  color: #1b1a1a;
  font-weight: 600;
}
.text_lorem span {
  color: #1b1a1a;
  font-weight: 400;
}
.footer_text p {
  color: #645c55;
  width: 450px;
  height: 40px;
}
.navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding-right: 40px;

  transform: translate(-30px, 10px); /* -30px = чуть левее, 10px = чуть ниже */
}

.navigation_image {
  width: 20px;
  height: auto;
  object-fit: cover;
  cursor: pointer;
}