#createPageLoader, #editPageLoader {
        display: none; /* Initially hidden */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        align-items: center;
        justify-content: center;
    }

    /* The actual loader (spinner or any other) */
    #createPageLoader .spinner, #editPageLoader .spinner {
        border: 8px solid #f3f3f3;
        border-radius: 50%;
        border-top: 8px solid #3498db;
        width: 60px;
        height: 60px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

.mobile_screen {
    padding: none;
}
@media (max-width: 768px) {
    .container {
        width: 100% !important;
    }
    .mobile_screen {
        padding: 0px 0.5rem;
    }
    .w-1\/3 {
        width: 96%;
    }
    .w-1\/4 {
        width: 95%;
    }
    .w-9\/12 {
        width: 90%;
    }
    .w-2\/12 {
        width: 90%;
    }
    .w-3\/12 {
        width: 90%;
    }
}