.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.services-section {
  padding-block: var(--pad-bl);
}
.services-section__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
.services-section__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 770px;
}
.services-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 27px;
  width: 100%;
}
.service-card {
  height: 100%;
  padding: 15px;
  border-radius: 16px;
  color: var(--c-light);
   background-color: var(--c-dark);
}
.service-card__inner {
  display: flex;
  flex-direction: column;
  gap:25px;
  height: 100%;
}

/* CTA внизу, с отступом сверху */
.service-card__cta {
  margin-top: auto; /* прижимает к низу карточки */
  padding-top: 25px; /* визуальный отступ от списка */
}
.btn--service {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.service-card__links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.service-card__links-item {
  position: relative;
  padding-left: 18px; /* отступ под точку */
}

.service-card__links-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.services-section__grid
  .btn--service
  .btn__icon
  svg
  path {
  fill: var(--c-orange);
}
.services-section__grid
  
  .service-card__links-item::before {
  background-color: var(--c-orange);
}

 .service-card:hover {
  background-color: var(--c-orange);
}
.service-card:hover .btn__icon svg path {
  fill: var(--c-dark);
}

  .service-card:hover
  .service-card__links-item::before {
  background-color: var(--c-dark);
}
.service-subitem__actions {
  margin-top: auto;
}
/* секция mission */
.mission {
  height: 772px;
  background: url("../img/mission-bg.jpg") no-repeat center/cover;
}
.mission__media {
  display: none;
}
.mission__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  height: 100%;
  gap: 25px;
  padding-top: 94px;
}
.mission__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 726px;
}
.btn-t {
  border: 1px solid var(--c-orange);
  border-radius: 5px;
  color: var(--c-dark);
  background: transparent;
  padding: 5px 15px;
  transition: all 0.3s ease;
  
  /* Делаем весь текст строчным */
  text-transform: lowercase;
  /* Блочное отображение для работы ::first-letter */
  display: inline-block;
}

.btn-t::first-letter {
  /* Первую букву делаем заглавной */
  text-transform: uppercase;
}
.btn-t:hover {
  background: var(--c-dark);
  color: var(--c-light);
  border-color: var(--c-dark);
}
/* Секция choice */
.choice {
  padding-block: var(--pad-bl);
}
.choice__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.choice__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
.choice__subtitle {
  width: 554px;
}
.choice__divider,
.help__divider,
.blogs__divider,
.subservice-intro__divider,
.subservice-after__divider,
.subservice-after__divider {
  width: 100px;
  height: 2px;
  background: var(--c-orange);
}
.choice__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
.choice-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.choice-item__media {
  height: 131px;
}
.choice-item__title {
  margin-block: 10px 18px;
}

/* секция thanks*/
.thanks {
  padding-block: 25px var(--pad-bl);
  padding-inline: var(--pad-in);
  background-color: var(--c-dark);
  color: var(--c-light);
}
.container.thanks__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}
.thanks__subtitle {
  margin-block: 15px 25px;
  max-width: 552px;
}
.thanks__controls {
  margin-left: auto;
}
/* Область видимости слайдера */
.thanks__viewport {
  overflow: hidden;
}

/* Трек — три карточки в ряд с равномерным gap */
.thanks__track {
  display: flex;
  gap: 30px; /* должен совпадать с gapPx в JS */
  transition: transform 0.5s ease; /* плавный слайд */
  will-change: transform;
}

/* Каждое письмо */
.thanks__item {
  flex: 0 0 calc((100% - 2 * 30px) / 3);
  /* 3 в ряд: из 100% ширины вычитаем 2 промежутка по 30px и делим на 3 */
  max-height: 432px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Картинка письма */
.thanks__img {
  width: 100%;
  height: 100%;
  max-height: 432px;
  aspect-ratio: 1 / 2; /* ширина : высота = 1:2 (вертикальный формат) */
  object-fit: contain; /* письмо полностью влезает, без обрезки */
  display: block;
}

/* Подпись, если нужна */
.thanks__caption {
  margin-top: 8px;
  font-size: 14px; /* или твой размер */
  text-align: center;
}
/* Обёртка модалки на весь вьюпорт */
.thanks-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
}

/* Полупрозрачный фон */
.thanks-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

/* Диалог в центре, с отступами и скроллом */
.thanks-modal__dialog {
  position: relative;
  box-sizing: border-box;
  max-width: calc(100vw - 2 * var(--pad-in));
  max-height: calc(100vh - 2 * var(--pad-in));
  margin: var(--pad-in) auto;
  padding: var(--pad-in);
  background: #ffffff;
  overflow-y: auto; /* вертикальный скроллинг содержимого */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 1600px;
}

/* Изображение письма */
.thanks-modal__img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Крестик в правом верхнем углу */
.thanks-modal__close {
  color: var(--c-orange);
  position: absolute;
  top: var(--pad-in);
  right: var(--pad-in);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 24px; /* или SVG по макету */
  line-height: 1;
}

