.page-header h1{
color:red;
}

.layoutFooter{
background-color: #1f1f1f;
}

.cdn_nodisplay {
            display: none;
        }

        .head1 {
            font-size: 2.2em;
            font-weight: normal;
            vertical-align: bottom;
            margin-top: 7px;
            margin-bottom: 4px;
        }

        .head2 /* used for Heading in Main Body */ {
            font-size: 1em;
            font-weight: normal;
            margin-top: 20px;
            margin-bottom: 1px;
        }

        .head3 /* used for text in main body */ {
            font-size: 1em;
            font-weight: normal;
            line-height: 1.4em;
            margin-top: 10px;
            margin-bottom: 1px;
        }

        .divider {
            border-bottom: #B6BCC6 1px solid;
        }
/* Notification container */
        .notification-zone {
            background-color: rgba(255, 249, 228, 0.95);
            width: 100%;
            position: relative;
            font-family: 'Open Sans', sans-serif;
        }

        /* Layout */
        .notification-wrapper {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 16px 24px;
            column-gap: 16px;
            width: 100%;
            position: relative;
        }

        /* Icon */
        /*.notification-icon {
            width: 32px;
            height: 32px;
            flex-shrink: 0;
        }

            .notification-icon img {
                width: 32px;
                height: 32px;
            }*/

        /* Text */
        .notification-text {
            flex: 1;
            /*font-family: 'Open Sans', sans-serif !important;*/
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 400 !important;
            font-size: 14px;
            color: #111111;
            line-height: 20px;
            width: fit-content;
            max-width: 100%;
            position: relative;
            cursor: default;
            white-space: normal;
        }

            /* Link styling */
            .notification-text a {
                color: #DC4405;
                text-decoration: none;
                font-family: 'Open Sans', sans-serif;
                font-weight: 600;
            }

                .notification-text a:hover {
                    text-decoration: underline;
                }

        /* Close button */
        .notification-close {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            background: url('/Images/icon-close.svg') no-repeat;
            background-size: 18px 18px;
            background-position: center;
            cursor: pointer;
            transition: transform 0.3s ease, opacity 0.3s ease;
            opacity: 0.7;
        }

            .notification-close:hover {
                transform: scale(1.2);
                opacity: 1;
            }

        .notification-body a[href="https://www.scamshield.gov.sg/"] {
            color: #9E3205;
            background-color: #FFF8DB;
        }

.small.text-primary,
        .text-primary,
        .text-italic_100.text-primary {
            color: #0055B3 !important;
        }

        .btn-primary {
            --bs-btn-bg: #0055B3;
            --bs-btn-border-color: #0055B3;
            --bs-btn-hover-bg: #004999;
            --bs-btn-hover-border-color: #004999;
            --bs-btn-color: #fff; /* text color */
            --bs-btn-bg: #0b5394
        }

        /* Center buttons inside jQuery UI dialog when using Bootstrap 5 */
        .ui-dialog-buttonpane {
            text-align: center !important;
        }

        .ui-dialog-buttonset {
            float: none !important;
            display: inline-block !important;
        }