html{

    scroll-behavior:smooth;

}

.elementor-button{

    transition:.3s;

}

.elementor-button:hover{

    transform:translateY(-2px);

}



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

.industry-card{

    position:relative;
    overflow:hidden;
    border-radius:16px;

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

.industry-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}

/* IMAGE */
.industry-card img{

    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease;
}

.industry-card:hover img{
    transform:scale(1.08);
}

/* OVERLAY */

.industry-overlay{
    position:absolute !important;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:28px;
    
    background:linear-gradient(
        to top,
        rgba(22,22,22,.85) 0%,
        rgba(22,22,22,.20) 55%,
        rgba(22,22,22,.05) 100%
    );
    

    transition:
        background .35s ease;
}

.industry-card:hover .industry-overlay{

    background:linear-gradient(
        to top,
        rgba(212,32,37,.85) 0%,
        rgba(0,0,0,.30) 60%,
        rgba(0,0,0,.05) 100%
    );
}

/* TITLE */
.industry-overlay h2{

    color:#fff;
    margin:0;

    transition:transform .35s ease;
}

.industry-card:hover .industry-overlay h2{
    transform:translateY(-6px);
}

/* DESCRIPTION */
.industry-overlay p{
    color:rgba(255,255,255,.85);
    max-height:0;
    opacity:0;
    overflow:hidden;
    margin:0;
    transition:
        max-height .4s ease,
        opacity .35s ease,
        margin-top .35s ease;
}

.industry-card:hover .industry-overlay p{
    max-height:90px;
    opacity:1;
    margin-top:10px;
}


/* ===========================================
   HERO KEN BURNS
=========================================== */

#n2-ss-2 .n2-ss-slide-background-image img{

    transform: scale(1);

    transform-origin: center center;

    will-change: transform;

}


/* ===========================================
   HERO FLUID TYPOGRAPHY
=========================================== */

#n2-ss-2 .n2-font-7eac4f068fc1d84c188d8d3115e5179a-hover{

    font-size: clamp(42px, 5vw, 80px) !important;
    line-height: 1.05 !important;
}
#n2-ss-2 .n2-font-85dc307ac2c9221df2dbe2a45cd59190-hover{

    font-size: clamp(16px,1.4vw,22px) !important;

}
#n2-ss-2 .n2-font-983465a29378fe76d8d35b33032c26f2-paragraph{

    font-size: clamp(16px,1.2vw,22px) !important;

    line-height:1.7 !important;

}