.chooseus {
  padding-block: 25px;
  padding-inline: var(--pad-in);
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.chooseus__title {
  text-align: center;
  margin: 0 auto;
}
.chooseus__viewport {
  overflow: hidden;
}

.chooseus__track {
  display: flex;
  flex-wrap: nowrap; /* всё в одну строку */
  align-items: center;
  will-change: transform; /* под анимацию из JS */
}

.chooseus__item {
  flex: 0 0 auto; /* не сжимать, не растягивать, ширина по содержимому */
}

.chooseus__img {
  display: block;
  max-height: 215px; /* пример, подгони под макет */
  height: auto;
  width: auto;
}
.help {
  background-color: var(--c-dark);
  padding-block: 35px;
  color: var(--c-light);
}
.help__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 25px;
}
.help__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  max-width: 522px;
}
.contacts-section {
  padding-block: var(--pad-bl);
}
.contacts-section__inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
}

.contacts-section__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 594px;
}
.contacts-section__body {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 24px;
}
.contacts-section__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--c-orange);
  color: var(--c-light);
  padding: 57px 15px;
  border-radius: 16px;
  min-height: 305px;
}
.contacts-section__item {
  display: flex;
  gap: 11px;
  align-items: center;
}
.contacts-section__right {
  height: 100%;
}

.contacts-section__map-link,
.contacts-section__map-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* чтобы изображение заполнило контейнер */
  display: block;
}

.blogs {
  padding-bottom: var(--pad-bl);
}
.blogs__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  justify-content: center;
}
.blogs__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 590px;
  height: auto;
}

.blogs__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.blogs__item {
  display: flex;
  flex-direction: column;
}
.blogs__thumb {
  width: 100%;
  height: 296px;
  object-fit: cover;
  margin-bottom: 50px;
}
.blogs__date {
  opacity: 0.5;
}
.blogs__item-excerpt {
  margin-block: 15px;
}
.connect {
  background-color: #21221e;
  color: var(--c-light);
  background-image: url(/wp-content/themes/ls-group/assets/img/bf-connect.png);
  background-repeat: no-repeat;
  background-position: left 70px;
  /* max-height: 703px; */
  padding-block: 25px 50px;
}
.connect__inner {
  display: flex;
  justify-content: space-between;
}
.connect__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 354px;
}
.connect__body {
  border-radius: 22px;
  background-color: rgba(236, 100, 45, 0.5);
  padding: 47px 41px;
  width: 50%;
  height: 100%;
}

.connect__right {
  flex: 1 1 0;
}

/* форма */

.connect__form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* строки */

.connect__row {
  width: 100%;
}

.connect__row--2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.connect__row--actions {
  margin-top: 8px;
}

/* поля */

.connect__field {
  width: 100%;
  /* убираем фиксированную высоту */
}

/* если хочется контролировать высоту именно инпутов — задаём её им, а не обёртке */
.connect__input {
  height: 51px;
}
/* инпуты / textarea — “подчёркнутые” как на макете */

.connect__input,
.connect__textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--c-orange, #ec642d); /* под себя */
  background: transparent;
  padding: 10px 0 8px;
  font: inherit;
  color: inherit;
  outline: none;
}

.connect__textarea {
  min-height: 120px;
  resize: vertical;
}

/* фокус */

