/* Start:/bitrix/templates/teamb_topprom/components/bitrix/news/news1/bitrix/news.detail/.default/style.css?17663841275666*/
.team_list_text{
	font-size: var(--font-size-1);
	line-height: var(--line-height-1);
	font-weight: 400;
	margin-bottom: 50px;
}

.team_item{
	margin-bottom: 60px;
}
.portner__detail-top{
    background-color: #1f1c38; 
    color: white;
    display: flex; /* Используем flexbox для расположения содержимого */
    justify-content: center; /* Центрируем содержимое по горизонтали */
    align-items: center; /* Центрируем содержимое по вертикали */
    flex-direction: column; /* Располагаем элементы в колонку */
    width: 100%; /* Задаем ширину 100% */
    padding: 20px; /* Добавляем отступы */
    text-align: center;
}
.row1 {
            width: 100%; /* Задаем ширину 100% для строки */
            display: flex; /* Используем flexbox для расположения колонок */
            justify-content: center; /* Центрируем колонки внутри строки */
        }

.col1-12 {
    max-width: 600px; /* Ограничиваем максимальную ширину для колонки */
    width: 100%; /* Задаем ширину 100% для колонки */
    justify-content: center; /* Центрируем содержимое по горизонтали */
    align-items: center;
}

.team_item_img{
	margin-bottom: 23px;
	border-radius: 120px;
	overflow: hidden;
}
.service__detail-top img{

}

.team_item_job_title{
	margin-bottom: 14px;
	color: var(--text-color-gray);
	font-size: 14px;
	line-height: var(--line-height-1);
}

.team_item_name{
	margin-bottom: 21px;
	font-size: 18px;
	line-height: 34px;
	font-weight: 800;
	text-transform: uppercase;
}
.team_item_price{
    margin-bottom: 5px;
}

.related-news {
    margin-top: 20px;
    font-family: var(--font-family-1);
}

.related-news h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.related-news__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.related-news__item {
    width: 33.33%; /* Всегда 33.33% */
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column; /* Выравнивание по высоте */
    align-items: stretch;
}

.related-news__item .col-12.col-lg-3 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.service__item-img img {
    width: 100%; /* Растягиваем картинку на всю ширину */
    height: auto; /* Сохраняем пропорции */
    object-fit: cover; /* Обрезаем изображение, если необходимо */
}
.related-news__info {
  flex: 1; /* Занимает оставшееся пространство */
}

.related-news__image img {
    height: auto; /* Автоматическая высота */
    border-radius: 8px; /* Закругление углов */
}


.related-news__info {
    margin-left: 10px; /* Отступ между изображением и текстом */
}

.related-news__date {
    font-size: 14px;
    color: gray;
}

.related-news__title {
    font-size: 18px;
    font-weight: bold;
    font-family: var(--font-family-1);
}

.related-news__text {
    margin-top: 5px;
    color: black; /* Цвет текста красный */
    font-size: 18px;
    font-family: var(--font-family-1);
}
.related-news__item {
    padding-right: 20px; /* Отступ справа */
}

.button.red-button {
    background-color: #DD162A; /* Красный цвет кнопки */
    color: white; /* Цвет текста кнопки */
    padding: 10px 15px; /* Отступы кнопки */
    text-decoration: none; /* Убираем подчеркивание */
}

.custom-paragraph {
            color: white; /* Цвет текста белый */
            font-size: 25px; /* Увеличенный размер шрифта */
            line-height: 1.5; /* Высота строки для лучшей читаемости */
            margin: 10px 0; /* Отступы сверху и снизу */
            font-weight: bold;
        }

.service-detail__top_text{
    align-items: center;
}

.portfolio__list .row{
    row-gap: 23px;
}

.portfolio__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio__item img{
    filter: brightness(1);
    display: block;
    transition: 0.2s;
    max-height: 280px;
    width: 100%;
    object-fit: cover;
}
.portfolio__item a:hover img{
    filter: brightness(0.7);
}

.portfolio__item a svg {
    position: absolute;
    opacity: 0;
    transition: 0.4s;
}

.portfolio__item a:hover svg {
    opacity: 1;
}

.tabs__container{
    border-top: 1px solid var(--main-color-5);
    margin-bottom: 46px;
    margin-top: 106px;
}
.tabs__item{
    padding-top: 25px;
    border-top: 1px solid transparent;
    color: var(--text-color-gray-2);
    font-family: var(--font-family-2);
    font-size: 14px;   
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin-right: 50px;
}
.tabs__item.active,
.tabs__item:hover
{    
    border-top: 1px solid var(--main-color-3);
    color: var(--main-color-3);
}

.tab-box__item{
    display: none;
}
.tab-box__item.active{
    display: block;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
}


@media(max-width:576px){
    .tabs__item{
        padding-top: 20px;       
        margin-right: 18px;
        font-size: 13px;
    }
}
/* End */
/* /bitrix/templates/teamb_topprom/components/bitrix/news/news1/bitrix/news.detail/.default/style.css?17663841275666 */