/* =========================================================
   JIANGSU ADELINE - INDUSTRIES PAGE
   ========================================================= */

.industries-page{
    margin:0;
    background:#ffffff;
    color:#1f2933;
}


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

.industries-page .industries-hero{
    min-height:440px;
    padding:80px 20px;

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

    text-align:center;

    background:
        linear-gradient(
            110deg,
            rgba(5,25,48,.96),
            rgba(10,52,88,.91)
        );

    color:#ffffff;
}


.industries-page .industries-hero .container{
    max-width:950px;
}


.industries-page .industries-hero span{
    display:block;

    margin-bottom:16px;

    color:#ff7777;

    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
}


.industries-page .industries-hero h1{
    max-width:900px;

    margin:0 auto 20px;

    color:#ffffff;

    font-size:50px;
    line-height:1.14;
    font-weight:800;
}


.industries-page .industries-hero p{
    max-width:800px;

    margin:0 auto;

    color:#dbe5ee;

    font-size:17px;
    line-height:1.8;
}


.industries-page .industries-hero-btn{
    display:inline-block;

    margin-top:30px;
    padding:15px 32px;

    background:#bf0000;
    color:#ffffff;

    border-radius:5px;

    text-decoration:none;
    font-weight:800;

    transition:.25s;
}


.industries-page .industries-hero-btn:hover{
    background:#8c0000;
}


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

.industries-page .industries-intro{
    padding:85px 20px 45px;
}


.industries-page .industries-heading{
    max-width:820px;

    margin:0 auto;

    text-align:center;
}


.industries-page .industries-heading > span{
    color:#b40000;

    font-size:12px;
    font-weight:800;
    letter-spacing:1.6px;
}


.industries-page .industries-heading h2{
    margin:12px 0 17px;

    color:#17222d;

    font-size:40px;
    line-height:1.2;
}


.industries-page .industries-heading h2::after{
    content:"";

    display:block;

    width:58px;
    height:3px;

    margin:18px auto 0;

    background:#b60000;
}


.industries-page .industries-heading p{
    margin:0;

    color:#65717c;

    font-size:15px;
    line-height:1.8;
}


/* ================= INDUSTRY CARDS ================= */

.industries-page .industries-main{
    padding:40px 0 95px;
}


.industries-page .industries-grid{
    width:90%;
    max-width:1200px;

    margin:auto;

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

    gap:25px;
}


.industries-page .industry-card{
    position:relative;

    padding:30px;

    background:#ffffff;

    border:1px solid #e0e5ea;
    border-radius:12px;

    box-shadow:0 8px 25px rgba(0,0,0,.055);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.industries-page .industry-card:hover{
    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.11);
}


.industries-page .industry-card-number{
    width:44px;
    height:44px;

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

    margin-bottom:20px;

    background:#0b2b4e;
    color:#ffffff;

    border-radius:50%;

    font-size:12px;
    font-weight:800;
}


.industries-page .industry-card h3{
    margin:0 0 14px;

    color:#b00000;

    font-size:22px;
    line-height:1.3;
}


.industries-page .industry-card > p{
    min-height:120px;

    margin:0;

    color:#626e78;

    font-size:14px;
    line-height:1.72;
}


.industries-page .industry-card h4{
    margin:22px 0 11px;

    color:#26313b;

    font-size:14px;
}


.industries-page .industry-card ul{
    margin:0 0 22px;

    padding-left:19px;

    color:#4e5963;
}


.industries-page .industry-card li{
    margin:7px 0;

    font-size:13px;
    line-height:1.4;
}


.industries-page .industry-card a{
    display:inline-block;

    color:#a80000;

    font-size:13px;
    font-weight:800;

    text-decoration:none;
}


.industries-page .industry-card a:hover{
    text-decoration:underline;
}


/* ================= PRODUCT MATCH ================= */

.industries-page .industry-product-match{
    padding:90px 0;

    background:#f4f6f8;
}


.industries-page .industry-product-match .container{
    width:90%;
    max-width:1200px;
    margin:auto;
}


.industries-page .industry-match-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-top:50px;
}


.industries-page .industry-match-grid a{
    display:block;

    padding:30px;

    background:#0b294a;
    color:#ffffff;

    border-radius:9px;

    text-decoration:none;

    transition:.3s;
}


.industries-page .industry-match-grid a:hover{
    background:#a90000;

    transform:translateY(-6px);
}


.industries-page .industry-match-grid strong{
    display:block;

    margin-bottom:10px;

    color:#ffffff;

    font-size:19px;
}


.industries-page .industry-match-grid span{
    display:block;

    color:#dbe4ec;

    font-size:13px;
    line-height:1.65;
}


/* ================= B2B SUPPORT ================= */

.industries-page .industry-support{
    padding:90px 0;
}


.industries-page .industry-support .container{
    width:90%;
    max-width:1200px;

    margin:auto;
}


.industries-page .industry-support-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:20px;

    margin-top:50px;
}


.industries-page .industry-support-grid > div{
    padding:30px 24px;

    background:#ffffff;

    border:1px solid #e0e5e9;
    border-radius:9px;

    text-align:center;

    box-shadow:0 6px 20px rgba(0,0,0,.04);
}


.industries-page .industry-support-grid strong{
    width:45px;
    height:45px;

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

    margin:0 auto 18px;

    background:#b70000;
    color:#ffffff;

    border-radius:50%;

    font-size:12px;
}


.industries-page .industry-support-grid h3{
    margin:0 0 11px;

    color:#202a34;

    font-size:18px;
}


.industries-page .industry-support-grid p{
    margin:0;

    color:#65717b;

    font-size:13px;
    line-height:1.65;
}


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

.industries-page .industries-cta{
    padding:90px 20px;

    background:
        linear-gradient(
            120deg,
            #b90000,
            #820000
        );

    color:#ffffff;

    text-align:center;
}


.industries-page .industries-cta .container{
    max-width:850px;
}


.industries-page .industries-cta span{
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
}


.industries-page .industries-cta h2{
    margin:14px 0 18px;

    color:#ffffff;

    font-size:41px;
    line-height:1.2;
}


.industries-page .industries-cta p{
    max-width:750px;

    margin:0 auto;

    color:#ffeaea;

    font-size:15px;
    line-height:1.75;
}


.industries-page .industries-cta a{
    display:inline-block;

    margin-top:29px;
    padding:15px 32px;

    background:#ffffff;
    color:#a50000;

    border-radius:5px;

    text-decoration:none;
    font-weight:800;

    transition:.25s;
}


.industries-page .industries-cta a:hover{
    background:#111820;
    color:#ffffff;
}


/* ================= TABLET ================= */

@media(max-width:1000px){

    .industries-page .industries-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .industries-page .industry-match-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .industries-page .industry-support-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/* ================= MOBILE ================= */

@media(max-width:650px){

    .industries-page .industries-hero{
        min-height:auto;
        padding:70px 20px;
    }


    .industries-page .industries-hero h1{
        font-size:34px;
    }


    .industries-page .industries-heading h2{
        font-size:30px;
    }


    .industries-page .industries-grid,
    .industries-page .industry-match-grid,
    .industries-page .industry-support-grid{
        grid-template-columns:1fr;
    }


    .industries-page .industry-card > p{
        min-height:auto;
    }


    .industries-page .industries-cta h2{
        font-size:30px;
    }

}