.connect__input:focus,
.connect__textarea:focus {
  border-bottom-color: var(--c-orange, #ec642d);
}

/* плейсхолдеры */

.connect__input::placeholder,
.connect__textarea::placeholder {
  color: var(--c-light);
}

/* чекбокс согласия */

/* контейнер согласия уже ок, только чуть подправим отступы */
.connect__consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 10px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

/* сам чекбокс */
.connect__consent-input {
  flex: 0 0 auto;
  margin-top: 2px;

  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--c-orange, #ec642d);
  background: transparent;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* галочка */
.connect__consent-input::before {
  content: "";
  position: absolute;
  inset: 2px 3px 3px 3px; /* подгони при желании */
  border-right: 2px solid var(--c-orange, #ec642d);
  border-bottom: 2px solid var(--c-orange, #ec642d);
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.12s ease-out;
}

/* при checked показываем галочку */
.connect__consent-input:checked::before {
  transform: rotate(45deg) scale(1);
}

/* фокус для доступности */
.connect__consent-input:focus-visible {
  outline: 2px solid rgba(236, 100, 45, 0.6);
  outline-offset: 2px;
}

.connect__consent-text {
  flex: 1 1 0;
}

/* кнопка */
.connect__row--actions {
  display: flex;
  justify-content: center;
}
.btn-co {
  margin: 0 auto;
  background-color: var(--c-orange);
  border: none;
  border-radius: 12px;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.btn-co:hover {
  background-color: var(--c-dark);
}
/*footer стили*/
.site-footer {
  background-color: #21221e;
  color: var(--c-light);
  padding-block: 50px 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.site-footer__inner {
  display:flex;
  width: 100%;
}
.site-footer__col--logo{
  width: 50%;
}
.site-footer__col--nav, .site-footer__col--contacts {
  width: 25%;
}
.footer-contact-item {
  display: flex;
  gap:11px;
  align-items: center;
}
.footer-nav ul{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top: 25px;
}
.site-footer__col--contacts {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.site-footer__bottom-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:25px;
  margin: 25px auto 0 auto;
  font-size: 14px;
  font-family: 'Forum', sans-serif;
}

/* Другие страницы */
.service-page {
  padding-block: var(--pad-bl);
}
.service-page__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.service-page__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
}
.service-sublist{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.service-subitem {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--c-dark);
  color: var(--c-light);
  padding: 50px 15px;
  border-radius: 16px;
}
.service-subitem__btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.service-subitem__btn .btn__icon svg path{
  fill: var(--c-orange);
}
.subservice-page__inner {
  display: flex;
  flex-direction: column;
  background-color: var(--c-dark);
  color: var(--c-light);
}
.subservice-page__head{
  padding-top: 50px;
}
.subservice-breadcrumbs {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  
}
.subservice-breadcrumbs__link, .subservice-breadcrumbs__sep {
opacity: 0.5;
}
.subservice-breadcrumbs__current {
  opacity: 1;
}
.subservice-page__title {
  color: var(--c-orange);
 text-align: center;
}
.subservice-intro {
  margin: 15px auto var(--pad-bl) auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 770px;
}
.subservice-offers__title{
  text-align: center;

}

.subservice-offers__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-block: 15px;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  /* верхняя и нижняя границы всей сетки */
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  counter-reset: sub-offer;
}

.subservice-offers__item {
  position: relative;
  padding: 25px;

  /* вертикальные и нижние границы ячеек */
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  color: var(--c-light, #fff);

  display: flex;
  flex-direction: column;
  gap: 12px;
  transition:
    background-color 0.25s ease;
}

/* Номера 01., 02., 03. ... */
.subservice-offers__item::before {
  counter-increment: sub-offer;
  content: counter(sub-offer, decimal-leading-zero) ".";
  /* position: absolute;
  top: 16px;
  left: 24px; */
  color: var(--c-light);
}

/* первый столбец — без левого бордера */
.subservice-offers__item:nth-child(3n + 1) {
  border-left: none;
}

/* последний столбец — без правого бордера */
.subservice-offers__item:nth-child(3n) {
  border-right: none;
}
.subservice-offers__item:hover,
.subservice-offers__item:focus-within {
  background-color: rgba(236, 100, 45, 0.5); /* лёгкий акцент, подгони по макету */
}
.subservice-offers__btn {
  opacity: 0;
  margin-top: 13px;
  pointer-events: none;
  padding: 10px 15px;
  border-radius: 22px;
  transition:
    opacity 0.2s ease,
    background-color 0.2s ease;

  background-color: transparent;
  border: 1px solid var(--c-light);
  color: var(--c-light, #fff);
}

.subservice-offers__item:hover .subservice-offers__btn,
.subservice-offers__item:focus-within .subservice-offers__btn {
  opacity: 1;
  pointer-events: auto;
}
.subservice-offers__title {
  max-width: 770px;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 10px;
}
.subservice-offers__subtitle {
  max-width: 770px;
  text-align: center;
  margin-inline: auto;
}
.subservice-offers__btn:hover {
  background-color: var(--c-dark);
}
.special-request{
  margin-bottom: 25px;
  background-color: var(--c-dark);
  color: var(--c-light);
  padding-bottom: 25px;
}
.special-request__phone {
  display: flex;
  gap: 10px;
}
.special-request__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 46px;
}
.special-request__text {
  max-width: 561px;
  margin-top: 15px;
}
.special-request__actions{
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-block: 25px 46px;
}
.subservice-between, .subservice-before-faq{
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-block: var(--pad-bl);
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
}
.subservice-before-faq {
  padding-bottom: 0;
}
.btn-od {
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-orange);
  border-radius: 50px;
  color: var(--c-light);
  border:1px solid var(--c-orange);
  transition: all 0.3s ease;
  padding: 10px 15px;
  width: fit-content;
}
.btn-od:hover,
.btn-od:focus-visible{
  background-color: var(--c-dark);
  border-color: var(--c-light);}
  
.btn-ld {
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-light);
  border-radius: 50px;
  color: var(--c-dark);
  border:1px solid var(--c-dark);
  transition: all 0.3s ease;
  padding: 10px 15px;
  width: fit-content;
}
.btn-ld:hover,
.btn-ld:focus-visible{
  background-color: var(--c-dark);
  color: var(--c-light);
  border-color: var(--c-light);
}
/* контейнер всей секции */
.subservice-faq {
  margin-top: var(--pad-bl);
}

/* заголовок и подзаголовок — как раньше, если уже есть, можно не дублировать */
.subservice-faq__title {
  text-align: center;
  margin:0 auto 15px;
  max-width: 585px;
}

.subservice-faq__subtitle {
  text-align: center;
  max-width: 585px;
  margin: 0 auto 25px;
}

/* список и элементы */

.subservice-faq__list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 925px;
}

/* шапка вопроса: плюс/крестик слева + текст справа */

.subservice-faq__header {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 24px 0 18px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  cursor: pointer;
  text-align: left;
}

/* иконка + / × */

.subservice-faq__toggle {
  flex: 0 0 auto;
  width: 32px;
  text-align: center;
  font-size: 32px;
}

.subservice-faq__toggle::before {
  content: "+";
  display: inline-block;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

/* открытое состояние — крестик */

.subservice-faq__item.is-open .subservice-faq__toggle::before {
  content: "×";
}

/* текст вопроса */

.subservice-faq__question {
  display: block;
}

/* ответ: выравниваем по тексту, отступ слева такой же, как у вопроса */

.subservice-faq__answer {
  padding: 0 0 24px 56px; /* 32px иконка + 24px gap */
  max-width: 900px;
}

.subservice-after{
  margin: var(--pad-bl) auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 786px;
}
.special-request--subservice{
  padding-block: 25px;
  background-color: var(--c-dark);
  color: var(--c-light);
}
.special-request__content {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 25px;
}
/*.special-request__content .special-request__actions{
  margin-bottom: 0;
} */
.benefits {
  padding-block: var(--pad-bl);
}
.benefits__inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
  justify-content: center;
}
.benefits__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 585px;
  margin: 0 auto;
}
.benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
}
.benefits-item__media{
  height: 103px;
}
.benefits-item__title {
  margin-block: 5px 25px;
}
.benefits__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 25px;

  grid-template-areas:
    "item1 item1 item2 item2 item3 item3"
    "item4 item4 item4 item5 item5 item5";
}

