body {
    cursor: none;
    /* Hide default cursor */
}

.custom-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 10000;
    transition: transform 0.3s ease;
}

.custom-cursor img {
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease;
}

.custom-cursor.hovered img {
    transform: scale(1.5);
    /* Zoom effect */
}

body,
a,
button,
.hover-target {
    cursor: none !important;
}

/* body {
                cursor: url({{ asset('site/img/cursor.png') }}) 16 16, auto;
            }

            body:hover {
                cursor: url({{ asset('site/img/cursor-large.png') }}) 24 24, auto;
            } */

/* body {
                    cursor: url({{ asset('site/img/cursor.png') }}), auto;
                } */
/* CSS for footer image gallery starts here*/
.neon-border {
    position: relative;
    padding: 5px;
    border-radius: 10px;
    background: #000;
    /* Makes the neon stand out */
    z-index: 0;
}

.neon-border::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 10px;
    z-index: -1;
    background: linear-gradient(45deg, #0ff, #00f);
    filter: blur(4px);
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

.neon1::before {
    background: linear-gradient(45deg, #00ffff, #0000ff);
}

.neon2::before {
    background: linear-gradient(45deg, #ff00ff, #ff0000);
}

.neon3::before {
    background: linear-gradient(45deg, #00ff00, #00ffff);
}

.neon4::before {
    background: linear-gradient(45deg, #ffff00, #ff00ff);
}

.neon5::before {
    background: linear-gradient(45deg, #ff8800, #ff0088);
}

.neon6::before {
    background: linear-gradient(45deg, #33ccff, #ff66cc);
}

.img-fluid {
    border-radius: 6px;
    display: block;
    width: 100%;
}

/* CSS for footer image gallery ends here*/
/* CSS for footer Social media icons starts here*/
.btn-social {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 26px;
    color: white;
    background: transparent;
    z-index: 1;
    text-decoration: none;
    border: none;
    margin: 5px;
}

.btn-social i {
    position: relative;
    z-index: 2;
    color: white;
}

/* Neon glowing ring */
.neon-ring::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    z-index: 0;
    background: linear-gradient(45deg, #0ff, #00f);
    /* background-color: transparent; */
    box-shadow: 0 0 15px #0ff, 0 0 5px #00f;
    opacity: 1;
}

/* Platform-specific colors */
.neon-twitter::before {
    background: linear-gradient(90deg, #1DA1F2, #ff7300);
    box-shadow: 0 0 15px #d9e70f, 0 0 10px #d60e51;
}

.neon-facebook::before {
    background: linear-gradient(90deg, #1877F2, #00aaff);
    box-shadow: 0 0 15px #EA0CF1, 0 0 10px #42FAFC;
}

.neon-youtube::before {
    background: linear-gradient(90deg, #FF0000, #ff4d4d);
    box-shadow: 0 0 15px #FF0000, 0 0 10px #ff4d4d;
}

.neon-linkedin::before {
    background: linear-gradient(90deg, #0A66C2, #00bcd4);
    box-shadow: 0 0 15px #0A66C2, 0 0 10px #00bcd4;
}

/* Optional: on hover scale effect */
.neon-ring:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* CSS for footer Social media icons ends here*/