/*
.swiper-main-element .content-right .picture{
    max-height: 553px ;
}
*/





/*.step-insights-item-left img {*/
/*     max-height: 150px;*/
/*    max-width: 342px;*/
/*}*/

.banner-container .background-image img {
    max-height: 554px;
    width: 100%; /* Занимает всю ширину родительского контейнера */
    height: 100%; /* Занимает всю высоту родительского контейнера */
    object-fit: cover; /* Обрезает изображение, чтобы заполнить контейнер */
    object-position: center; /* Центрирует изображение внутри контейнера */
}

.card-image-inside img {
    max-height: 631px;
    width: 100%; /* Занимает всю ширину родительского контейнера */
    height: 100%; /* Занимает всю высоту родительского контейнера */
    object-fit: cover; /* Обрезает изображение, чтобы заполнить контейнер */
    object-position: center; /* Центрирует изображение внутри контейнера */
}

/*.block-inside p {*/
/*    margin: 0;*/
/*    min-height: 30px;*/
/*}*/

/* ------------------------------------------------------------------------
 стили для поиска команды
 */
.search-input-team .icon {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 8px; /* Поднимает иконку выше линии поиска */
}

.search-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.reset-button {
    background-color: #002970;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

.reset-button:hover {
    background-color: #1a3d7c;
}
/* стили для новостей */

.news-items-container .news-item:last-child{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 10px;
}


.step-insights-item{
    display: flex;
}


#make-request-success {
    display: none; /* Скрыть попап по умолчанию */
    position: fixed; /* Оставить его фиксированным на экране */
    top: 50%; /* Центрировать по вертикали */
    left: 50%; /* Центрировать по горизонтали */
    transform: translate(-50%, -50%); /* Сдвинуть его на середину экрана */
    z-index: 9999; /* Обеспечить его поверх остальных элементов */
}

/* для наши условия главная*/
.service-inside h2{
    width: auto;
}
/* минимальная высота для аватарки team список */

/* стили для видео на детальной страинце степ инсайт */
/* Центрирование видео */
.fancybox-content {
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: auto;
}

/* Полупрозрачная рамка вокруг видео */
.fancybox-content .fancybox-video,
.fancybox-content .fancybox-iframe {
    border: 2px solid rgba(255, 255, 255, 0.5); /* Белая полупрозрачная рамка */
    border-radius: 10px; /* Немного закругленные углы */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Тень для эффекта объема */
}

/* Затемнение фона */
.fancybox-bg {
    background-color: rgba(0, 0, 0, 0.7)  /* Более темный, полупрозрачный фон */
}

/* Медиазапросы для малых экранов */
@media screen and (max-width: 768px) {
    .fancybox-content {
        width: 100%;


        margin: 0;
    }
    .fancybox-content .fancybox-video,
    .fancybox-content .fancybox-iframe {
        width: 100%;

        border-radius: 0; /* Убираем закругленные углы */
        box-shadow: none; /* Убираем тень */
    }

    /* Затемнение фона */
    .fancybox-bg {
        background-color: rgba(0, 0, 0, 0.9)  /* Более темный фон для мобильных */
    }
}

/* описание нумерованного списка */
/* Стили для нумерованного списка с цифрами */
.ol-arrow.static {
    list-style: none; /* Убираем стандартные нумерации */
    padding-left: 0; /* Убираем отступ слева */
    counter-reset: item; /* Обнуляем счетчик элементов */
}

.ol-arrow.static li {
    position: relative;
    margin-bottom: 10px; /* Отступ между элементами списка */
    padding-left: 30px; /* Отступ для нумерации */
    counter-increment: item; /* Увеличиваем счетчик для каждого элемента списка */
}

.ol-arrow.static li::before {
    content: counter(item) ".";
    position: absolute;
    left: 0; /* Позиция цифры относительно элемента */
    color: #000000; /* Цвет цифры */
    font-weight: bold; /* Жирность текста */
}