/* раскладываем карточки по областям */
.benefits-item:nth-child(1) { grid-area: item1; }
.benefits-item:nth-child(2) { grid-area: item2; }
.benefits-item:nth-child(3) { grid-area: item3; }
.benefits-item:nth-child(4) { grid-area: item4; }
.benefits-item:nth-child(5) { grid-area: item5; }

/* Вся секция about hero */
.about-hero {
  position: relative;
  overflow: hidden;
  /* высота: экран минус шапка, но не меньше 600 */
  min-height: 600px;
  height: calc(100vh - var(--header-h));
}

/* Фоновое изображение на всю секцию */
.about-hero__bg {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background-image: url("/wp-content/themes/ls-group/assets/img/bg-about.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* Трапеция слева поверх фона */
.about-hero__shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  /* Ширина трапеции как нижнее основание */
  width: min(1000px, calc(100vw * 0.6944));
  background-color: var(--c-dark);

  /* адаптивная трапеция */
  clip-path: polygon(
    0 0,
    min(630px, calc(100vw * 0.4375)) 0,
    min(1000px, calc(100vw * 0.6944)) 100%,
    0 100%
  );

  z-index: 1;
}

/* Контент поверх всего */
.about-hero__inner {
  position: relative;
  z-index: 2;
  /* дальше уже будешь настраивать отступы по макету */
}
.about-hero__inner{
   height: 100%;
  display: flex; /* Добавьте это */
  align-items: center; /* Вертикальное выравнивание */
}
.about-hero__content {
   display: flex;
  flex-direction: column;
  gap: 23px;
  justify-content: center;
  align-items: flex-start;
  color: var(--c-light);
  max-width: 587px;
}



.about-intro {
  padding-block: var(--pad-bl) 50px;
}
.about-intro__inner {
  display: flex;
  justify-content: space-between;
}
.about-intro__left {
  width: 33%;
}
.about-intro__right {
  width: 66%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.about-intro__right p {
  max-width: 729px;
}
.about-features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.about-features__item {
    min-width: 0;
    word-break: break-word;
}
.about-features{
  padding-bottom: var(--pad-bl);
}
.about-features__item{
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: start;
  text-align: center;
}
.about-features__image {
  height: 134px;
}
.about-retainer__head {
  max-width: 696px;
  text-align: center;
  margin: 0 auto 25px auto;
}

.about-retainer__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: auto;
  column-gap: 20px;  /* между колонками */
  row-gap: 25px;     /* между строками */
}

/* --- Раскладка 3 + 2 --- */

/* 1-й, 2-й, 3-й — в первой строке, по 2 колонки каждый */
.about-retainer__item:nth-child(1) {
  grid-column: 1 / span 2; /* колонки 1-2 */
}
.about-retainer__item:nth-child(2) {
  grid-column: 3 / span 2; /* колонки 3-4 */
}
.about-retainer__item:nth-child(3) {
  grid-column: 5 / span 2; /* колонки 5-6 */
}

/* 4-й и 5-й — во второй строке, по 3 колонки */
.about-retainer__item:nth-child(4) {
  grid-column: 1 / span 3; /* колонки 1-3 */
}
.about-retainer__item:nth-child(5) {
  grid-column: 4 / span 3; /* колонки 4-6 */
}

.about-retainer__item{
  background-color: var(--c-dark);
  color: var(--c-light);
  border-radius: 16px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.about-career{
  margin-block: var(--pad-bl);
  padding-block: 39px;
  background-color: var(--c-dark);
  color: var(--c-light);
}

.career-roles__summary {
  display: none;
}
.career-block__list-item {
  position: relative;
  padding-left: 18px; /* отступ под точку */
}
.career-block__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c-orange);
}
.about-career__inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
.career-block{
  width: 100%;
}
.career-block__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap:25px;
}
.career-block__media {
  width: 100%; /* Занимает всю доступную ширину */
  height: 366px; /* Фиксированная высота для обрезки */
  overflow: hidden; /* Обрезает всё что выходит за границы */
  max-width:  640px;
}

