/* ============================================================
   SECTION NXTARA VALUES
============================================================ */

.nxtara-values {
    position: relative;

    overflow: hidden;

    padding: 150px 0;

    background: #000000;
}

/* ============================================================
   GLOBAL ATMOSPHERE
============================================================ */

.nxtara-values-background-glow {
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 1200px;
    height: 1200px;

    background:
        radial-gradient(
            circle at center,
            rgba(135, 0, 65, 0.42) 0%,
            rgba(135, 0, 65, 0.18) 26%,
            rgba(135, 0, 65, 0.06) 42%,
            transparent 70%
        );

    filter: blur(70px);

    mix-blend-mode: screen;

    opacity: 0.95;

    pointer-events: none;

    z-index: 1;
}

.nxtara-values .container {
    position: relative;
    z-index: 2;
}

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

.nxtara-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 46px;

    align-items: stretch;

    max-width: 1150px;

    margin: 0 auto;
}

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

.nxtara-value-card {
    position: relative;

    overflow: hidden;

    min-height: 520px;

    padding: 60px 42px;

    border-radius: 36px;

    border: 1px solid rgba(255, 255, 255, 0.20);

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.06) 0%,
            rgba(255, 255, 255, 0.03) 100%
        );

    backdrop-filter: blur(20px);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition:
        transform 0.4s var(--nx-ease),
        border-color 0.4s var(--nx-ease),
        box-shadow 0.4s var(--nx-ease);
}

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

.nxtara-value-card-glow {
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 120%;
    height: 120%;

    background:
        radial-gradient(
            circle at center,
            rgba(255, 0, 123, 0.12) 0%,
            rgba(255, 0, 123, 0.04) 28%,
            transparent 68%
        );

    filter: blur(34px);

    opacity: 0.9;

    pointer-events: none;

    z-index: 1;
}

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

.nxtara-value-card:hover {
    transform: translateY(-8px);

    border-color: rgba(255, 255, 255, 0.36);

    box-shadow:
        0 0 40px rgba(255, 0, 123, 0.10);
}

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

.nxtara-value-icon,
.nxtara-value-card h3,
.nxtara-value-card p {
    position: relative;
    z-index: 2;
}

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

.nxtara-value-icon {
    width: 130px;
    height: 130px;

    margin-bottom: 34px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.nxtara-value-icon img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}

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

.nxtara-value-card h3 {
    margin: 0 0 20px 0;

    color: #ffffff;

    line-height: 1.05;
    font-weight: 300;

    letter-spacing: -0.03em;
}

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

.nxtara-value-card p {
    margin: 0;

    max-width: 320px;

    color: rgba(255, 255, 255, 0.82);

    line-height: 1.45;
    font-weight: 400;
}

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

@media (max-width: 1200px) {

    .nxtara-values-grid {
        grid-template-columns: 1fr;

        max-width: 520px;
    }

    .nxtara-value-card {
        min-height: 460px;
    }
}

@media (max-width: 768px) {

    .nxtara-values {
        padding: 100px 0;
    }

    .nxtara-values-grid {
        gap: 28px;
    }

    .nxtara-value-card {
        min-height: 400px;

        padding: 42px 28px;

        border-radius: 28px;
    }

    .nxtara-value-icon {
        width: 100px;
        height: 100px;

        margin-bottom: 28px;
    }

    .nxtara-value-card h3 {
        margin-bottom: 18px;

    }
.nxtara-values-background-glow {
        width: 900px;
        height: 900px;

        filter: blur(60px);
    }
}

@media (max-width: 480px) {

    .nxtara-value-card {
        min-height: 360px;
    }
}