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

.industries{

    padding:6rem 0;

    background:var(--color-background);

}

.industries__grid{

    display:grid;

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

    gap:2rem;

    margin-top:4rem;

}

.industry-card{

    padding:2rem;

    background:var(--color-surface);

    border:1px solid var(--color-border);

    border-radius:24px;

    transition:all .3s ease;

    display:flex;

    flex-direction:column;

}

.industry-card:hover{

    transform:translateY(-8px);

    border-color:var(--color-primary);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.industry-card__icon{

    width:72px;

    height:72px;

    border-radius:18px;

    background:rgba(37,99,235,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    margin-bottom:1.5rem;

}

.industry-card h3{

    margin-bottom:1rem;

}

.industry-card p{

    color:var(--color-text-muted);

    line-height:1.8;

    flex:1;

}

.industries__footer{

    margin-top:5rem;

    text-align:center;

    max-width:760px;

    margin-inline:auto;

}

.industries__footer h3{

    margin-bottom:1rem;

}

.industries__footer p{

    color:var(--color-text-muted);

    margin-bottom:2rem;

}

@media(max-width:768px){

    .industries{

        padding:5rem 0;

    }

}