.career-block__image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Обрезает изображение по высоте */
  object-position: center; /* Центрирует изображение при обрезке */
}
.career-block__content {
  max-width: 640px;
}
.career-block__title{
  margin-bottom: 25px;
}
.career-block__text {
  margin-bottom: 10px;
}
.career-block__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.career-roles__email{
  font-weight: 700;
}
.career-roles__items {
  display:flex;
  gap:25px;
}
.career-roles__item--group {
  max-width: 385px;
  width:100%;
}
.career-roles__title {
  margin-bottom: 25px;
  text-align: center;
}
.career-roles__item--cta {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
}
.career-roles__summary-item{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px;
  background-color: var(--c-light);
  color: var(--c-dark);
  border-radius: 16px;
  transition: all;
}
.career-roles__summary-item:hover {
  background-color: var(--c-orange);
}
.career-roles__list{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap:25px;
}
.about-students{
  padding-bottom: var(--pad-bl);
}
.about-students__inner {
  display: flex;
  justify-content: space-between;
}
.about-students__left{
  max-width: 572px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.about-students__right {
  display: flex;
  align-items: center;
}
.about-students__actions .btn-co{
  margin-left: 0;
}
.about-students__agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 10px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

/* === Блок формы "Подписаться на рассылку" === */
.about-students__right{
  max-width: 646px;
  width: 100%;
}
.about-students__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Поле e-mail */

.about-students__field {
  width: 100%;
}

.about-students__input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid var(--c-orange, #ec642d);
  background: transparent;
  color: var(--c-orange, #ec642d);
  padding: 6px 0 8px;
}

.about-students__input::placeholder {
  color: rgba(236, 100, 45, 0.6); /* осветлённый --c-orange */
}

/* Чекбокс согласия (как в модалке / connect) */

.about-students__agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 10px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.about-students__agree input[type="checkbox"] {
  flex: 0 0 auto;
  margin-top: 2px;

  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--c-orange, #ec642d);
  background: transparent;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* галочка */

.about-students__agree input[type="checkbox"]::before {
  content: "";
  position: absolute;
  inset: 2px 3px 3px 3px;
  border-right: 2px solid var(--c-orange, #ec642d);
  border-bottom: 2px solid var(--c-orange, #ec642d);
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.12s ease-out;
}

.about-students__agree input[type="checkbox"]:checked::before {
  transform: rotate(45deg) scale(1);
}

/* фокус для доступности */

.about-students__agree input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(236, 100, 45, 0.6);
  outline-offset: 2px;
}

/* Кнопка (обёртка, без изменения самих btn-классов) */

.about-students__actions {
  margin-top: 8px;
  display: flex;
  justify-content: flex-start;
}
.about-students__btn:hover {
  color: var(--c-light);
}

.contacts-hero {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* высота экрана минус шапка, если есть переменная под неё */
  min-height: calc(100vh - var(--header-height, 80px));
}
.contacts-hero .contacts-hero__inner{
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 25px;
  margin: 0 auto 0 0;
  max-width: 535px;
  padding-top: 25px;
}

.contacts-hero .contacts-hero__list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.contacts-hero .contacts-hero__item {
  display: flex;
  gap: 15px;
  align-items: center;
}
/* .contacts-hero__icon svg
  path {
  fill: var(--c-dark);
  stroke: var(--c-dark);
} */

.blog-page__inner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding-block: var(--pad-bl);
}
.blog-page__head {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
}
.blog-page__subtitle {
  opacity: 0.5;
}
.blog-page__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 25px; /* расстояние между колонками */
  row-gap: 50px; /* расстояние между строками */
}
.blog-card__inner {
  display: flex;
  flex-direction: column;
}
.blog-card__thumb-wrap {
  width: 100%;
  height: 296px;
  margin-bottom: 25px;
  overflow: hidden; /* обрезаем выходящие за границы части */
  position: relative; /* для позиционирования внутри */
}

.blog-card__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover; /* теперь применяем к изображению */
  display: block;
}
.blog-card__date {
  margin-top: 5px;
  opacity: 0.5;    
}
.blog-card__excerpt {
  margin-block: 15px;
}

/* === Базовая обёртка модалки === */

#modal-lead {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  /* скролл внутри модалки, подложка фиксирована */
  overflow-y: auto;
}

#modal-lead[hidden] {
  display: none;
}

/* фон на весь экран */
#modal-lead .modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(56, 46, 43, 0.9);
}

/* === Карточка формы === */

#modal-lead .modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 569px;
  margin-top: var(--header-h, 80px);
  margin-bottom: 40px;
  background: transparent;
  color: var(--c-orange);
  
  box-sizing: border-box;
  padding: 0;
  max-height: calc(100vh - var(--header-h, 80px) - 40px);
  overflow-y: auto;
}

#modal-lead .modal__form {
  position: relative;
  z-index: 1;
  width: 100%;
  background: rgba(236, 100, 45, 0.8);
  color: var(--c-light);
  border-radius: 22px;
  box-sizing: border-box;
  padding: 32px 40px 40px;
}


/* === Шапка: заголовок + крестик === */

#modal-lead .modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}

#modal-lead .modal__title {
  margin: 0;
  color: var(--c-orange);
}

#modal-lead .modal__close {
  border: none;
  background: none;
  color: var(--c-orange);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

/* === Форма === */

#modal-lead .modal__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Имя + Фамилия в одну строку */

#modal-lead .modal__row--names {
  display: flex;
  gap: 24px;
}

