body:not(.page-loaded) .content-wrapper,
body:not(.page-loaded) header,
body:not(.page-loaded) footer,
body:not(.page-loaded) .alert,
body:not(.page-loaded) .offcanvas,
body:not(.page-loaded) .floating-buttons,
body:not(.page-loaded) .toast-container {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.page-loaded .content-wrapper,
body.page-loaded header,
body.page-loaded footer,
body.page-loaded .alert,
body.page-loaded .offcanvas,
body.page-loaded .floating-buttons,
body.page-loaded .toast-container {
opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.6s ease, visibility 0.6s ease;
}