/* ==========================================================
   AVARTHANA TECHNOLOGIES
   INDUSTRIES SECTION
   Release 1.3.1
========================================================== */

.industries-section{

    padding:120px 0;

    background:#ffffff;

}

.industries-section .container{

    max-width:1440px;

}

/* ==========================================================
   HEADER
========================================================== */

.industries-header{

    max-width:820px;

    margin:0 auto 80px;

    text-align:center;

}

.industries-header .section-label{

    display:inline-block;

    margin-bottom:18px;

    font-size:.78rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#1683ff;

}

.industries-header h2{

    margin:0 0 28px;

    font-size:clamp(2.4rem,3vw,3.2rem);

    line-height:1.15;

    font-weight:800;

    color:#10223d;

}

.industries-header p{

    margin:0;

    font-size:1.12rem;

    line-height:1.9;

    color:#5d6f86;

}

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

.industries-grid{

    display:grid;

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

    gap:40px;

}

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

.industry-card{

    overflow:hidden;

    border-radius:18px;

    background:#ffffff;

    border:1px solid #dce8f6;

    box-shadow:0 12px 36px rgba(10,40,70,.06);

    transition:.35s ease;

}

.industry-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 46px rgba(10,40,70,.12);

}

/* ==========================================================
   IMAGE
========================================================== */

.industry-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:4 / 3;

}

.industry-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:transform .5s ease;

}

.industry-card:hover .industry-image img{

    transform:scale(1.05);

}

.industry-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(8,20,40,.55),
        rgba(8,20,40,.08)
    );

}

/* ==========================================================
   CONTENT
========================================================== */

.industry-content{

    padding:28px 34px 34px;

}

.industry-content h3{

    margin:0 0 16px;

    font-size:1.48rem;

    font-weight:700;

    color:#0d213d;

}

.industry-content p{

    margin:0 0 24px;

    line-height:1.8;

    color:#5f7186;

}

/* ==========================================================
   LINK
========================================================== */

.industry-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    font-weight:700;

    color:#1683ff;

    text-decoration:none;

}

.industry-link::after{

    content:"→";

    transition:.25s;

}

.industry-link:hover::after{

    transform:translateX(5px);

}

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

.industries-cta{

    margin-top:100px;

    padding:60px;

    text-align:center;

    border-radius:22px;

    background:#10223d;

    color:#ffffff;

}

.industries-cta h3{

    margin:0 0 20px;

    font-size:2rem;

    font-weight:700;

}

.industries-cta p{

    max-width:720px;

    margin:0 auto 34px;

    line-height:1.9;

    color:rgba(255,255,255,.82);

}

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

@media (max-width:1200px){

    .industries-grid{

        grid-template-columns:repeat(2,minmax(320px,1fr));

    }

}

@media (max-width:768px){

    .industries-section{

        padding:90px 0;

    }

    .industries-grid{

        grid-template-columns:1fr;

    }

    .industry-content{

        padding:28px;

    }

    .industries-header{

        margin-bottom:60px;

    }

    .industries-cta{

        padding:42px 30px;

        margin-top:70px;

    }

}

@media (max-width:576px){

    .industries-header h2{

        font-size:2rem;

    }

    .industries-header p{

        font-size:1rem;

    }

}