.hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        
        html { scroll-behavior: smooth; }
        
        
        .img-bg-wrapper {
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        .img-bg-wrapper > img.bg-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
        }
        .overlay-dark {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(10, 10, 10, 0.7);
            z-index: -1;
        }