/* Company Info Component */
.dh-company-info {
    padding: 60px 0;
    width: 100%;
    margin: 0 auto;
}

.dh-company-info__container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    /* Mobile first: Column */
    gap: 30px;
    align-items: flex-start;
}

/* Content Column */
.dh-company-info__content {
    flex: 1;
    width: 100%;
}

.dh-company-info__overline {
    color: var(--primary-red-100, #DF002F);
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    text-align: left;
    /* User requested, though visual is left-aligned. */
    margin-bottom: 16px;
    /* Gap to title */
}

/* On desktop, restore left alignment if the user actually wanted strictly left align for the 2-col */
@media (min-width: 1024px) {
    .dh-company-info__overline {
        text-align: left;
    }
}

.dh-company-info__title {
    color: var(--primary-black-100, #111B29);
    font-family: Lato;
    font-size: 28px;
    /* Mobile */
    font-style: normal;
    font-weight: 700;
    line-height: 116%;
    /* 32.48px */
    margin: 0 0 16px 0;
    /* Gap to description */
}

.dh-company-info__description {
    color: var(--primary-black-100, #111B29);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    /* 21.12px */
    margin-bottom: 24px;
    /* Gap to next element */
}

/* Lists */
.dh-company-info__list-group {
    margin-bottom: 24px;
}

.dh-company-info__list-group:not(:last-child) {
    border-bottom: 1px solid var(--Secondary-Light-Red, #FCE7E8);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.dh-company-info__list-title {
    color: var(--primary-black-100, #111B29);
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 24px */
    margin: 0 0 16px 0;
}

.dh-company-info__list-title--positive {
    color: var(--primary-black-100, #111B29);
}

.dh-company-info__list-title--negative {
    color: var(--primary-black-100, #111B29);
}

.dh-company-info__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dh-company-info__list-item {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-start;
}

.dh-company-info__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    flex-shrink: 0;
    margin-top: 0px;
    /* Visual alignment */
}

.dh-company-info__text {
    color: var(--primary-black-100, #111B29);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    /* User specified 700 */
    line-height: 132%;
    /* 21.12px */
}

/* Image Column */
.dh-company-info__image-col {
    flex: 1;
    width: 100%;
}

.dh-company-info__image-wrapper {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.dh-company-info__image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Responsive: Desktop */
@media (min-width: 1024px) {
    .dh-company-info__container {
        flex-direction: row;
        /* Desktop: Row */
        align-items: flex-start;
        /* Alignment top */
        gap: 80px;
        /* Gap from Figma */
    }

    .dh-company-info__title {
        font-size: 36px;
        /* Desktop size */
        line-height: 116%;
    }

    /* Order on desktop: Text Left, Image Right (Natural order matches HTML) */

    /* Improve alignment if image height differs from text height */
    .dh-company-info__container {
        align-items: center;
    }
}