/* СБРОС И БАЗОВЫЕ ТЕГИ */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
/* Базовые стили */
body {
  font-family: "Roboto", sans-serif;
  background: #ffffff; /* Возвращаем чистый белый фон */
  line-height: 1.5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  width: 100%;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
@media (max-width: 1280px) { main { margin-top: 60px; } }

/* ГЛОБАЛЬНЫЙ КОНТЕЙНЕР (Все секции одного размера по центру) */
[class*="__container"],
.partners__wrapper,
.partners__items {
  max-width: 1340px; 
  margin: 0 auto; 
  padding-left: 20px; 
  padding-right: 20px;
}

@media (max-width: 1280px) { main { margin-top: 60px; } }
@media (max-width: 1024px) { main { width: 100%; } }

footer { flex: 0 0 auto; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; border: none; background: none; outline: none; }
:focus { outline: none; }
address { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }

/* ШРИФТЫ */
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype"); font-style: normal; font-weight: 900; font-display: swap; }

/* Твои медиа-запросы, которые уже там были, оставляем под этим кодом: */
@media (max-width: 1500px) { [class*="__container"] { max-width: calc(100% - 90px); } }
@media (max-width: 1280px) { [class*="__container"] { max-width: calc(100% - 45px); } }
@media (max-width: 768px) { [class*="__container"] { max-width: 100%; } }
@media (max-width: 1500px) { [class*="__container"] { max-width: calc(100% - 90px); } }
@media (max-width: 1280px) { [class*="__container"] { max-width: calc(100% - 45px); } }
@media (max-width: 768px) { [class*="__container"] { max-width: 100%; } }

.title { font-size: 48px; font-weight: 800; }
@media (max-width: 1500px) { .title { font-size: 42px; } }

.large-title { font-size: 50px; font-weight: 800; line-height: 60px; }
@media (max-width: 768px) { .large-title { font-size: 50px; } }

.section-title { font-size: 30px; font-weight: 800; position: relative; display: inline-block; margin-bottom: 20px; }
.section-title .count {
  background: #314cba;
  font-size: 10px;
  font-weight: 300;
  color: #fff;
  border-radius: 10px;
  height: 20px;
  min-width: 20px;
  text-align: center;
  line-height: 20px;
  display: block;
  position: absolute;
  top: -5px;
  right: -30px;
  padding: 0 5px;
}
.page-title { font-size: 37.5px; font-weight: 800; margin-bottom: 20px; }
.section-desc { font-size: 18px; font-weight: 300; line-height: 24px; }