.parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .room-hover:hover .room-overlay {
            opacity: 1;
            transform: translateY(0);
        }
        .testimonial-card {
            box-shadow: 0 10px 30px -10px rgba(128, 0, 0, 0.2);
        }
        #page-loader {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
        z-index: 9999;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.5s ease;
    }

    .loader-gif {
        width: 100px;
        max-width: 30vw;
        height: auto;
    }
    /* For Webkit browsers (Chrome, Safari, Edge) */
    ::-webkit-scrollbar {
        width: 16px;              
        height: 12px;             
        background-color: #330000; 
        border-radius: 10px;
        cursor: grab;
    }

    ::-webkit-scrollbar-track {
        background-color: #330000; /* track background */
        border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb {
        background-color: #9b1c1c; /* main red color of the scrollbar */
        border-radius: 10px;
        border: 3px solid #330000; /* gives a padding effect */
        transition: background-color 0.3s ease;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #fbd5d5; 
        cursor: grab;
    }
    * {
        scrollbar-color: #9b1c1c #330000;
    }