/* Базовые переменные для удобства, не меняют вид */
   :root{--bg:#151414;--card:#202020;--accent:#f8d13b;--muted:#e0e0e0}

   body {
      margin: 0;
      padding: 0;
      font-family:'Oswald', sans-serif;
      background-color: var(--bg);
      color: var(--muted);
      font-size: 20px;
    }

    .navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--card);
  z-index: 1000;
  overflow: hidden;
  padding: 12px 0; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
   transition: transform .12s linear;
  will-change: transform;
}
.navbar--hidden {
  transform: translateY(-100%);
  transition: transform .18s cubic-bezier(.2,.7,.2,1);
}
.content { padding-top: 80px; }

    /* Контейнер для трёх зон */
    .navbar-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    /* Левая часть */
    .nav-left {
      margin-left: 20px; /* регулируемый отступ от левого края */
      font-size: 28px;
    }

    /* Центральная часть */
    .nav-center {
      flex-grow: 1;
      display: flex;
      gap: 50px; /* расстояние между пунктами меню */
      margin-left: 60px; /* сдвигает центральные ссылки вправо */
      align-items: center;
      justify-content: center;
      font-family: 'SFUIDisplay-Medium';
    }

    /* Правая часть */
    .nav-right {
      margin-right: 20px; /* регулируемый отступ от правого края */
    }

    .navbar a {
      color: white;
      text-decoration: none;
      font-weight: bold;
    }

    @font-face {
    font-family: 'Oswald';
    src: url('Fonts/Oswald/Oswald.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'SFUIDisplay-Medium';
    src: url('Fonts/SFUIDisplay-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'SFUIDisplay-Regular';
    src: url('Fonts/SFUIDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Montserrat-Bold';
    src: url('Fonts/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
 @font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('Fonts/Montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 }
.hero {
  margin-top: 80px;
  width: 100%;
  height: 600px;
  background-image: url("https://res.cloudinary.com/doesdthrd/image/upload/w_2500,h_1111,f_auto,q_auto/v1761777591/jpeg-optimizer_3_ke4xrf.jpg");
  background-size: cover;
  background-position: center;
  position: relative; /* нужно для абсолютного позиционирования overlay */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
}
.hero p {
  font-family: 'Montserrat-SemiBold', sans-serif; /* или любой другой шрифт */
  font-size: 25px;                               /* размер шрифта */
  line-height: 1.4;                              /* высота строки (интерлиньяж) */
}


.overlay p {
  position: relative;
  padding-left: 22px; /* отступ под точку */
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.overlay p::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 50%;                /* ставим по центру родителя */
  transform: translateY(-50%); /* выравниваем по вертикали */
  color: #f8d13b;
  font-size: 26px;         /* размер точки */
  line-height: 1;          /* не даём растягиваться */
}

.hero .overlay {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;                     /* регулируете ширину */
  background-color: #2525258c; /* полупрозрачный цвет (альфа > 0) */
  -webkit-backdrop-filter: blur(12px); /* префикс для WebKit/Safari */
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;   /* подсказка оптимизации */
  z-index: 2;                     /* чтобы был поверх фонового изображения */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
  align-items: left;        /* горизонтальное выравнивание */
  text-align: left;   /*выравнивание текста по центру прмоугольника*/
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hero2 .overlay {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;                     /* регулируете ширину */
  background-color: #2525258c; /* полупрозрачный цвет (альфа > 0) */
  -webkit-backdrop-filter: blur(12px); /* префикс для WebKit/Safari */
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;   /* подсказка оптимизации */
  z-index: 2;                     /* чтобы был поверх фонового изображения */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
  align-items: left;        /* горизонтальное выравнивание */
  text-align: left;   /*выравнивание текста по центру прмоугольника*/
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hero2 p {
  font-family: 'Montserrat-SemiBold', sans-serif; /* или любой другой шрифт */
  font-size: 30px;                               /* размер шрифта */
  line-height: 1.4;                              /* высота строки (интерлиньяж) */
}
.hero3 .overlay {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;                     /* регулируете ширину */
  background-color: #2525258c; /* полупрозрачный цвет (альфа > 0) */
  -webkit-backdrop-filter: blur(12px); /* префикс для WebKit/Safari */
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;   /* подсказка оптимизации */
  z-index: 2;                     /* чтобы был поверх фонового изображения */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
  align-items: left;        /* горизонтальное выравнивание */
  text-align: left;   /*выравнивание текста по центру прмоугольника*/
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hero3 p {
  font-family: 'Montserrat-Bold', sans-serif; /* или любой другой шрифт */
  font-size: 30px;                               /* размер шрифта */
  line-height: 1.4;                              /* высота строки (интерлиньяж) */
}
.overlay h1 {
  color: white;
  font-size: 45px;       
  margin: 0;
  padding: 18px;
  text-align: center;
}
.overlay p {
  color: white;
  font-size: 18px;
  margin: 10px 0 0 20px;
}
.discription1 { width: 100%; /* на всю ширину страницы */ 
    background-color: #152341; /* цвет прямоугольника */ 
    color: white; /* цвет текста */ 
    height: 130px; 
    padding: 10px; /* вертикальные отступы */ 
    margin: 0; /* убираем лишние отступы сверху и снизу */ 
    box-sizing: border-box; /* padding учитывается в ширине */ 
    text-align: left; 
    font-size: 18px; /* размер текста */ 
    font-family: 'SFUIDisplay-Regular'; 
  }

.desc1 { background-color: #232323; }
.desc2 { background-color: #232323; }
.desc3 { background-color: #232323; }

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('Fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.hero2 {
  margin-top: 20px;
  width: 100%;
  height: 650px;
  background-image: url("https://res.cloudinary.com/doesdthrd/image/upload/w_2500,h_1111,f_auto,q_auto/v1761777598/jpeg-optimizer_17_xfk3w6.jpg");
  background-size: cover;
  background-position: center;
  position: relative; /* нужно для абсолютного позиционирования overlay */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
}
.btn-request {
  background-color: transparent;  /* фон прозрачный */
  color: white;                   /* цвет текста */
  padding: 8px 20px;              /* отступы внутри */
  border-radius: 30px;            /* скруглённые края */
  border: 2px solid #f8d13b;        /* белая обводка */
  text-decoration: none;          /* убрать подчёркивание */
  font-weight: bold;              /* жирный текст */
  transition: all 0.3s ease;      /* плавное изменение при наведении */
}

.btn-request:hover {
  background-color: white;        /* фон становится белым */
  color: #202020;  
  border-color: white;               /* текст становится тёмным */
}
.hero3 {
  margin-top: 60px;
  width: 100%;
  height: 600px;
  background-image: url("https://res.cloudinary.com/doesdthrd/image/upload/w_2500,h_1111,f_auto,q_auto/v1761777599/jpeg-optimizer_samosval_hgj6gu.jpg");
  background-size: cover;
  background-position: center;
  position: relative; /* нужно для абсолютного позиционирования overlay */
  box-shadow: -6px 0 15px rgba(0, 0, 0, 0.3);
}
.advantages {
  display: flex;
  justify-content: space-around; /* равномерное распределение */
  flex-wrap: wrap;               /* перенос на новую строку на мобилках */
  gap: 20px;                     /* расстояние между колонками */
  max-width: 1200px;
  margin: 40px auto;
  padding: 0px 20px;
}

.adv-card {
  background-color: #202020;     /* цвет карточки */
  border-radius: 2px;           /* скругление углов */
  padding: 5px 20px;
  flex: 1 1 250px;               /* адаптивная ширина (минимум 250px) */
  color: white;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  text-align: center;            /* выравнивание текста по центру */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.adv-card:hover {
  transform: translateY(-5px);   /* эффект "поднятия" */
  box-shadow: 0 6px 15px rgba(0,0,0,0.5);
}

.adv-card h3 {
  margin-bottom: 10px;
  font-size: 30px;
  color: #f8d13b;                /* например, акцентный цвет */
}

.adv-card p {
  font-size: 16px;
  line-height: 1.4;
}
.history {
  background-color: #1c1c1c;     /* тёмный фон */
  color: #e0e0e0;                /* светлый текст */
  padding: 40px 20px;
  max-width: 1200px;
  margin: 40px auto;             /* центрирование по ширине */
  border-radius: 2px;           /* скруглённые края */
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.history h2 {
  text-align: center;
  font-size: 50px;
  margin-bottom: 30px;
  color: #f8d13b;                /* акцентный цвет заголовка */
  margin-top: 0px;
}

.history p {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 20px;
  text-align: justify;           /* выравнивание по ширине */
}
.auto-carousel {
  width: 100%;
  overflow: hidden;
  background-color: #151414; /* или любой фон */
  padding: 40px 0;
}

.carousel-track {
  display: flex;
  width: calc(200%); /* двойной размер для бесконечного эффекта */
  height: 500px;
  animation: none !important;
  will-change: transform;
}

.carousel-track img {
  width: 400px; /* ширина одного изображения */
  margin: 0 10px;
  border-radius: 2px;
  flex-shrink: 0;
}
.carousel-container {
  overflow: hidden;
}


@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* прокрутка половины трека */
}
.carousel-background {
  width: 100%;                   /* на всю ширину */
  background-color: #202020;     /* цвет прямоугольника */
  padding: 20px 0 120px;               /* вертикальные отступы */
  box-sizing: border-box;
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.6); /* тень вниз */
   position: relative;
    z-index: 2;
}
.carousel-background h2 {
  margin: 0;                  /* убираем стандартный отступ заголовка */
  margin-bottom: 20px;        /* отступ снизу от заголовка */
  text-align: center;
  color: #f8d13b;
  font-size: 36px;
}
/* делаем ссылку блочной и кликабельной по всей площади изображения */
.carousel-track .carousel-link{
  display:inline-block;
  text-decoration:none;
  outline:none;
  line-height:0; /* чтобы не было лишних отступов вокруг img */
  cursor:pointer;
}

/* изображение занимает весь блок ссылки */
.carousel-track .carousel-link img{
  display:block;
  width:400px; /* оставляем ваш размер, можно подстроить под responsive */
  height:auto;
  border-radius:2px;
  object-fit:cover;
}

/* фокусировка клавиатурой — видимый контур (доступность) */
.carousel-track .carousel-link:focus{
  box-shadow:0 0 0 3px rgba(248,209,59,0.25);
  outline:none;
}

/* мобильные правки, если нужно */
@media (max-width:900px){
  .carousel-track .carousel-link img{ width:260px; }
}
.request-section {
  position: relative;
  z-index: 1;
  background-image: url("https://res.cloudinary.com/doesdthrd/image/upload/w_2500,h_1111,f_auto,q_auto/v1761777591/jpeg-optimizer_3_ke4xrf.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 80px 20px;
  color: white;
  overflow: hidden;
  min-height: 85vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.request-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.55); /* затемнение */
  -webkit-backdrop-filter: blur(8px); /* Safari */
  backdrop-filter: blur(4px);         /* основное размытие */
  z-index: 1;
}

.request-container {
  position: relative;
  z-index: 2; /* чтобы текст и форма были поверх размытого фона */
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
  gap: 40px;
}


.request-text {
  flex: 1;
  text-align: left;
  margin-top: 70px;
}

.request-text h2 {
  font-size: 55px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Oswald';
}

.request-text p {
  font-size: 35px;
  line-height: 1.4;
}

.request-form-right {
  flex: 0 0 400px; /* фиксированная ширина формы, можно регулировать */
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: auto; /* прижмёт форму к правому краю */
}

.request-form-right input,
.request-form-right textarea {
  width: 100%;
  padding: 18px 20px;
  border-radius: 8px;
  border: none;
  font-size: 18px;
  background-color: rgba(42, 42, 42, 0.907);
  color: white;
  box-sizing: border-box;
}

.request-form-right textarea {
  min-height: 160px;
  resize: vertical;
}

.request-form-right input:focus,
.request-form-right textarea:focus {
  outline: 2px solid #f8d13b;
}

.request-form-right .btn-request {
  display: block;
  width: 100%;
  padding: 18px 20px;
  border-radius: 8px;
  font-size: 18px;
  background-color: transparent;
  border: 2px solid #f8d13b;
  color: white;
  font-weight: bold;
  transition: all 0.3s ease;
}

.request-form-right .btn-request:hover {
  background-color: white;
  color: #202020;
  border-color: white;
}
.form-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-checkboxes label {
  font-size: 16px;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.form-checkboxes input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #007AFF; /* цвет галочки */
  cursor: pointer;
}
.site-footer {
  background-color: #202020;  /* тёмный фон */
  color: #e0e0e0;            /* светлый текст */
  padding: 40px 20px;
}

.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; /* колонки слева и справа */
  flex-wrap: wrap;                /* чтобы адаптивно переносилось на маленьких экранах */
  gap: 20px;
}

.footer-left, .footer-right {
  flex: 1 1 300px;  /* минимум 300px, растягивается по возможности */
}

.footer-left h3, .footer-right h3 {
  color: #f8d13b;   /* акцентный цвет заголовка */
  margin-bottom: 15px;
}

.footer-left p, .footer-right p {
  margin: 5px 0;
  line-height: 1.6;
  font-size: 16px;
}
.form-checkboxes input[type="checkbox"] {
  appearance: auto;             /* вернуть системный стиль */
  -webkit-appearance: auto;
  -moz-appearance: auto;
  width: auto;                  /* убрать фиксированный размер */
  height: auto;
  transform: scale(1.4);
  margin: 40 6px 0 0;            /* небольшой отступ справа от галочки */
  vertical-align: middle;       /* выравнивает чекбоксы с текстом */
}