#modal-lead .modal__field {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#modal-lead .modal__label {
  color: var(--c-light);
}

/* Инпуты / select / textarea */

#modal-lead .modal__input,
#modal-lead .modal__select,
#modal-lead .modal__textarea {
  width: 100%;
  border: none;
  border-bottom: 1.63px solid var(--c-orange);
  background: transparent;
  color: var(--c-light);
  padding: 6px 0 8px;
  box-sizing: border-box;
}

#modal-lead .modal__input::placeholder,
#modal-lead .modal__textarea::placeholder {
  color: var(--c-light);
}

#modal-lead .modal__textarea {
  resize: vertical;
  min-height: 96px;
}

/* Чекбокс согласия */

/* Модальное окно: чекбокс согласия в таком же стиле, как в connect */

/* обёртка */
.modal__agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 10px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

/* сам чекбокс */
.modal__agree-input {
  flex: 0 0 auto;
  margin-top: 2px;

  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid var(--c-light);
  background: transparent;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

/* галочка */
.modal__agree-input::before {
  content: "";
  position: absolute;
  inset: 2px 3px 3px 3px; /* при необходимости подгоняется */
  border-right: 2px solid var(--c-light);
  border-bottom: 2px solid var(--c-light);
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.12s ease-out;
}

/* при checked показываем галочку */
.modal__agree-input:checked::before {
  transform: rotate(45deg) scale(1);
}

/* фокус для доступности */
.modal__agree-input:focus-visible {
  outline: 2px solid rgba(236, 100, 45, 0.6);
  outline-offset: 2px;
}

#modal-lead .modal__agree-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
}

/* Кнопка (контейнер, без стиля самой кнопки) */

#modal-lead .modal__actions {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}
.error-404{
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* высота экрана минус шапка, если есть переменная под неё */
  height: calc(100vh - var(--header-height, 80px));
  color: var(--c-light);
}
.error-404__inner{
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 0 auto 0 0;
  justify-content: center;
  text-align: start;
  width:100%;
  height: 100%;
}
.error-404__body {
  max-width: 799px;
}
.error-404__body li {
  list-style-type: disc;
}
.error-404__body a {
  text-decoration: underline;
}
/* Страница /privacy с PDF на весь экран минус высота шапки */
.site-main--privacy {
  padding: 0;
}

.privacy--pdf-full {
  margin: 0;
  padding: 0;
}

.privacy__frame-wrapper {
  width: 100%;
  height: calc(100vh - var(--h-header, 80px));
  /* если нужно, можно учесть отступ сверху, если main не перекрывает хедер */
}

.privacy__frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
/* --- Статьи дизайн компании --- */
.site-main--single .site-main__inner:has(.article--company) {
  padding-inline: 0;
}
.article-company__anchors, .company-article {
  padding-inline: var(--pad-in);
}
.company-article__refer {
  background-color: var(--c-dark);
  color: var(--c-light);
  padding-block: 10px;
}
.company-article__refer-inner {
  max-width:680px;
  margin: auto;
}
.article-company__head{
  background-color: var(--c-dark);
  color: var(--c-light);
  padding-left: var(--pad-in);
  padding-right: 0;
  display: flex;
  gap:50px;
  align-items: center;
  justify-content: space-between;
}
.article-company__head-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 764px;
}
.article-company__head-right {
  min-height: 400px;
  width: 549px;
}
.article-company__anchors {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: var(--pad-bl) 25px;
}
.article-company__anchors-right {
  min-width: 485px;
  width: 485px;
}
.article-company__anchor-list {
  display: flex;
  gap: 25px;
  flex-direction: column;

}
.article-company__anchor-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--c-dark);
}
.article-company__anchor-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.article-company__anchor-more-text{
  width: max-content;
}
.article-company__anchor-more-icon {
 color: var(--c-orange);
}
.article-company__anchor-item:hover .article-company__anchor-text {
  color: var(--c-orange);
}

.article-company__anchor-item:hover .article-company__anchor-link {
  border-color: var(--c-orange);
}
.article-company__anchors-text {
  max-width: 620px;
}
.article-company__body{
  display: flex;
  gap: 25px;
  flex-direction: column;
  padding-top: 25px;
}
.company-article__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; /* Отступ между колонками */
  align-items: center; /* или center/stretch в зависимости от нужного выравнивания */
}

