/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Custom Scrollbar for Project Details and Modals */
.custom-scrollbar::-webkit-scrollbar,
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track,
.scrollbar-thin::-webkit-scrollbar-track {
    background: #000;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: rgba(255, 179, 0, 0.2);
    border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 179, 0, 0.5);
}

body {
    background-color: #050101;
    color: #e2e2e2;
}

/* Ensure video behaves like block image in modal */
#modal-video.block {
    display: block;
}

*, ::before, ::after {
    --tw-gradient-to-position: 75px;
}