/* ===================================
   INDUSTRIES SECTION
=================================== */

.industries{

    padding: 135px;

    background:#ffffff;

    text-align:center;
}

.industries h2{

    font-size:48px;

    color:#0b1c63;

    margin-bottom:20px;
}

.industries .subtitle{

    max-width:700px;

    margin:0 auto 60px;

    color:#666;

    line-height:1.8;
}

/* ===================================
   GRID
=================================== */

.industry-grid{

    display:grid;

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

    gap:30px;
}

/* ===================================
   CARD
=================================== */

.industry-card{

    background:#fff;

    padding:40px 25px;

    border-radius:20px;

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

    transition:.4s;

    position:relative;

    overflow:hidden;
}

.industry-card:hover{

    transform:
    translateY(-10px);

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

.industry-card::before{

    content:"";

    position:absolute;

    width:100%;

    height:4px;

    top:0;

    left:0;

    background:#4f46e5;
}

/* ===================================
   ICON
=================================== */

.industry-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
    135deg,
    #4f46e5,
    #6c63ff
    );

    border-radius:50%;

    color:white;

    font-size:32px;
}

/* ===================================
   TITLE
=================================== */

.industry-card h3{

    font-size:22px;

    color:#0b1c63;

    margin-bottom:15px;
}

/* ===================================
   TEXT
=================================== */

.industry-card p{

    color:#666;

    font-size:15px;

    line-height:1.7;
}

/* ===================================
   HOVER ICON
=================================== */

.industry-card:hover
.industry-icon{

    transform:rotate(8deg)
    scale(1.1);

    transition:.4s;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:768px){

.industries{

    padding:80px 5%;
}

.industries h2{

    font-size:34px;
}

}