/* ==========================================
   INDUSTRIES PAGE
   Technimat Engineering Solutions
========================================== */

/* ================= Banner ================= */

.industry-banner{

    position: relative;
    height: 420px;

    background:
    linear-gradient(rgba(6,20,45,.75),
    rgba(6,20,45,.75)),
    url("../images/industries/banner.jpg");

    background-size: cover;
    background-position: center;

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

    text-align: center;
    color: white;
}

.industry-banner .container{

    position: relative;
    z-index: 2;
}

.industry-banner h1{

    font-size:60px;
    margin-bottom:20px;
}

.industry-banner p{

    font-size:22px;
    color:#ddd;
}

/* ================= Section ================= */

.industries{

    padding:100px 0;
    background:#f5f7fb;
}

.section-title{

    text-align:center;
    margin-bottom:60px;
}

.section-title h5{

    color:#0077ff;
    letter-spacing:3px;
    margin-bottom:10px;
}

.section-title h2{

    font-size:42px;
    color:#0B1F3A;
    margin-bottom:20px;
}

.section-title p{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.7;
}

/* ================= Cards ================= */

.industry-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:35px;
}

.industry-card{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.industry-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.industry-card img{

    width:100%;
    height:230px;
    object-fit:cover;

    transition:.4s;
}

.industry-card:hover img{

    transform:scale(1.08);
}

.industry-card h3{

    padding:25px;

    text-align:center;

    color:#0B1F3A;

    font-size:24px;
}

/* ================= Why Section ================= */

.industry-info{

    padding:100px 0;

    background:#fff;
}

.industry-info .container{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

.industry-info h2{

    font-size:42px;

    color:#0B1F3A;

    margin-bottom:25px;
}

.industry-info p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;
}

.industry-info ul{

    list-style:none;
}

.industry-info li{

    margin-bottom:18px;

    font-size:18px;

    color:#333;
}

.industry-info img{

    width:100%;

    border-radius:15px;

    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* ================= Responsive ================= */

@media(max-width:992px){

.industry-info .container{

grid-template-columns:1fr;

}

.industry-banner h1{

font-size:45px;

}

}

@media(max-width:768px){

.industry-banner{

height:320px;

}

.industry-banner h1{

font-size:35px;

}

.section-title h2{

font-size:30px;

}

.industries{

padding:70px 0;

}

.industry-info{

padding:70px 0;

}

}