/* ==========================================
   NX SERVICE CARD CONTENT
   PREMIUM WHITE GLASS
========================================== */

.nx-service-card-content{
    position:absolute;
    left:1rem;
    right:1rem;
    bottom:1rem;
    z-index:2;

    display:flex !important;
    flex-direction:column !important;
    gap:.75rem !important;

    padding:1.5rem !important;

    color:#fff;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.08) 100%
        );

    border:1px solid rgba(255,255,255,.18);
    border-radius:1.25rem;

    -webkit-backdrop-filter:blur(24px) saturate(180%);
    backdrop-filter:blur(24px) saturate(180%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(255,255,255,.05),
        0 16px 40px rgba(0,0,0,.20);

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        background .35s cubic-bezier(.22,1,.36,1),
        border-color .35s cubic-bezier(.22,1,.36,1),
        box-shadow .35s cubic-bezier(.22,1,.36,1);
}


/* ==========================================
   RESET ELEMENTOR MARGIN
========================================== */

.nx-service-card-content>*,
.nx-service-card-content h1,
.nx-service-card-content h2,
.nx-service-card-content h3,
.nx-service-card-content h4,
.nx-service-card-content h5,
.nx-service-card-content h6,
.nx-service-card-content p{
    margin:0 !important;
}


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

.nx-service-card-content:hover{

    transform:translateY(-4px);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.22) 0%,
            rgba(255,255,255,.12) 100%
        );

    border-color:rgba(200,162,74,.45);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(255,255,255,.08),
        0 24px 56px rgba(0,0,0,.26);
}