/* =========================================================
   WELCOME OVEN
   INDUSTRIES PAGE
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.wo-industries-hero {

    position: relative;

    padding: 120px 0;

    background:
        linear-gradient(
            90deg,
            rgba(15, 76, 129, 0.96),
            rgba(15, 76, 129, 0.88)
        );

    overflow: hidden;

}


.wo-industries-hero::after {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -160px;
    top: -180px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;

}


.wo-industries-hero-content {

    position: relative;

    z-index: 1;

    max-width: 780px;

}


.wo-industries-hero .wo-section-eyebrow {

    color: #F58220;

}


.wo-industries-hero h1 {

    margin: 15px 0 25px;

    color: #FFFFFF;

}


.wo-industries-hero h1 span {

    display: block;

    color: #F58220;

}


.wo-industries-hero p {

    max-width: 720px;

    color: rgba(255, 255, 255, 0.88);

    font-size: 18px;

    line-height: 1.8;

}


.wo-industries-hero-actions {

    display: flex;

    gap: 15px;

    margin-top: 35px;

}


/* =========================================================
   INTRO
   ========================================================= */

.wo-industries-intro {

    padding: 100px 0;

    background: #FFFFFF;

}


.wo-industries-intro-grid {

    display: grid;

    grid-template-columns: 1.6fr 1fr;

    gap: 70px;

    align-items: center;

}


.wo-industries-intro-content h2 {

    margin: 15px 0 25px;

}


.wo-industries-intro-content h2 span {

    color: #0F4C81;

}


.wo-industries-intro-content p {

    margin-bottom: 18px;

    color: #3E4651;

    line-height: 1.8;

}


.wo-industries-intro-highlight {

    padding: 40px;

    background: #F5F7FA;

    border-left: 4px solid #F58220;

    border-radius: 12px;

}


.wo-industries-highlight-icon {

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 25px;

    border-radius: 10px;

    background: #0F4C81;

    color: #FFFFFF;

    font-size: 24px;

}


.wo-industries-intro-highlight h3 {

    margin-bottom: 15px;

    color: #1A1A1A;

}


.wo-industries-intro-highlight p {

    margin: 0;

    color: #3E4651;

    line-height: 1.7;

}


/* =========================================================
   INDUSTRY LIST
   ========================================================= */

.wo-industries-list {

    padding: 100px 0;

    background: #F5F7FA;

}


.wo-industries-section-header {

    max-width: 760px;

    margin: 0 auto 55px;

    text-align: center;

}


.wo-industries-section-header h2 {

    margin: 15px 0;

}


.wo-industries-section-header h2 span {

    color: #0F4C81;

}


.wo-industries-section-header p {

    color: #3E4651;

    line-height: 1.7;

}


.wo-industries-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

}


.wo-industry-card {

    padding: 32px;

    background: #FFFFFF;

    border: 1px solid #D9DEE5;

    border-radius: 12px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;

}


.wo-industry-card:hover {

    transform: translateY(-5px);

    border-color: #0F4C81;

    box-shadow: 0 12px 30px rgba(15, 76, 129, 0.08);

}


.wo-industry-card-icon {

    width: 56px;
    height: 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    border-radius: 10px;

    background: rgba(15, 76, 129, 0.08);

    color: #0F4C81;

    font-size: 22px;

}


.wo-industry-card h3 {

    margin-bottom: 12px;

    color: #1A1A1A;

    font-size: 21px;

}


.wo-industry-card p {

    margin: 0;

    color: #3E4651;

    line-height: 1.7;

}


/* =========================================================
   PROCESS
   ========================================================= */

.wo-industries-process {

    padding: 100px 0;

    background: #FFFFFF;

}


.wo-industries-process-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 35px;

}


.wo-industry-process-step {

    position: relative;

    padding: 30px;

    border-top: 3px solid #0F4C81;

    background: #FFFFFF;

}


.wo-process-number {

    display: block;

    margin-bottom: 20px;

    color: #F58220;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1px;

}


.wo-industry-process-step > i {

    margin-bottom: 20px;

    color: #0F4C81;

    font-size: 28px;

}


.wo-industry-process-step h3 {

    margin-bottom: 12px;

}


.wo-industry-process-step p {

    margin: 0;

    color: #3E4651;

    line-height: 1.7;

}


/* =========================================================
   CTA
   ========================================================= */

.wo-industries-cta {

    padding: 80px 0;

    background: #0F4C81;

}


.wo-industries-cta-inner {

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 50px;

}


.wo-industries-cta .wo-section-eyebrow {

    color: #F58220;

}


.wo-industries-cta h2 {

    max-width: 700px;

    margin: 12px 0 15px;

    color: #FFFFFF;

}


.wo-industries-cta p {

    margin: 0;

    color: rgba(255, 255, 255, 0.8);

}


.wo-industries-cta-actions {

    display: flex;

    flex-shrink: 0;

    gap: 15px;

}