/* ==================
    Utility Classes
===================== */
.industries__topic-title-text {
    font-weight: 600;
    font-size: 1.5em;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 3.5em;
    }
}

.industries__section-title-text {
    font-weight: 600;
    font-size: 1.5em;

    @media (min-width: 768px) {
        font-size: 2em;
    }

    @media (min-width: 1280px) {
        font-size: 2.5em;
    }
}

.industries__section-subtitle-text {
    font-size: 1.2em;
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.5em;
    }

    @media (min-width: 1280px) {
        font-size: 1.8em;
    }
}

.industries__section-text {
    line-height: 1.1;

    @media (min-width: 768px) {
        font-size: 1.2em;
    }

    @media (min-width: 1280px) {
        font-size: 1.3em;
    }
}

.industries__section-link-text {
    display: flex;
    align-items: center;
    color: var(--white);
    font-weight: 600;
    background: var(--main-orange);
    padding: 20px 25px;
    text-wrap: nowrap;
    width: fit-content;
}

.industries__section-link-text:hover {
    color: var(--white);
    background: var(--main-orange-hover-color);
}

.industries__main-padding-container {
    padding: 32px 16px;

    @media (min-width: 768px) {
        margin: 0;
        padding: 48px 0;
    }

    @media (min-width: 1280px) {
        padding: 64px 0 128px;
    }
}

/* #region Industries section */
.industries__main-container {
    display: flex;
    flex-direction: column;
    gap: 50px;

    @media (min-width: 768px) {
        gap: 75px;
    }
}

.industries__all-sections-container {
    display: grid;
    gap: 75px;
    grid-auto-flow: row;
    grid-template-columns: 1fr;

    @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 100px 45px;
    }
}

.industries__section-container {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 15px;

    @media (min-width: 768px) {
        gap: 20px;
    }
}

.industries__section-container:last-child {
    @media (min-width: 1280px) {
        grid-column: span 2;
    }
}

.industries__section-text-container {
    display: grid;
    gap: 15px;

    @media (min-width: 768px) {
        gap: 20px;
    }
}


.industries__section-buttons-container {
    display: flex;
    flex-direction: column;
    justify-self: baseline;
    gap: 10px;

    @media (min-width: 768px) {
        flex-direction: row;
        max-width: fit-content;
        gap: 30px;
    }
}

.industries__image {
    width: 100%;
}

/* #endregion Industries section */