html { scroll-behavior: smooth; }
      body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

      /* Фон-картинка для меню */
      .site-navbar {
        border-radius: 1rem;
        background: url('../img/menu-bg.jpg') center/cover no-repeat; /* путь к вашей картинке */
        position: relative;
        overflow: hidden;
      }

      .site-navbar::before {
  background: none;
}

      .navbar-inner { position: relative; z-index: 2; }

      /* Тень при прокрутке */
      .site-navbar.is-scrolled { box-shadow: 0 8px 24px rgba(0,0,0,.25); }

      .site-navbar .navbar-inner { transition: padding .25s ease; padding-block: .9rem; }
      .site-navbar.is-scrolled .navbar-inner { padding-block: .55rem; }

      .navbar { --bs-navbar-padding-y: 0; }

      section { padding: 96px 0; }

      /* Жёлтые буквы в меню с эффектом */
.navbar .nav-link {
  color: #FFD700 !important; /* золотистый */
  font-weight: 600;
  text-shadow: 0 0 6px rgba(255, 215, 0, 0.9);
  transition: all .3s ease;
}

.navbar .nav-link:hover {
  color: #fff200 !important;
  text-shadow: 0 0 12px rgba(255, 255, 0, 1), 0 0 20px rgba(255, 255, 0, .8);
  transform: scale(1.05);
}

/* Кнопка тоже в жёлтой стилистике */
.navbar .btn-primary {
  background-color: #FFD700;
  border-color: #FFD700;
  color: #000;
  font-weight: 600;
  text-shadow: 0 0 6px rgba(255, 215, 0, 0.9);
  transition: all .3s ease;
}

.navbar .btn-primary:hover {
  background-color: #fff200;
  border-color: #fff200;
  color: #000;
  text-shadow: 0 0 12px rgba(255, 255, 0, 1), 0 0 20px rgba(255, 255, 0, .8);
  transform: scale(1.05);
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: url('../img/background.jpg') center/cover no-repeat fixed; /* фиксированный общий фон */
  margin: 0;
  padding: 0;
}

.hero-section {
  padding: 30px 0;
}

.hero-box {
  background: url('../img/hero-bg.jpg') center/cover no-repeat;
  border-radius: 1rem;
  overflow: hidden;
  color: #fff;
  height: 450px; /* фиксированная высота */
}

.hero-box img {
  height: 450px;             /* подгоняем картинку */
  object-fit: cover;         /* обрезаем без искажений */
}
.hero-image {
  height: auto;     /* сохраняет пропорции */
  margin: 20px;     /* отступы вокруг */
}
/* убери плавный переход по паддингам, он даёт «тряску» */
.site-navbar .navbar-inner { 
  min-height: 64px;        /* фиксируем высоту строки */
  padding-block: .9rem;
  transition: none;        /* было: transition: padding .25s */
}
.site-navbar.is-scrolled .navbar-inner {
  padding-block: .55rem;   /* можно оставить, высота держится min-height */
}

/* если ещё дёргается — убери внешние вертикальные отступы у header */
header.position-sticky { padding-top: 0; padding-bottom: 0; }

/* и убедись, что border не появляется/пропадает (это тоже даёт сдвиг) */
.site-navbar { border: none !important; }

/* Герой: по умолчанию (десктоп) остаётся как есть */

/* Исправления для мобилок */
@media (max-width: 767.98px) {
  /* 1) Не обрезаем содержимое и убираем фикс-высоту */
  .hero-box {
    height: auto !important;
    overflow: visible !important;
    padding: 24px; /* чуть компактнее паддинги */
  }

  /* 2) Картинку делаем поменьше, чтобы текст поместился */
  .hero-box img {
    width: 100%;
    height: auto !important;
    max-height: 585px;          /* при желании меняй (200–280px) */
    object-fit: cover;
    border-radius: .75rem;
  }

  /* 3) Текст — выше картинки и по центру (чтобы точно был виден) */
  .hero-section .row {
    display: flex;
    flex-wrap: wrap;
  }
  .hero-section .row > .col-md-6:first-child { order: 2; } /* картинка вниз */
  .hero-section .row > .col-md-6:last-child  { order: 1; text-align: center; }

  /* 4) Чуть больше воздуха для текста */
  .hero-section .row > .col-md-6:last-child h1 { margin-bottom: .5rem; }
  .hero-section .row > .col-md-6:last-child p  { margin: 0; }
}

/* 5) Чтобы якорная прокрутка не прятала верх за липкой шапкой */
.hero-section, section[id] { scroll-margin-top: 84px; }
.gradient-section {
  padding: 40px 0;
}

.gradient-box {
  padding: 24px;
  border-radius: 1rem;
  color: #fff;
  background: linear-gradient(
    135deg,
    rgba(0, 128, 255, 0.15),
    rgba(255, 255, 255, 0.05)
  );
  border: 1px solid rgba(255, 215, 0, 0.4);
  backdrop-filter: blur(10px);
}
/* Секция-обёртка */
.teams-section { padding: 40px 0; }

/* Прозрачный градиентный блок внутри контейнера */
.teams-box{
  border-radius: 1rem;
  padding: 40px;
  color:#fff;

  /* стеклянный градиент как на примере */
  background: linear-gradient(180deg, rgba(40,90,160,.18) 0%, rgba(20,30,60,.14) 100%);
  border: 1px solid rgba(255, 215, 0, .45);
  backdrop-filter: blur(10px);
}

/* Список команд */
.team-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
}

.team-list li{
  line-height: 1.35;
}

/* Заголовок по центру и чуть крупнее */
.teams-box h2{

/* секция */
.apply-section {
  padding: 40px 0;
}



.partners-section { padding: 80px 0; color: #fff; }

.partners-section h2 {
  font-weight: 600;
  margin-bottom: .5rem;
}

.partners-section .lead {
  color: rgba(255,255,255,.9);
}

/* логотипы */
.partner-logo {
  display: block;
  margin: 0 auto;
  max-width: 120px;        /* подгони при необходимости (100–140px) */
  height: auto;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.35));
  transition: transform .2s ease, filter .2s ease;
}
.partner-logo:hover {
  transform: translateY(-3px);
  filter: drop-shadow(0 0 10px rgba(255,255,0,.35));
}

/* на очень широких экранах чуть крупнее */
@media (min-width: 1400px){
  .partner-logo { max-width: 130px; }
}

/* Фиксированная кнопка WhatsApp */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  padding: 14px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  z-index: 999;
  transition: transform 0.3s ease;
  animation: pulse 1.5s infinite;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  color: #fff;
  text-decoration: none;
}

/* Пульсация */
@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
  70%  { box-shadow: 0 0 0 20px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}