/* ==========================================================================
   TROY EQUIPMENT LLC — Unified Standard Hero Banner Styles
   Master Reference: About Us Page (pages/about.php)
   Applies to: about, contact, oem, downloads, wagger, regions
   ========================================================================== */

/* 1. Hero Outer Container */
.troy-hero-standard,
.elementor-81 .elementor-element-4050227,
.elementor-79 .elementor-element-1469822,
.elementor-488 .elementor-element-a9a43a7,
.elementor-720 .elementor-element-4050227,
.elementor-422 .elementor-element-4050227,
.elementor-578 .elementor-element-4050227 {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 480px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Dark Gradient Overlay */
.troy-hero-standard::before,
.elementor-81 .elementor-element-4050227::before,
.elementor-79 .elementor-element-1469822::before,
.elementor-488 .elementor-element-a9a43a7::before,
.elementor-720 .elementor-element-4050227::before,
.elementor-422 .elementor-element-4050227::before,
.elementor-578 .elementor-element-4050227::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(106deg, rgba(0, 0, 0, 0.92) 20%, rgba(0, 0, 0, 0.75) 45%, rgba(255, 255, 255, 0.05) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 2. Boxed Inner Container (1360px max width with 24px padding matching Header Logo) */
.troy-hero-boxed,
.elementor-81 .elementor-element-604abae,
.elementor-79 .elementor-element-7a23a32,
.elementor-488 .elementor-element-25ae147,
.elementor-720 .elementor-element-604abae,
.elementor-422 .elementor-element-604abae,
.elementor-578 .elementor-element-604abae {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.troy-hero-boxed > .e-con-inner,
.elementor-81 .elementor-element-604abae > .e-con-inner,
.elementor-79 .elementor-element-7a23a32 > .e-con-inner,
.elementor-488 .elementor-element-25ae147 > .e-con-inner,
.elementor-720 .elementor-element-604abae > .e-con-inner,
.elementor-422 .elementor-element-604abae > .e-con-inner,
.elementor-578 .elementor-element-604abae > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

/* 3. Hero Content Column */
.troy-hero-col,
.elementor-81 .elementor-element-e6ace93,
.elementor-79 .elementor-element-4ab1c30,
.elementor-488 .elementor-element-591880f,
.elementor-720 .elementor-element-e6ace93,
.elementor-422 .elementor-element-e6ace93,
.elementor-578 .elementor-element-e6ace93 {
    width: 58% !important;
    max-width: 760px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

/* 4. Breadcrumb */
.troy-hero-breadcrumb,
.troy-hero-breadcrumb p,
.elementor-81 .elementor-element-5116e27,
.elementor-81 .elementor-element-5116e27 p,
.elementor-79 .elementor-element-735ebfa,
.elementor-79 .elementor-element-735ebfa p,
.elementor-488 .elementor-element-71e3f28,
.elementor-488 .elementor-element-71e3f28 p,
.elementor-720 .elementor-element-5116e27,
.elementor-720 .elementor-element-5116e27 p,
.elementor-422 .elementor-element-5116e27,
.elementor-422 .elementor-element-5116e27 p,
.elementor-578 .elementor-element-5116e27,
.elementor-578 .elementor-element-5116e27 p {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.troy-hero-breadcrumb a,
.elementor-element-5116e27 a,
.elementor-element-71e3f28 a,
.elementor-element-735ebfa a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.troy-hero-breadcrumb a:hover,
.elementor-element-5116e27 a:hover,
.elementor-element-71e3f28 a:hover,
.elementor-element-735ebfa a:hover {
    color: #e5a93c !important;
}

/* 5. Title Line 1 — White 50px */
.troy-hero-title-1,
.troy-hero-title-1 .elementor-heading-title,
.elementor-element.elementor-element-abt_h_title_1 .elementor-heading-title,
.elementor-488 .elementor-element.elementor-element-978c425 .elementor-heading-title,
.elementor-79 .elementor-element.elementor-element-cnt_h_title_1 .elementor-heading-title {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 50px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.1em !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: normal !important;
}

/* 6. Title Line 2 — Troy Yellow/Gold (#e5a93c) 50px */
.troy-hero-title-2,
.troy-hero-title-2 .elementor-heading-title,
.elementor-element.elementor-element-abt_h_title_2 .elementor-heading-title,
.elementor-488 .elementor-element.elementor-element-65e43bd .elementor-heading-title,
.elementor-79 .elementor-element.elementor-element-cnt_h_title_2 .elementor-heading-title {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 50px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    line-height: 1.1em !important;
    color: #e5a93c !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: normal !important;
}

/* 7. Yellow Accent Divider Line (50px wide, 3.3px solid #e5a93c, 9px padding) */
.troy-hero-divider,
.elementor-81 .elementor-element-693ae7e,
.elementor-79 .elementor-element-b8c8acc,
.elementor-488 .elementor-element-bc2a6f7,
.elementor-720 .elementor-element-693ae7e,
.elementor-422 .elementor-element-693ae7e,
.elementor-578 .elementor-element-693ae7e {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.troy-hero-divider .elementor-divider,
.elementor-81 .elementor-element-693ae7e .elementor-divider,
.elementor-79 .elementor-element-b8c8acc .elementor-divider,
.elementor-488 .elementor-element-bc2a6f7 .elementor-divider,
.elementor-720 .elementor-element-693ae7e .elementor-divider,
.elementor-422 .elementor-element-693ae7e .elementor-divider,
.elementor-578 .elementor-element-693ae7e .elementor-divider {
    text-align: left !important;
    padding-block-start: 10px !important;
    padding-block-end: 10px !important;
    margin: 0 !important;
}

.troy-hero-divider .elementor-divider-separator,
.elementor-81 .elementor-element-693ae7e .elementor-divider-separator,
.elementor-79 .elementor-element-b8c8acc .elementor-divider-separator,
.elementor-488 .elementor-element-bc2a6f7 .elementor-divider-separator,
.elementor-720 .elementor-element-693ae7e .elementor-divider-separator,
.elementor-422 .elementor-element-693ae7e .elementor-divider-separator,
.elementor-578 .elementor-element-693ae7e .elementor-divider-separator {
    width: 50px !important;
    border-top: 3.3px solid #e5a93c !important;
    margin: 0 auto 0 0 !important;
}

/* 8. Subtitle / Description Text — 19px, #cbd5e1, letter-spacing 0.6px */
.troy-hero-desc,
.troy-hero-desc p,
.elementor-81 .elementor-element-4b79bfc,
.elementor-81 .elementor-element-4b79bfc p,
.elementor-79 .elementor-element-cnt_h_desc,
.elementor-79 .elementor-element-cnt_h_desc p,
.elementor-488 .elementor-element-e60c39a,
.elementor-488 .elementor-element-e60c39a p,
.elementor-720 .elementor-element-4b79bfc,
.elementor-720 .elementor-element-4b79bfc p,
.elementor-422 .elementor-element-4b79bfc,
.elementor-422 .elementor-element-4b79bfc p,
.elementor-578 .elementor-element-4b79bfc,
.elementor-578 .elementor-element-4b79bfc p {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    letter-spacing: 0.6px !important;
    color: #cbd5e1 !important;
    line-height: 1.45em !important;
    margin: 0 !important;
}

/* 9. Contact Page Hero Badges (Application Support, Sales, Custom & OEM) */
.elementor-79 .elementor-element.elementor-element-cnt_hero_left {
    margin-top: 24px !important;
}
.elementor-79 .elementor-element.elementor-element-cnt_h_badges {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* 10. OEM CTA Button */
.elementor-488 .elementor-element.elementor-element-7e1cd5e {
    margin-top: 20px !important;
}

/* 11. Mobile Responsiveness (<= 767px) */
@media (max-width: 767px) {
    .troy-hero-standard,
    .elementor-81 .elementor-element-4050227,
    .elementor-79 .elementor-element-1469822,
    .elementor-488 .elementor-element-a9a43a7,
    .elementor-720 .elementor-element-4050227,
    .elementor-422 .elementor-element-4050227,
    .elementor-578 .elementor-element-4050227 {
        min-height: auto !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .troy-hero-boxed,
    .elementor-81 .elementor-element-604abae,
    .elementor-79 .elementor-element-7a23a32,
    .elementor-488 .elementor-element-25ae147,
    .elementor-720 .elementor-element-604abae,
    .elementor-422 .elementor-element-604abae,
    .elementor-578 .elementor-element-604abae {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .troy-hero-col,
    .elementor-81 .elementor-element-e6ace93,
    .elementor-79 .elementor-element-4ab1c30,
    .elementor-488 .elementor-element-591880f,
    .elementor-720 .elementor-element-e6ace93,
    .elementor-422 .elementor-element-e6ace93,
    .elementor-578 .elementor-element-e6ace93 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .troy-hero-title-1,
    .troy-hero-title-1 .elementor-heading-title,
    .elementor-element.elementor-element-abt_h_title_1 .elementor-heading-title,
    .elementor-488 .elementor-element.elementor-element-978c425 .elementor-heading-title,
    .elementor-79 .elementor-element.elementor-element-cnt_h_title_1 .elementor-heading-title,
    .troy-hero-title-2,
    .troy-hero-title-2 .elementor-heading-title,
    .elementor-element.elementor-element-abt_h_title_2 .elementor-heading-title,
    .elementor-488 .elementor-element.elementor-element-65e43bd .elementor-heading-title,
    .elementor-79 .elementor-element.elementor-element-cnt_h_title_2 .elementor-heading-title {
        font-size: 38px !important;
        line-height: 1.15em !important;
    }

    .troy-hero-desc,
    .troy-hero-desc p,
    .elementor-81 .elementor-element-4b79bfc,
    .elementor-81 .elementor-element-4b79bfc p,
    .elementor-79 .elementor-element-cnt_h_desc,
    .elementor-79 .elementor-element-cnt_h_desc p,
    .elementor-488 .elementor-element-e60c39a,
    .elementor-488 .elementor-element-e60c39a p,
    .elementor-720 .elementor-element-4b79bfc,
    .elementor-720 .elementor-element-4b79bfc p,
    .elementor-422 .elementor-element-4b79bfc,
    .elementor-422 .elementor-element-4b79bfc p,
    .elementor-578 .elementor-element-4b79bfc,
    .elementor-578 .elementor-element-4b79bfc p {
        font-size: 15px !important;
        line-height: 1.5em !important;
    }
}

@media (max-width: 480px) {
    .troy-hero-title-1,
    .troy-hero-title-1 .elementor-heading-title,
    .elementor-element.elementor-element-abt_h_title_1 .elementor-heading-title,
    .elementor-488 .elementor-element.elementor-element-978c425 .elementor-heading-title,
    .elementor-79 .elementor-element.elementor-element-cnt_h_title_1 .elementor-heading-title,
    .troy-hero-title-2,
    .troy-hero-title-2 .elementor-heading-title,
    .elementor-element.elementor-element-abt_h_title_2 .elementor-heading-title,
    .elementor-488 .elementor-element.elementor-element-65e43bd .elementor-heading-title,
    .elementor-79 .elementor-element.elementor-element-cnt_h_title_2 .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.15em !important;
    }
}