/* Start:/local/templates/glavhoz/components/bitrix/news.list/about_company_block/style.css?17435795362509*/
/*ИНФОРМАЦИЯ О КОМПАНИИ*/

.infoblock .title-section{
    margin: 0 160px 60px;
}

.infoblock-container{
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.info{
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 160px;
    
}

.info-left{
    margin: 0 160px 0 0;
    
}

.infoline {
    position: relative;
    width: 70%; /* Ширина блока */
    padding: 0 160px 0 20px;
    display: flex;
    align-items: center;
    background-color: var(--colorLightGray); /* Цвет фона блока */
    opacity: 0; /* Начальное состояние невидимо */
    transform: translateX(100%); /* Начальное положение для анимации */
    animation: slideIn 3s forwards; /* Анимация */
}

.infoline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px; /* Сдвинуть границу влево */
    
    width: 100%;
    height: 100%;
    background-color: var(--colorLightGray); /* Цвет фона блока */
    transform: skewX(-40deg); /* Скошенная граница */
    z-index: -1; /* Поместить за текстом */
}

.infoline_red{
    max-width: calc(100vw-320px);
    position: relative;
    width: 80%; /* Ширина блока */
    opacity: 0; /* Начальное состояние невидимо */
    padding: 0 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-100%); /* Начальное положение для красного блока */
    animation: slideIn 3s forwards; /* Анимация */
}

.infoline_red::before {
    content: '';
    position: absolute;
    top: 0;
    left: -70px; /* Сдвинуть границу влево */
    width: 100%;
    height: 100%;
    background-color: var(--colorRed); /* Цвет фона блока */
    transform: skewX(-40deg); /* Скошенная граница */
    z-index: -1; /* Поместить за текстом */
}

.text_info{
    font-size: 40px;
    text-align: center;
    color: var(--colorRed);
    font-family: 'NotoSans-Bold';
}

.infographic{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.infographic img{
    height: 100px;
}

@keyframes slideIn {
    to {
        opacity: 1; /* Появление текста */
        transform: translateX(0); /* Конечное положение */
    }
}
/* End */
/* /local/templates/glavhoz/components/bitrix/news.list/about_company_block/style.css?17435795362509 */