/* Start:/bitrix/templates/government_default/components/bitrix/news.list/mainslider/style.css?178037917414996*/
.mainslider {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

/* Фикс для телефона - ограничиваем высоту */
@media (max-width: 767px) {
  .mainslider {
    max-height: 100vh;
    overflow-y: auto;
  }
}

.mainslider:not(.swiper-initialized) .mainslider__item:not(:first-child) {
  display: none;
}

.mainslider__item {
  text-align: center;
  position: relative;
}

.mainslider__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: auto;
  pointer-events: none;
}

.mainslider__slides {
  font-size: 0;
}

.mainslider__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: 100%;
}

.mainslider__product-img {
  z-index: 2;
  position: relative;
  max-width: 100%;
  height: auto;
  aspect-ratio: attr(width)/attr(height);
  max-height: calc(100% - 0.625rem);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-pixelated;
  image-rendering: pixelated;
}

.mainslider__content {
  text-align: center;
  margin: 1.5rem 0;
  pointer-events: none;
}

.mainslider__title {
  margin: 0 0 0.625rem;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 500;
}

.mainslider__desc {
  font-size: 1rem;
  font-weight: 300;
  margin: 0.625rem 0;
}

.mainslider__buttons {
  margin: 1.5rem 0 0;
}

.mainslider__buttons > .btn {
  position: relative;
  pointer-events: auto;
  margin-right: 4px;
}

.mainslider__nav {
  margin: 1rem 0;
}

.mainslider__container {
  height: 100%;
}

.mainslider__pictures {
  position: relative;
  overflow: hidden;
  display: block;
}

.mainslider__item--fixed .mainslider__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mainslider__item--fixed .mainslider__pictures {
  height: 15rem;
}

.mainslider__background {
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
}

.mainslider__item--fixed .mainslider__background {
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: auto;
  bottom: 0;
  margin: auto;
  height: 100%;
  max-width: none;
  width: auto;
}

.mainslider__item--responsive .mainslider__background,
.mainslider__item--grid .mainslider__background {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
  aspect-ratio: attr(width)/attr(height);
}

.mainslider__link {
  display: block;
  pointer-events: auto;
}

.mainslider__container > .mainslider__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
}

.mainslider--autoheight,
.mainslider--autoheight .mainslider__item {
  height: auto;
}