.company-article__col {
  flex: 1 1 0; /* Равная ширина для обеих колонок */
  min-width: 290px; /* Минимальная ширина для адаптивности */
}
.company-article__col--text {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.article--company {
  scroll-margin-top: var(--header-h); /* подгони под реальную высоту шапки */
}







/* ================================
   1439px ↓
================================ */
@media (max-width: 1439px) {

.article-company__head {
  flex-direction: column;
    padding-inline: var(--pad-in);
    padding-block: 25px;
    gap: 25px;
    align-items: start;
    justify-content: start;
}
.article-company__head-right {
  order: -1;
}
}
/* ================================
   1279px ↓
================================ */
@media (max-width: 1279px) {
  .mission {
  height: 582px;
}
.mission__inner {
  justify-content: center;
  padding-top: 0px;
}
.mission__content {
  gap: 8px;
  width: 608px;
}
.about-hero__content {
    max-width: 490px;
}
.about-retainer__text.ff-40 {
  font-size: 28px;
}
.career-roles__summary-item.ff-35 {
  font-size: 28px;
}
}

/* ================================
   1023px ↓
================================ */
@media (max-width: 1023px) {
.site-footer__col--logo,
.site-footer__col--nav,
.site-footer__col--contacts {
  width: 33%; /* Каждая занимает 1/3 ширины */
  flex-shrink: 0; /* Запрещаем сжатие */
}
.mission__content {
  width: 508px;
}
.connect {
      background-position: -200px 70px;
}
.connect__inner {
  flex-direction: column;
  gap: 20px;
}
.connect__head {

  margin-right: auto;
}
.connect__body {
  padding: 34px;
  width: 450px;
  margin-left: auto;
}
.about-hero__content {
   
    color: var(--c-dark);
    max-width: 490px;
}
.about-hero__shape{
  display: none;
}
.about-retainer__text.ff-40 {
  font-size: 22px;
}
.career-roles__item--group {
  display: none;
}

.career-roles__summary {
  display: block;
  margin-top: 25px;
}
.career-roles__summary-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  column-gap: 15px;
  row-gap: 25px;
  width: 100%;
}
.career-block__title.ff-40, .career-roles__subtitle.ff-40 {
  font-size: 28px;
}
.career-block__title {
    margin-bottom: 15px;
}
.career-block__media {
    height: 258px;
    max-width: 380px;
}
.career-roles__item--cta {
    padding: 0;
}
.blog-page__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.blogs__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.subservice-offers__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* вернуть всем базовые боковые бордеры */
  .subservice-offers__item {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  /* снять эффекты от трёхколоночных правил */
  .subservice-offers__item:nth-child(3n + 1),
  .subservice-offers__item:nth-child(3n) {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  /* левый столбец — без левого бордера */
  .subservice-offers__item:nth-child(2n + 1) {
    border-left: none;
  }

  /* правый столбец — без правого бордера */
  .subservice-offers__item:nth-child(2n) {
    border-right: none;
  }
  .article-company__anchors{
    flex-direction: column;
    gap: 15px;
  }
  .article-company__anchors-text {
    max-width: 100%;
}
.contacts-hero {
  color: var(--c-light);
}
}


/* ================================
   767px ↓
================================ */
@media (max-width: 767px) {
  .site-footer {
  padding-block: 25px;
}
  .site-footer__bottom-row {
  flex-direction: column;
  gap:5px;
  margin: 5px auto 0 auto;
}
  .site-footer__inner{
    flex-direction: column;
    gap: 25px;
    align-items: center;
  }
  .site-footer__col--logo {
  order: 1; /* Логотип - первый */
  width: max-content;
}

.site-footer__col--contacts {
  order: 2; /* Контакты - второй */
  width: 290px;
  gap: 5px;
}

.site-footer__col--nav {
  order: 3; /* Навигация - третий */
  text-align: center;
  width: 100%;
}
.footer-nav ul{
  flex-direction:row;
  gap:5px;
  margin-top: 5px;
  justify-content: center;
  flex-wrap: wrap;
}
.footer-nav ul li{
 white-space: nowrap;
}
.services-section__grid {
  grid-template-columns:  1fr;
  gap: 25px;
}
.services-section__inner {
  gap: 25px;
}
.mission {
  height: auto;
  background:none;
}
.mission__media {
  display: block;
}
.mission__content {
  width: 100%;
}
.choice__grid {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1px;
  row-gap: 25px;
}
.choice__subtitle {
    width: 100%;
}
.thanks__item {
    flex: 0 0 calc((100% - 30px) / 2); /* 2 карточки + один gap 30px */
  }


.contacts-section__body {
    grid-template-columns: 1fr;
    gap: 24px;
}
.connect__body {
  padding: 25px 15px;
  width: 100%;
  margin-left: 0;
}
.connect {
      background-image: none;
}
.about-hero__subtitle {
  padding-top: 140px;
}
.about-intro__inner {
  flex-direction: column;
  gap: 15px;
  justify-content: flex-start;
}
.about-intro__left,.about-intro__right {
  width: 100%;
}
.about-features__grid {
  grid-template-columns:1fr;
  gap: 10px;
}
.about-retainer__text.ff-40 {
  font-size: 18px;
}
.about-retainer__list {

  grid-template-columns: repeat(4, 1fr); /* 4 колонки */
  column-gap: 10px;
  row-gap: 15px;
}
.about-retainer__item {
  min-width: 0; /* САМОЕ ВАЖНОЕ для Grid элементов */
}
/* Первая строка: 2 равных элемента */
.about-retainer__item:nth-child(1) {
  grid-column: 1 / span 2; /* колонки 1-2 */
  grid-row: 1; /* первая строка */
}

.about-retainer__item:nth-child(2) {
  grid-column: 3 / span 2; /* колонки 3-4 */
  grid-row: 1; /* первая строка */
  word-wrap: break-word; /* Старый вариант для совместимости */
  overflow-wrap: break-word; /* Современный стандарт */
}
.about-retainer__text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

/* Вторая строка: один элемент по центру (колонки 2-3) */
.about-retainer__item:nth-child(3) {
  grid-column: 2 / span 2; /* колонки 2-3 */
  grid-row: 2; /* вторая строка */
}

/* Третья строка: 2 равных элемента */
.about-retainer__item:nth-child(4) {
  grid-column: 1 / span 2; /* колонки 1-2 */
  grid-row: 3; /* третья строка */
}

.about-retainer__item:nth-child(5) {
  grid-column: 3 / span 2; /* колонки 3-4 */
  grid-row: 3; /* третья строка */
}
.career-block__inner {
  flex-direction: column;
  gap: 10px;
}
.career-roles__summary-list {
  grid-template-columns: repeat(2, 1fr); 
}
.career-roles__summary-item.ff-35
{
  font-size: 22px;
}
    .career-block__media {

        max-width: 100%;
    }
    .career-block__media--right {
        order: -1; /* Медиа будет отображаться первой */
    }
    .about-students__inner {
  flex-direction: column;
  gap: 25px;
text-align: center;
}
.about-students__left

 {
    max-width: 100%;
   
}
.connect {
    padding-block: 25px 0px;
}

.service-sublist{
  grid-template-columns:  1fr;
}
.subservice-offers__list {
    grid-template-columns: 1fr;
  }

  /* базово: без боковых границ */
  .subservice-offers__item {
    border-left: none;
    border-right: none;
  }

  /* обнуляем все nth-child-правила из 3 и 2 колонок */
  .subservice-offers__item:nth-child(3n + 1),
  .subservice-offers__item:nth-child(3n),
  .subservice-offers__item:nth-child(2n + 1),
  .subservice-offers__item:nth-child(2n) {
    border-left: none;
    border-right: none;
  }
  .benefits__grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: 5px;

  grid-template-areas:
    "item1"
    "item2"
    "item3"
    "item4"
    "item5";
}

/* раскладываем карточки по областям */
.benefits-item:nth-child(1) { grid-area: item1; }
.benefits-item:nth-child(2) { grid-area: item2; }
.benefits-item:nth-child(3) { grid-area: item3; }
.benefits-item:nth-child(4) { grid-area: item4; }
.benefits-item:nth-child(5) { grid-area: item5; }
.special-request__actions{
  flex-direction:column ;
  gap: 10px;
  margin-block: 25px;
  margin-inline: auto;
  align-items: center;
}
.service-page__inner {
    gap: 25px;
}

.article-company__anchors-right {
  min-width: 0;
    width: 100%;
}

.article-company__head-right {
    min-height: 0;
    height: auto;
    width: 100%;
}
.company-article__refer-inner {
  padding-inline: var(--pad-in);
  max-width: 100%;
}
.company-article__inner {
  flex-direction: column;
}
.blogs__list {
    grid-template-columns: 1fr;
}
}
/* ================================
   424px ↓
================================ */
@media (max-width: 424px) {
  .footer-nav ul li{
 font-size: 14px;
}

.thanks__item {
    flex: 0 0 100%; /* одна карточка на строку */
  }
  .blogs__list {
    grid-template-columns:1fr;
    gap: 20px;
}
.connect__head {
    width: 100%;
}
.about-retainer__text.ff-40 {
  font-size: 16px;
}

.about-retainer__item:nth-child(3) {
  grid-column: 1 / span 4; /* колонки 2-3 */
  grid-row: 2; /* вторая строка */
}
.career-roles__summary-item.ff-35
{
  font-size: 18px;
}
.about-students__actions .btn-co {
    margin-left: auto;
}
.hero__nav {
    bottom: 27px;
}
.blog-page__grid {
    grid-template-columns: 1fr;
}
}
/* Обёртка фильтров */
.blog-filters {
  margin-block: 30px 40px;
}

/* Общая строка: центрируем, две строки: фильтры + кнопки */
.blog-filters__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px; /* вертикальный / горизонтальный отступы */
}

