.about-company_header {
    color: #fff;
    background: linear-gradient(0deg, rgba(9, 29, 39, .55) 28.44%, rgba(9, 29, 39, 0) 58.65%), linear-gradient(.23deg, rgba(9, 29, 39, .8) 54.47%, rgba(9, 29, 39, 0) 99.81%), center/cover no-repeat url(/img/about-company-header.jpg);
}

@media (min-width: 576px) {
    .about-company_header {
        background: linear-gradient(90deg, rgba(9, 29, 39, .55) 28.44%, rgba(9, 29, 39, 0) 58.65%), linear-gradient(90deg, rgba(9, 29, 39, .8) 42.5%, rgba(9, 29, 39, 0) 75.83%), center/cover no-repeat url(/img/about-company-header.jpg);
    }
}

.about-company_header_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 24px;
    padding: 240px 0 24px;
    max-width: 560px;
}

@media (min-width: 576px) {
    .about-company__header_container {
        justify-content: center;
        padding: 110px 0;
    }
}

@media (min-width: 992px) {
    .about-company_header_container {
        padding: 110px 0;
    }
}

@media (min-width: 1200px) {
    .about-company_header_container {
        max-width: 650px;
    }
}

.font__display2 {
    font-size: 36px;
    line-height: 42px;
    color: #fff;
}

.about-company_header_header {
    color: #fff;
}

.text-with-border {
    border-left: 8px solid #00a030;
    padding-left: 32px;
}

@media (min-width: 576px) {
    .font__display2 {
        font-size: 48px;
        line-height: 58px;
    }
}

@media (min-width: 1200px) {
    .font__display2 {
        font-size: 64px;
        line-height: 76px;
    }
}

.about-company__header_text[_ngcontent-server-c61] {
    color: inherit;
}

@media (min-width: 1200px) {
    .font__body1 {
        font-size: 16px;
        line-height: 24px;
    }
}

.font__body1 {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.about-company_header_container .primary {
    color: #00a030;
}