@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

:root, [data-bs-theme=light] {
  --bs-primary: #00243f;
  --bs-primary-rgb: 0, 36, 63;
  --bs-link-color: #291e17;
  --bs-link-color-rgb: 41, 30, 23;
}


.bg-order {
  background-color: #a58973;
}

.bg-primary   input::placeholder {
  color: rgb(1, 78, 128);
}

body {
  font-family: 'Inter', sans-serif;  
  background-color: #f9efe7;
}




.fs-8 {font-size:0.9em;}
.fs-9 {font-size:0.8em;}
.fs-10 {font-size:0.7em;}

.text-white .nav-link {color:white;}

header a, h1 a, h2 a, h3 a, h4 a, h5 a, .card a {text-decoration: none;}

.bg-header {
  background: url(../img/bg-header.jpg) center;
  background-size: cover;
}


.video-background {
  position: relative;
  width: 100%;
  height: 600px; /* Высота на весь экран */
  overflow: hidden;
}

.video-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1; /* Отправляем видео на задний план */
  object-fit: cover; /* Обрезка видео для заполнения контейнера */
}

.content-overlay {
  position: relative;
  z-index: 1; /* Контент поверх видео */
  display: flex;
  justify-content: center;
  align-items: end;
  height: 100%;
}


.bg-footer-img {
  background: url(../img/bg-footer.jpg) repeat-x center;
  height: 200px;
}



@media (max-width: 767px) {
  h1 { font-size: 32px; }
  h2 { font-size: 28px; }
  h3 { font-size: 24px; }
  h4 { font-size: 20px; }
  h5 { font-size: 18px; }
  h6 { font-size: 16px; }
}