.no-scrollbar {
            max-height: 40vh; /* Consistent height for text block */
            overflow-y: auto;
            overflow-wrap: break-word;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* Internet Explorer and Edge */
            -webkit-overflow-scrolling: touch; /* iOS scrolling fix */
            touch-action: pan-y; /* Allow vertical touch scrolling */
            height: 88%;
        }
.no-scrollbar::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Edge */
        }
        /* Ensure text block is scrollable in modal */
        .reveal .no-scrollbar {
            overflow-y: auto !important;
            max-height: 36vh !important;
        }

.detail{
    max-width: 33%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

/* MQ */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape), only screen and (device-width: 768px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5) {

    .no-scrollbar {
            max-height: 40vh; /* Consistent height for text block */
    }
}

@media screen and (max-width: 1023px) {
       .detail{
        max-width: 100% !important;
    }
}