/* ===================================
   CUSTOM GLOWING BORDERS FOR BENEFIT CARDS
   =================================== */

/* Africa Life - Neon Green Glow (Static - No Animation) */
.africa-life-card .benefit-card,
.africa-life-card.benefit-card {
    border: 2px solid rgba(57, 255, 20, 0.5) !important;
    box-shadow:
        0 0 25px rgba(57, 255, 20, 0.4),
        0 0 50px rgba(57, 255, 20, 0.2),
        inset 0 0 20px rgba(57, 255, 20, 0.1) !important;
}

.africa-life-card .benefit-card:hover,
.africa-life-card.benefit-card:hover {
    border-color: rgba(57, 255, 20, 0.8) !important;
    box-shadow:
        0 0 35px rgba(57, 255, 20, 0.6),
        0 0 70px rgba(57, 255, 20, 0.4),
        inset 0 0 30px rgba(57, 255, 20, 0.2) !important;
}

/* Pani - Light/Neon Blue Glow (Static - No Animation) */
.pani-card .benefit-card,
.pani-card.benefit-card {
    border: 2px solid rgba(0, 191, 255, 0.5) !important;
    box-shadow:
        0 0 25px rgba(0, 191, 255, 0.4),
        0 0 50px rgba(0, 191, 255, 0.2),
        inset 0 0 20px rgba(0, 191, 255, 0.1) !important;
}

.pani-card .benefit-card:hover,
.pani-card.benefit-card:hover {
    border-color: rgba(0, 191, 255, 0.8) !important;
    box-shadow:
        0 0 35px rgba(0, 191, 255, 0.6),
        0 0 70px rgba(0, 191, 255, 0.4),
        inset 0 0 30px rgba(0, 191, 255, 0.2) !important;
}

/* Remove default orange border and animated overlays */
.africa-life-card::before,
.pani-card::before,
.lnl-card::before,
.crypto-card::before,
.employed-card::before,
.servicepay-card::before,
.capital-card::before {
    display: none !important;
}

/* Hide all glow layer overlays (removes electric animations) */
.africa-life-card .glow-layer-1,
.africa-life-card .glow-layer-2,
.pani-card .glow-layer-1,
.pani-card .glow-layer-2,
.lnl-card .glow-layer-1,
.lnl-card .glow-layer-2,
.crypto-card .glow-layer-1,
.crypto-card .glow-layer-2,
.employed-card .glow-layer-1,
.employed-card .glow-layer-2,
.servicepay-card .glow-layer-1,
.servicepay-card .glow-layer-2,
.capital-card .glow-layer-1,
.capital-card .glow-layer-2 {
    display: none !important;
}

/* ===================================
   ADDITIONAL BENEFIT CARD GLOWS
   =================================== */

/* LNL Financial Services - White Glow (Static - No Animation) */
.lnl-card .benefit-card,
.lnl-card.benefit-card {
    border: 2px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow:
        0 0 25px rgba(255, 255, 255, 0.5),
        0 0 50px rgba(255, 255, 255, 0.3),
        inset 0 0 20px rgba(255, 255, 255, 0.15) !important;
}

.lnl-card .benefit-card:hover,
.lnl-card.benefit-card:hover {
    border-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow:
        0 0 35px rgba(255, 255, 255, 0.7),
        0 0 70px rgba(255, 255, 255, 0.5),
        inset 0 0 30px rgba(255, 255, 255, 0.25) !important;
}

/* Crypto Cartel - Peach Glow (Static - No Animation) */
.crypto-card .benefit-card,
.crypto-card.benefit-card {
    border: 2px solid rgba(255, 218, 185, 0.6) !important;
    box-shadow:
        0 0 25px rgba(255, 218, 185, 0.5),
        0 0 50px rgba(255, 218, 185, 0.3),
        inset 0 0 20px rgba(255, 218, 185, 0.15) !important;
}

.crypto-card .benefit-card:hover,
.crypto-card.benefit-card:hover {
    border-color: rgba(255, 218, 185, 0.9) !important;
    box-shadow:
        0 0 35px rgba(255, 218, 185, 0.7),
        0 0 70px rgba(255, 218, 185, 0.5),
        inset 0 0 30px rgba(255, 218, 185, 0.25) !important;
}

/* Employed2020 - Neon Pink Glow (Static - No Animation) */
.employed-card .benefit-card,
.employed-card.benefit-card {
    border: 2px solid rgba(255, 20, 147, 0.6) !important;
    box-shadow:
        0 0 25px rgba(255, 20, 147, 0.5),
        0 0 50px rgba(255, 20, 147, 0.3),
        inset 0 0 20px rgba(255, 20, 147, 0.15) !important;
}

.employed-card .benefit-card:hover,
.employed-card.benefit-card:hover {
    border-color: rgba(255, 20, 147, 0.9) !important;
    box-shadow:
        0 0 35px rgba(255, 20, 147, 0.7),
        0 0 70px rgba(255, 20, 147, 0.5),
        inset 0 0 30px rgba(255, 20, 147, 0.25) !important;
}

/* ServicePay - Pink Glow (Static - No Animation) */
.servicepay-card .benefit-card,
.servicepay-card.benefit-card {
    border: 2px solid rgba(255, 105, 180, 0.6) !important;
    box-shadow:
        0 0 25px rgba(255, 105, 180, 0.5),
        0 0 50px rgba(255, 105, 180, 0.3),
        inset 0 0 20px rgba(255, 105, 180, 0.15) !important;
}

.servicepay-card .benefit-card:hover,
.servicepay-card.benefit-card:hover {
    border-color: rgba(255, 105, 180, 0.9) !important;
    box-shadow:
        0 0 35px rgba(255, 105, 180, 0.7),
        0 0 70px rgba(255, 105, 180, 0.5),
        inset 0 0 30px rgba(255, 105, 180, 0.25) !important;
}

/* Capital Legacy - Yellow Glow (Static - No Animation) */
.capital-card .benefit-card,
.capital-card.benefit-card {
    border: 2px solid rgba(255, 255, 0, 0.6) !important;
    box-shadow:
        0 0 25px rgba(255, 255, 0, 0.5),
        0 0 50px rgba(255, 255, 0, 0.3),
        inset 0 0 20px rgba(255, 255, 0, 0.15) !important;
}

.capital-card .benefit-card:hover,
.capital-card.benefit-card:hover {
    border-color: rgba(255, 255, 0, 0.9) !important;
    box-shadow:
        0 0 35px rgba(255, 255, 0, 0.7),
        0 0 70px rgba(255, 255, 0, 0.5),
        inset 0 0 30px rgba(255, 255, 0, 0.25) !important;
}

