body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

.bg-header {
  /* затемняющий градиент сверху + само изображение */
  background:
    linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url('../img/header-bg.jpg')
      center center / cover no-repeat;
  color: white;
  padding: 2rem 1rem;
  text-align: center;
}

.container-fluid, .row, section {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
}

section:nth-of-type(odd) {
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
}

section:nth-of-type(even) {
    background-color: #f7f7f7;
    padding: 1rem;
    border-radius: 0;
}

.card {
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}
.card:hover {
    transform: translateY(-5px);
}

h2.text-center {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .card-body {
        text-align: center;
    }
    .navbar-nav {
        text-align: center;
    }
}

.navbar {
    position: sticky;
    top: 0;
    z-index: 999;
}

.section-light {
    background-color: #ffffff;
    padding: 1rem;
}

.section-dark {
    background-color: #f7f7f7;
    padding: 1rem;
}

.container-fluid {
  padding: 1rem;
}

/* Центрируем иконки и задаём цвет #0d6efd */
#work .card i {
    display: block;
    margin: 1rem auto 0;
    color: #50a2de;
}

/* Меню 2 уровень */
.navbar-dark .dropdown-menu {
  background-color: #444;   /* чуть светлее, чем navbar */
}
.dropdown-item:hover {
  background-color: #555;
}
/*Accordion*/
.tab input, .tab-content { display: none; }
.tab {
/*  font: 0.8rem/1.2 Arial, sans-serif; /* Параметры шрифта */
  border: 1px solid #e9eaec; /* Параметры рамки */
  border-radius: 8px; /* Скругляем уголки */
/*  color: #848994; /* Цвет текста */
  margin-bottom: 10px; /* Расстояние между пунктами */
}
.tab-title {
  padding: 10px; /* Поля вокруг текста */
  display: block; /* Блочный элемент */
  text-transform: uppercase; /* Все буквы заглавные */
  font-weight: bold; /* Жирное начертание */
  cursor: pointer; /* Вид курсора */
}
.tab-title::after {
  content: '+'; /* Выводим плюс */
  float: right; /* Размещаем по правому краю */
}
.tab-content {
   padding: 10px 20px; /* Поля вокруг текста */
}
.tab :checked + .tab-title {
  background-color: #50a2de; /* Цвет фона */
  border-radius: 3px 3px 0 0; /* Скругляем уголки */
  color: #fff; /* Цвет текста */
}
.tab :checked + .tab-title::after {
  content: '−'; /* Выводим минус */
}
.tab :checked ~ .tab-content {
  display: block; /* Показываем содержимое */
}