.mobile-group-item:hover {

            background: #f1f5f9;

            color: #0d6efd;

        }
.dynamic-menu-item:hover {
    background: #f1f5f9;
    color: #0d6efd;
}
.dynamic-menu-main {
    
    color: #0d6efd;
}
.text-gradient {
    background:#0d6efd;
color: white;

}

.text-gradient:hover {
    color: #0d6efd !important;
    background-color: white;
}
.gradient-bg {
    background:

        /* ⭐ Tiny stars */
        radial-gradient(
            circle at 10px 10px,
            rgba(255, 255, 255, 0.75) 0.8px,
            transparent 1.5px
        ),

        radial-gradient(
            circle at 35px 25px,
            rgba(255, 255, 255, 0.45) 0.7px,
            transparent 1.5px
        ),

        radial-gradient(
            circle at 20px 45px,
            rgba(255, 255, 255, 0.55) 0.8px,
            transparent 1.5px
        ),

        /* ⭐ Larger soft stars */
        radial-gradient(
            circle at 70px 60px,
            rgba(255, 255, 255, 0.5) 1.2px,
            transparent 2px
        ),

        /* ♦ Diamond pattern */
        linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.035) 25%,
            transparent 25%,
            transparent 75%,
            rgba(255, 255, 255, 0.035) 75%
        ),

        linear-gradient(
            -45deg,
            rgba(255, 255, 255, 0.035) 25%,
            transparent 25%,
            transparent 75%,
            rgba(255, 255, 255, 0.035) 75%
        ),

        /* ✨ Glow */
        radial-gradient(
            circle at 15% 0%,
            rgba(255, 255, 255, 0.25),
            transparent 35%
        ),

        
          
       

 linear-gradient(
    135deg,
    #000000 0%,
    #061426 35%,
    #063b82 70%,
    #0d6efd 100%
);



      


    background-size:
        80px 80px,
        110px 110px,
        130px 130px,
        180px 180px,
        40px 40px,
        40px 40px,
        auto,
        auto;

    border-radius: 0px;

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

    box-shadow:
        0 10px 30px rgba(13, 110, 253, 0.30),
        inset 0 1px 1px rgba(255, 255, 255, 0.18);

        animation: gradientMove 10s ease-in-out infinite;
}
@keyframes gradientMove {

    0% {
        background-position:
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0% 0%,
            0% 0%;
    }

    50% {
        background-position:
            25px 18px,
            -20px 25px,
            30px -20px,
            -25px 30px,
            20px 20px,
            -20px -20px,
            0% 0%,
            0% 0%;
    }

    100% {
        background-position:
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0px 0px,
            0% 0%,
            0% 0%;
    }
}