/* Поля фильтров (Тема / Дата) */
.blog-filters__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 260px;
}

/* подписи */
.blog-filters__label {
  font-family: var(--ff-main, inherit); 

}

/* селекты */
.blog-filters__select {
  width: 100%;
  padding: 14px 22px;
  border-radius: 5px;
  border: 1px solid var(--c-orange);
  background-color: transparent;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

/* состояние фокуса / ховера */
.blog-filters__select:focus,
.blog-filters__select:hover {
  outline: none;
  border-color: var(--c-orange);
  box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2); /* если var(--c-orange) другая, подправишь */
}

/* Блок кнопок – всегда во второй строке */
.blog-filters__actions {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 10px;
}

/* Кнопка "Применить" */
.blog-filters__apply {
  border-radius: 5px;
  border: 1px solid var(--c-orange);
}

/* Ссылка "Сбросить фильтр" как кнопка/cta */
.blog-filters__reset {
  text-align: center;
  align-items: center;
  border: 1px solid var(--c-orange);
}



/* Мобильный: всё в колонку */
@media (max-width: 767px) {
  .blog-filters__row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .blog-filters__field {
    width: 100%;
  }

  .blog-filters__actions {
    flex-basis: auto;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    margin-top: 8px;
  }

  .blog-filters__apply,
  .blog-filters__reset {
    width: 100%;
    justify-content: center;
  }
}