/* ========== БАЗОВЫЕ НАСТРОЙКИ ========== */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #0f172a;
}

h1, h2, h3 { font-weight: 700; line-height: 1.2; margin: 0 0 16px; }
p { margin: 0 0 12px; padding: 0; text-align: left; }
ul { margin: 0 0 12px; padding-left: 1.2rem; }

/* Ссылки по умолчанию */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* ========== NAVBAR ========== */
.navbar {
  background-color: #ffffff !important;
  color: #000000 !important;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: #000000 !important;
}
.nav-item { padding-left: 2px; }
.navbar-brand { margin-right: 10px; }
#navbar button { color: #ffffff !important; }

/* Контактные ссылки в шапке */
#contact-info a { text-decoration: none; margin-right: .5rem; }

/* ========== БЛОК БАННЕРА (верх) ========== */
#banner, #footer { background: #0a1e3c; color: #ffffff; }

#banner-container {
  background-color: #0a193d;
  color: #ffffff !important;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  justify-content: flex-end;        /* форма справа */
}
#banner-row img {
  max-width: 70%;
  height: auto;
  display: block;
  padding-left: 30px;
}
/* ТОЛЬКО элементы внутри баннера */
#banner-row h3,
#banner-row p {
  padding-left: 20px;
  padding-top: 20px;
  text-align: left;
}

.hero-row a {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: none;
  margin-left: 20px;
  margin-top: 20px;
}

#banner-col { padding-left: 20px; }

/* Форма в баннере */
#feedback-form { max-width: 300px; margin-right: 50px; }

/* ========== СЕКЦИЯ УСЛУГ ========== */
#service { padding: 80px 0; }
#service h1 { padding-bottom: 70px; }

/* Лого/иконки */
.logo { height: 65px; width: auto; }
.icon { width: 44px; height: auto; }

/* ========== О НАС (светлый блок) ========== */
#about { background: #ffffff; color: #0f172a; padding: 56px 0; }
#about h1 { font-weight: 700; margin-bottom: 28px; text-align: center; }
#about p, #about li { text-align: left; padding: 0; }
#about ul { max-width: 1100px; margin: 0 auto; line-height: 1.6; }
#about-col ul { padding-top: 50px; }
#about-col ul li { padding-top: 15px; }

#about-img-col img {
  width: 100%; height: auto; border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* ========== ФОРМЫ (общие) ========== */
.contact-form-custom .form-group { margin-bottom: 10px; }
.contact-form-custom .form-control,
.contact-form-custom .btn-primary { width: 100%; max-width: 300px; }
.contact-form-custom .btn-primary { width: auto; }

.form-group { flex-basis: 48%; margin-bottom: 10px; }
#contact-form .form-control { width: 100%; }
#contact-form .btn-primary { flex-basis: 100%; }

/* ========== ПРОЧИЕ СЕКЦИИ ========== */
#product { padding: 80px 0; }
#product h1 { padding-bottom: 70px; }
#product-col2 ul { padding-top: 90px; }
#product-col2 ul li { padding-top: 15px; }

/* ========== КОНТАКТЫ / КАРТА ========== */
#social { padding: 80px 0; }
#social h1 { margin: 24px 0; font-weight: 700; }
#social p { margin-bottom: 18px; }
#social-row { flex-direction: row; }
#social .map-wrap {
  max-width: 980px; margin: 0 auto 40px; border-radius: 12px;
  overflow: hidden; box-shadow: 0 10px 24px rgba(0,0,0,.15);
}

/* ========== ПОДВАЛ (контакты) ========== */
#footer h3, #footer p, #footer li, #footer a { color: #ffffff; }
#footer a { color: #9cc3ff; text-decoration: underline; }
#footer .row { align-items: flex-start; }

/* Выравнивание и аккуратные интервалы */
#footer, #footer * { text-align: left !important; }
#footer h3 { margin: 0 0 12px; }
#footer p, #footer li { margin: 0 0 10px; }
#footer-col1 { max-width: 640px; }

/* Ссылки мессенджеров */
#footer-col2 .contact-links {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
#footer-col2 .contact-links .sep { color: rgba(255,255,255,.6); }
.contact-icons a {
  display: inline-flex; align-items: center; gap: 8px;
  margin-right: 16px; color: #9cc3ff; text-decoration: none;
}
.contact-icons a:hover { text-decoration: underline; }

/* ========== МОДАЛЬНОЕ ОКНО ========== */
.modal-content { position: relative; }
.close-modal{
  position: absolute; top: 10px; right: 10px;
  background-color: #f44336; color: #ffffff;
  border: none; border-radius: 5px; padding: 5px 10px; cursor: pointer;
  transition: background-color .2s;
}
.close-modal:hover{ background-color: #d32f2f; }
.close-modal-text{ font-size: 14px; line-height: 1; }

/* ========== АДАПТИВ ========== */
@media (max-width: 991px) {
  #banner-container { justify-content: center; flex-direction: column; }
  #feedback-form { margin-right: 0; }
}
@media (max-width: 987px){
  .navbar-brand { padding-left: 0; }
}
@media (max-width: 768px){
  #banner-row img { padding-top: 20px; }
  .social-col { width: 55%; }
}
@media (max-width: 600px){
  #footer-col2 p, #footer-col2 h3 { margin-top: .25rem; margin-bottom: .25rem; }
  #footer-col2 ul li { margin-bottom: .25rem; }
}


/* УСЛУГИ: выравниваем текст и списки после подписи с двоеточием */
#service p {               /* абзацы под заголовками услуг */
  padding-left: 0;         /* убираем «заталкивание» вправо */
  margin-left: 0;
  margin-bottom: .4rem;    /* аккуратный интервал перед списком */
}

#service p + ul {          /* список, ИДУЩИЙ СРАЗУ после абзаца с двоеточием */
  margin-top: .25rem;      /* ближе к подписи */
  padding-left: 1.2rem;    /* умеренный отступ маркеров */
}

#service ul {              /* на всякий случай нормируем все списки в услугах */
  margin-left: 0;
}

#service li {
  margin-bottom: .35rem;   /* компактнее строки списка */
}

#about-img-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#about-img-col .license-img {
  width: 100%;
  max-width: 640px;     /* чтобы на больших экранах картинка не «расползалась» */
  height: auto;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.15);
}