[x-cloak] {
            display: none !important;
        }

        /* Common styles for modal content */
        .modal-content h3 {
            font-size: 1.125rem;
            /* text-lg */
            font-weight: 600;
            /* font-semibold */
            margin-top: 1.5rem;
            /* mt-6 */
            margin-bottom: 0.5rem;
            /* mb-2 */
            color: #d1d5db;
            /* text-gray-300 */
        }

        .modal-content p,
        .modal-content ul {
            color: #9ca3af;
            /* text-gray-400 */
            line-height: 1.625;
            /* leading-relaxed */
        }

        .modal-content ul {
            list-style-position: inside;
            list-style-type: disc;
            padding-left: 1rem;
        }

        .modal-content li {
            margin-bottom: 0.5rem;
            /* mb-2 */
        }

.scroll-feature{
    scroll-padding-top: -80px;
}

.scroll-about{
    scroll-padding-top: 8.5rem;
}