.list-index {
    margin-right: 10px; /* Отступ между номером и текстом */
    color: #000000; /* Цвет цифры */
    font-weight: bold; /* Жирность текста */
}
/* скрытие элементов */
.hidden-sm .hidden-xs {
    display: none;
}
/* очистить поиск */
.ul-filter-item.close-button{
    padding: 2px 9px 2px 9px; !important;
}
/* нормальная картинка для проектов на мобилке */
.project-product-item img {
    width: 100%; /* Ширина изображения должна быть равна ширине контейнера */
    height: 100%; /* Высота изображения должна быть равна высоте контейнера */
    object-fit: cover; /* Изображение заполняет контейнер, сохраняя пропорции */
    object-position: center; /* Центрирование изображения */
    border-radius: 8px;

}
/* проекты деталька "следующий проект" если нет картинки */

@media (max-width: 767px) { /* Измените значение max-width на нужный порог */

    .flex-content-gap {
        display: block; /* Меняем флекс-контейнеры на блочные */
        text-align: start; /* Выравниваем текст по центру, если нужно */
    }

    .flex-content-gap h3, /* Настраиваем заголовок */
    .flex-content-gap h2 {
        margin: 10px 0; /* Задаем отступы */
    }
}


/* проекты текст и стрелка вместе*/


.name-block .text {
    margin-right: 5px; /* Расстояние между текстом и стрелкой */
}

.name-block .icon {
    flex-shrink: 0; /* Предотвращает сжатие иконки */
}
/* стрелки в списке проектов одинакового размера */
.link-with-arrow span.icon svg{
    width: unset;
}
.project-content a{
    margin-right: 5px;
}
/*
.link-with-arrow {
    display: unset;
}

/* градиент для детальной проектов*/

/*
.banner-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.8) 150%);

    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
}
.title-block{
    z-index: 3;
}
*/
.h1-flat-top:hover {
   /* color: #FF2626; /* Цвет текста при наведении */
    text-decoration: underline; /* Подчеркивание текста */
    text-decoration-color: #FF2626; /* Цвет подчеркивания */
}

/* положение ватсапа в подвале*/

/* ховер для подвала */

.subscribe-link a:hover .text {
    color: #FF2626; /* Цвет текста при ховере */
}

/* Ховер для кнопки */
.address-link .btn:hover {
    background-color: #B7C0CE; /* Серый цвет фона при ховере */
    color: #fff; /* Цвет текста, чтобы он был контрастным на сером фоне */
    transition: background-color 0.3s ease; /* Плавный переход при ховере */
}
/* иконка Т в 404*/

.error-container .icon {

    margin-top: 121px;
}


@media (max-width: 767px) {
    .error-container .icon {
        bottom: unset;
        position: unset;
        margin-top: 44px;
    }
}

/*проекты плитка микротекст*/
.project-product-item .name-block p{
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-top: 4px;
    position: relative;
}
.name-block span.icon svg{
    margin-bottom: -3px;
}

.swiper-slide .swipper-element-inside .name-block p{
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-top: 4px;
    position: relative;
}
.swiper-slide .swipper-element-inside .name-block span.icon svg{
    margin-bottom: -3px;
}

/* проекты детальная ссылка в  */

.flat-content-left a {
    color: #007bff; /* Цвет текста */

    text-decoration: underline; /* Подчеркнуть ссылку */
    transition: color 0.3s ease; /* Плавный переход цвета при наведении */
}

.flat-content-left a:hover {
    color: #ff5733; /* Изменение цвета при наведении */
    text-decoration: none; /* Убираем подчеркивание при наведении */
}

.flat-content-left a:focus,
.flat-content-left a:active {
    outline: none; /* Убираем обводку вокруг ссылки при фокусе */
    color: #0056b3; /* Цвет ссылки при нажатии */
}

p a {
    color: #007bff; /* Зеленый цвет для ссылки */

    text-decoration: underline; /* Подчеркнуть ссылку */
    transition: color 0.3s ease; /* Плавный переход цвета при наведении */
}

p a:hover {
    color: #dc3545; /* Красный цвет при наведении */
    text-decoration: none; /* Убираем подчеркивание при наведении */
}

p a:focus,
p a:active {
    outline: none; /* Убираем обводку вокруг ссылки при фокусе */
    color: #0056b3; /* Цвет ссылки при нажатии */
}

.flat-info-container .flat-content-right .picture {
    height: auto;
}

.simple-text-block {
    line-height: 1.4; /* Высота строки */
    margin-bottom: 16px; /* Отступ снизу */
    padding: 12px; /* Внутренние отступы */
    border-radius: 8px; /* Радиус скругления */
    text-align: center;
}