/* --- Custom Cursor Styles --- */
        *{
            /* cursor: none; */
        }
        
        /* .cursor-dot {
            width: 10px;
            height: 10px;
            background-color: #FFB100;
        }
        
        .cursor-outline {
            width: 18px;
            height: 18px;
            background: #1c2d5e31;
        } */
        .cursor-dot {
            width: 13px;
            height: 13px;
            background-color: #FFB100;
            position: fixed;
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.692);
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 10001; /* Above outline */
            pointer-events: none;
        }

        .cursor-outline {
            width: 25px;
            height: 25px;
            background: #1c2d5e9a;
            position: fixed;
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 10000; /* Below dot */
            pointer-events: none;
        }
/*         
        .cursor-dot,
        .cursor-outline {
            position: fixed;
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 9999;
            pointer-events: none;
        } */

        /* Custome Scrollbar */
        ::-webkit-scrollbar {
        width: 10px;
        }

        ::-webkit-scrollbar-track {
        background: linear-gradient(180deg, #1B2C5B 0%, #0E1636 100%);
        /*border-radius: 10px;*/
        }

        ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #FFB100 0%, #FFCF40 100%);
        border-radius: 10px;
        border: 2px solid #1B2C5B;
        }

        ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #FFD24C 0%, #FFB100 100%);
        }
        
        /* Hide custom cursor and default cursor on mobile/touch devices */
        @media (hover: none) and (pointer: coarse), (pointer: coarse) {
            /* Remove custom cursor elements if present */
            .cursor-dot,
            .cursor-outline {
                display: none !important;
                visibility: hidden !important;
                pointer-events: none !important;
            }

            /* Ensure default cursor isn't shown (some mobile browsers ignore cursor) */
            html, body, * {
                cursor: auto !important;
            }
        }