/* Minification failed. Returning unminified contents.
(8,22): run-time error CSS1039: Token not allowed after unary operator: '-warm'
 */
.feat-overview-cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.feat-detail:nth-of-type(odd) {
    background: var(--warm);
}

.feat-detail:nth-of-type(even) {
    background: #fff;
}

.feat-cta {
    background: #fff;
}

.feat-cta-box {
    border: none;
    box-shadow: none; 
}

.feat-screen-wrap img {
    height: 100%;
}

@keyframes glow-float {
    0% {
        transform: translateY(-5px) scale(1.03);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15), 0 0 20px rgba(123,97,255,0.4), 0 0 40px rgba(123,97,255,0.15);
    }

    33% {
        transform: translateY(-12px) scale(1.03);
        box-shadow: 0 18px 35px rgba(0,0,0,0.18), 0 0 35px rgba(123,97,255,0.65), 0 0 65px rgba(123,97,255,0.3);
    }

    66% {
        transform: translateY(-3px) scale(1.04);
        box-shadow: 0 8px 20px rgba(0,0,0,0.12), 0 0 25px rgba(180,97,255,0.5), 0 0 50px rgba(180,97,255,0.2);
    }

    100% {
        transform: translateY(-5px) scale(1.03);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15), 0 0 20px rgba(123,97,255,0.4), 0 0 40px rgba(123,97,255,0.15);
    }
}

@media (max-width: 767.98px) {
    .feat-cta-box {
        padding: 32px 20px;
    }

        .feat-cta-box .d-flex {
            flex-direction: column;
        }

    .feat-detail {
        padding: 56px 0;
    }
}