.mainslider--autoheight .mainslider__slides {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.mainslider__next {
  display: none;
}

/* ========== ФИКСЫ ДЛЯ ТЕЛЕФОНА (чтобы не ломал верхнюю панель) ========== */
@media (max-width: 767px) {
  /* Ограничиваем слайдер по высоте */
  .mainslider,
  .mainslider__container,
  .swiper-container,
  .swiper-wrapper {
    max-height: 80vh;
    height: auto !important;
    min-height: auto !important;
  }
  
  /* Убираем абсолютное позиционирование на телефоне */
  .mainslider__product {
    position: relative;
    height: auto;
    padding: 20px 0;
  }
  
  .mainslider__content {
    position: relative !important;
    margin: 1rem 0;
    padding: 0 15px;
  }
  
  /* Контент не перекрывает верхнюю панель */
  .mainslider__item {
    padding-top: 0;
    margin-top: 0;
  }
  
  /* Картинки не вылезают */
  .mainslider__product-img {
    max-height: 40vh;
    width: auto;
    max-width: 90%;
  }
  
  /* Отступ сверху для первого элемента */
  .mainslider:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  
  /* Безопасные зоны для современных телефонов */
  .mainslider {
    padding-top: env(safe-area-inset-top, 0);
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .mainslider__item--fixed .mainslider__pictures {
    height: 20rem;
  }
}

@media (min-width: 768px) {
  .mainslider__item--fixed .mainslider__pictures {
    height: 25rem;
  }
  .mainslider__content {
    padding-right: 1rem;
  }
  .mainslider__product {
    padding-left: 1rem;
  }
  .mainslider__product {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
    left: auto;
  }
  .mainslider__product-img {
    max-width: none;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .mainslider__content {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    text-align: left;
    margin: 0;
    z-index: 2;
  }
  .mainslider__title {
    font-size: 1.75rem;
    font-size: calc(1.3rem + 0.6vw);
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  .mainslider__title {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .mainslider__desc {
    font-size: 1rem;
    font-size: 1rem;
  }
  .mainslider__nav {
    position: absolute;
    z-index: 4;
    bottom: 0.625rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .mainslider__pagination {
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0.625rem;
  }
  .mainslider__pagination .swiper-pagination {
    text-align: left;
    padding: 0;
    margin: 0 calc(0rem - var(--swiper-pagination-bullet-horizontal-gap, 12px));
  }
  .mainslider__next {
    z-index: 3111;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(var(--bs-dark-rgb), 0.6);
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: .5;
  }
  .mainslider__next:hover {
    opacity: 1;
  }
  .mainslider__next:after {
    content: "\e901";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: swiper-icons;
    text-align: center;
    color: #fff;
    font-size: 2rem;
  }
  .mainslider__item--fixed .mainslider__container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  .mainslider__item--responsive, .mainslider__item--grid {
    display: grid;
    background-color: #F4F7FB;
  }
  .mainslider__item--responsive .mainslider__content,
  .mainslider__item--grid .mainslider__content {
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
  }
  .mainslider__item--responsive .mainslider__background,
  .mainslider__item--grid .mainslider__background {
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .mainslider__item--grid .mainslider__background {
    max-width: 50%;
  }
  .mainslider__item--responsive > *,
  .mainslider__item--grid > * {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .mainslider__item--responsive > .mainslider__pictures,
  .mainslider__item--grid > .mainslider__pictures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mainslider__item--responsive .mainslider__link, .mainslider__item--responsive .mainslider__link picture,
  .mainslider__item--grid .mainslider__link,
  .mainslider__item--grid .mainslider__link picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .mainslider__item--light .mainslider__content {
    color: #fff;
  }
  .mainslider[data-color="light"] .mainslider__pagination {
    --swiper-pagination-color: var(--bs-light);
    --swiper-pagination-bullet-inactive-color: var(--bs-light);
  }
}

@media (min-width: 992px) {
  .mainslider__item--fixed .mainslider__pictures {
    height: 31.25rem;
  }
  .mainslider__item--fixed .mainslider__background {
    height: 100%;
    min-width: 100%;
  }
}

@media (min-width: 1200px) {
  .mainslider__title {
    font-size: 2.5rem;
    font-size: calc(1.375rem + 1.5vw);
    margin: 0 0 1rem;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  .mainslider__title {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .mainslider__desc {
    font-size: 1.125rem;
    font-size: 1.125rem;
    margin: 1rem 0 2.25rem;
  }
}

@media (min-width: 1400px) {
  .mainslider__item--responsive .mainslider__content,
  .mainslider__item--grid .mainslider__content {
    padding-top: 2.5rem;
    padding-bottom: 4.5rem;
  }
  .mainslider__pagination {
    bottom: 2.5rem;
    bottom: 6%;
  }
  .mainslider__pagination .swiper-pagination {
    text-align: left;
  }
}

/* Стили для кнопок с иконками в слайдере */
.mainslider__buttons .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.btn-icon {
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.btn-icon-wrapper {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  flex-shrink: 0;
}

.btn-text {
  display: inline-block;
}

/* Размеры иконок в зависимости от размера кнопки */
.btn-sm .btn-icon {
  width: 16px;
  height: 16px;
}

.btn-md .btn-icon,
.btn .btn-icon {
  width: 20px;
  height: 20px;
}

.btn-lg .btn-icon {
  width: 24px;
  height: 24px;
}

/* Эффекты при наведении */
.mainslider__buttons .btn:hover .btn-icon {
  transform: scale(1.05);
}

/* Адаптация под цветовые схемы слайдера */
/* Темная тема */
.mainslider__item--dark .btn-primary .btn-icon {
  filter: brightness(0) invert(1);
}

.mainslider__item--dark .btn-outline-primary {
  color: #fff;
  border-color: #fff;
}

.mainslider__item--dark .btn-outline-primary .btn-icon {
  filter: brightness(0) invert(1);
}

.mainslider__item--dark .btn-outline-primary:hover {
  background-color: #fff;
  color: #000;
}

.mainslider__item--dark .btn-outline-primary:hover .btn-icon {
  filter: none;
}

/* Светлая тема */
.mainslider__item--light .btn-primary .btn-icon {
  filter: brightness(0) invert(1);
}

.mainslider__item--light .btn-outline-primary .btn-icon {
  filter: none;
}

/* Адаптация для мобильных устройств */
@media (max-width: 767px) {
  .mainslider__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }
  
  .mainslider__buttons .btn {
    width: auto;
    min-width: 200px;
    margin-right: 0 !important;
  }
  
  .btn-sm .btn-icon {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 576px) {
  .mainslider__buttons .btn {
    min-width: 180px;
    padding: 0.5rem 1rem;
  }
  
  .btn-sm .btn-icon {
    width: 12px;
    height: 12px;
  }
  
  .mainslider__buttons {
    gap: 8px;
  }
}

/* Анимация появления иконок */
@keyframes iconFadeIn {
  from {
    opacity: 0;
    transform: translateX(-5px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.mainslider__buttons .btn .btn-icon {
  animation: iconFadeIn 0.3s ease-out;
}

/* Для кнопок только с иконкой (без текста) */
.mainslider__buttons .btn:has(.btn-icon:only-child) {
  padding: 0.5rem;
  min-width: auto;
}

.mainslider__buttons .btn:has(.btn-icon:only-child) .btn-icon {
  margin: 0;
}

/* Для retina экранов */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .btn-icon {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

/* Если иконка SVG */
.btn-icon[src$=".svg"] {
  width: auto;
  height: auto;
}

/* Поддержка темной темы через CSS переменные */
.mainslider__item--dark {
  --btn-icon-filter: brightness(0) invert(1);
}

.mainslider__item--dark .btn-primary .btn-icon {
  filter: var(--btn-icon-filter);
}

/* Для лучшей видимости на фоновых изображениях */
.mainslider__buttons .btn {
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.3s ease;
}

.mainslider__buttons .btn:hover {
  backdrop-filter: blur(2px);
}

/* ========== ФИКС: чтобы картинка не наезжала на верхнюю панель ========== */

/* Для всех мобильных устройств */
@media (max-width: 767px) {
  /* Добавляем отступ сверху для слайдера */
  .mainslider {
    margin-top: 60px !important; /* подстрой под высоту твоей шапки */
    padding-top: 0 !important;
  }
  
  /* Или если шапка фиксированная - добавляем padding родителю */
  .mainslider__container {
    padding-top: 60px !important;
  }
  
  /* Уменьшаем картинку, чтобы она точно не перекрывала */
  .mainslider__product-img {
    max-height: 35vh;
    margin-top: 20px;
  }
  
  /* Самый первый элемент слайда */
  .mainslider__item:first-child {
    padding-top: 20px;
  }
}

/* Если шапка высокая (например, 80px) */
@media (max-width: 767px) and (min-height: 700px) {
  .mainslider {
    margin-top: 80px !important;
  }
}

/* Для iPhone с вырезом (notch) */
@supports (padding-top: env(safe-area-inset-top)) {
  @media (max-width: 767px) {
    .mainslider {
      margin-top: calc(60px + env(safe-area-inset-top)) !important;
    }
  }
}
/* End */


/* Start:/bitrix/templates/government_default/components/bitrix/news.list/news_grid/style.min.css?17346827042587*/
.section--news-grid .section__header{margin-bottom:1.375rem}@media (min-width:992px){.section--news-grid .section__header{border-bottom:1px solid #dee2e6;margin-bottom:2.5rem;padding:2.625rem 0}html.bvi-active[data-bvi-theme] .section--news-grid .section__header{border-color:var(--bs-body-color)}}.card--news.card{background-color:transparent;border:none;border-bottom:1px solid #dee2e6;font-size:.875rem;line-height:1.42857}@media (min-width:992px){.card--news.card{border-bottom:none}}.card--news .card-img-canvas{display:block;height:0;overflow:hidden;padding-bottom:100%;position:relative;width:4.5rem}@media (min-width:992px){.card--news .card-img-canvas{padding-bottom:48.21428%;width:auto}}.card--news .card-img{border-radius:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.card--news .card-body{padding:0}.card--news .card-title{font-size:1rem;line-height:1.375;max-height:4.125rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width:992px){.card--news .card-title{height:4.125rem}}@media (min-width:992px){.card--news .card-text{max-height:3.75rem;overflow:hidden}}.card--news .card-time{color:var(--bs-gray-600)}.card--news-bg .card-img-overlay{padding:0}@media (min-width:992px){.card--news-bg .card-title{font-size:1.25rem;line-height:1.4;height:auto}html.bvi-active[data-bvi-theme] .card--news-bg .card-title>a{color:currentColor}.card--news-bg .card-title>a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.card--news-bg .card-img-overlay{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.45)),color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-o-linear-gradient(bottom,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);color:var(--bs-light);padding:1.875rem 1.875rem}.card--news-bg .card-time{color:#efefef}html.bvi-active[data-bvi-theme] .card--news-bg .card-img-overlay,html.bvi-active[data-bvi-theme] .card--news-bg .card-time{--bs-text-opacity:1;color:var(--bs-light)!important}html.bvi-active[data-bvi-theme=black] .card--news-bg .card-img-overlay,html.bvi-active[data-bvi-theme=black] .card--news-bg .card-time,html.bvi-active[data-bvi-theme=green] .card--news-bg .card-img-overlay,html.bvi-active[data-bvi-theme=green] .card--news-bg .card-time{--bs-text-opacity:1;color:var(--bs-body-color)!important}}
/* End */


/* Start:/bitrix/templates/government_default/components/bitrix/main.include/reception/style.css?17803885233381*/
.card--reception.card {
  border-radius: .5rem;
  display: grid;
  overflow: hidden; }

.card--reception .card-img-canvas,
.card--reception .card-img-overlay {
  grid-row: 1/1;
  grid-column: 1/1; }

.card--reception .card-img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover; }

.card--reception .card-img-overlay {
  position: relative;
  z-index: 1; }

.card--reception a:not(.btn) {
  color: currentColor;
  text-decoration: none; }

.card--reception a:not(.btn):hover,
.card--reception a:not(.btn):focus {
  color: currentColor;
  text-decoration: underline; }

.card--reception .btn {
  display: block;
  min-width: 8.5rem;
  padding: 1.25rem 2rem; }
  @media (min-width: 992px) {
    .card--reception .btn {
      display: inline-block;
      padding: .625rem 1rem; } }

.card--reception .btn-outline-light {
  border-color: currentColor !important;
  color: currentColor !important; }
  .card--reception .btn-outline-light:active, .card--reception .btn-outline-light.active, .card--reception .btn-outline-light:hover {
    color: var(--bs-body-color) !important; }
    html.bvi-active[data-bvi-theme="black"] .card--reception .btn-outline-light:active,
    html.bvi-active[data-bvi-theme="green"] .card--reception .btn-outline-light:active, html.bvi-active[data-bvi-theme="black"] .card--reception .btn-outline-light.active,
    html.bvi-active[data-bvi-theme="green"] .card--reception .btn-outline-light.active, html.bvi-active[data-bvi-theme="black"] .card--reception .btn-outline-light:hover,
    html.bvi-active[data-bvi-theme="green"] .card--reception .btn-outline-light:hover {
      color: var(--bs-body-bg) !important; }

.card--reception .card-title {
  font-size: 1.5rem;
  line-height: 1.25;
  white-space: pre-line; }

/* Отступы по бокам для всех экранов */
.service-categories {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

/* Отступы между карточками */
.card--tile {
  margin-bottom: 20px;
}

/* Скругление для картинок на мобильных */
@media (max-width: 991.98px) {
  .card--tile .card-img {
    border-radius: 12px;
  }
}

/* Чтобы картинка не обрезалась и показывалась целиком */
.card--tile .card-img {
  object-fit: contain;
  background-color: #f5f5f5;
}

/* Для десктопа возвращаем cover */
@media (min-width: 992px) {
  .card--tile .card-img {
    object-fit: cover;
    background-color: transparent;
  }
}

/* Убираем горизонтальный скролл */
body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 576px) {
  .service-categories {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .card--tile .card-title {
    font-size: 0.9375rem;
  }
  
  .card--tile .card-text {
    font-size: 0.8125rem;
  }
}

/* Если навигация не влезает на мобильных */
@media (max-width: 767px) {
  .service-categories__nav {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
  }
  
  .service-categories__nav .nav-link {
    display: inline-block;
    white-space: nowrap;
  }
}

/* End */


/* Start:/bitrix/templates/government_default/components/bitrix/news.list/service_categories/style.css?17803789624095*/
/* ========== ОСНОВНЫЕ СТИЛИ (работают везде) ========== */

.card--tile.card {
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.42857;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.card--tile .card-img-canvas {
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* Для десктопа (как было изначально) */
@media (min-width: 992px) {
  .card--tile .card-img-canvas {
    height: 0;
    padding-bottom: 51.185%;
  }
}

/* Для мобильных - без фиксированной высоты, чтобы не обрезалось */
@media (max-width: 991.98px) {
  .card--tile .card-img-canvas {
    height: auto;
    padding-bottom: 0;
  }
}

.card--tile .card-img {
  border-radius: 0;
  display: block;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Для десктопа - absolute positioning */
@media (min-width: 992px) {
  .card--tile .card-img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
  }
}

.card--tile .card-title {
  font-size: 1rem;
  line-height: 1.25;
}

@media (min-width: 992px) {
  .card--tile .card-title {
    font-size: 1.125rem;
    line-height: 1.44444;
  }
}

@media (min-width: 992px) {
  .card--tile .card-text {
    max-height: 3.75em;
    overflow: hidden;
  }
}

/* ========== КАТЕГОРИИ УСЛУГ ========== */

@media (min-width: 992px) {
  .service-categories .section__header {
    border-bottom: 1px solid #dee2e6;
  }
  html.bvi-active[data-bvi-theme] .service-categories .section__header {
    border-color: var(--bs-body-bg-rgb);
  }
}

.service-categories .section__title {
  padding: 1rem 0;
}

@media (min-width: 992px) {
  .service-categories .section__title {
    padding-bottom: 2.5rem;
  }
}

.service-categories__nav {
  padding-right: var(--bs-gutter-x, 1rem);
}

@media (min-width: 992px) {
  .service-categories__nav {
    bottom: -1px;
    padding-right: 0;
    position: relative;
  }
  .service-categories__nav .nav-tabs {
    border-bottom-color: transparent;
  }
  .service-categories__nav .nav-link {
    padding-bottom: 2.5rem;
  }
}

/* ========== ИСПРАВЛЕНИЯ ДЛЯ МОБИЛЬНЫХ (БЕЗ ПОЛОМКИ ДЕСКТОПА) ========== */

/* Отступы по бокам для всех экранов */
.service-categories {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}

/* Отступы между карточками */
.card--tile {
  margin-bottom: 20px;
}

/* Скругление для картинок на мобильных */
@media (max-width: 991.98px) {
  .card--tile .card-img {
    border-radius: 12px;
  }
}

/* Чтобы картинка не обрезалась и показывалась целиком */
.card--tile .card-img {
  object-fit: contain;
  background-color: #f5f5f5;
}

/* Для десктопа возвращаем cover */
@media (min-width: 992px) {
  .card--tile .card-img {
    object-fit: cover;
    background-color: transparent;
  }
}

/* Убираем горизонтальный скролл */
body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 576px) {
  .service-categories {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .card--tile .card-title {
    font-size: 0.9375rem;
  }
  
  .card--tile .card-text {
    font-size: 0.8125rem;
  }
}

/* Если навигация не влезает на мобильных */
@media (max-width: 767px) {
  .service-categories__nav {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
  }
  
  .service-categories__nav .nav-link {
    display: inline-block;
    white-space: nowrap;
  }
}
/* End */
/* /bitrix/templates/government_default/components/bitrix/news.list/mainslider/style.css?178037917414996 */
/* /bitrix/templates/government_default/components/bitrix/news.list/news_grid/style.min.css?17346827042587 */
/* /bitrix/templates/government_default/components/bitrix/main.include/reception/style.css?17803885233381 */
/* /bitrix/templates/government_default/components/bitrix/news.list/service_categories/style.css?17803789624095 */