/* Highlights the selected contact category based on current emailID/title mapping */
.contact-wrapper {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.category-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 12px;
    margin: 18px auto 25px;
    max-width: 720px;
}

/*.category-link {
    min-width: 130px;
    padding: 10px 16px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background: #f7f7f7;
    color: #222;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}*/

.category-link {
    flex: 0 0 165px;
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    box-sizing: border-box;
    padding: 10px 6px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background: #f7f7f7;
    color: #222;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    white-space: normal;
}


    .category-link:hover,
    .category-link:focus {
        background: #e6eef7;
        outline: 2px solid #4d7fb8;
    }

.selected-category-text {
    font-weight: bold;
    margin-left: 5px;
    color: #000;
}

.category-link.selected-category {
    background: #4F6F8C;
    color: #fff !important;
    border: 1px solid #3E5C76;
}

.contact-form {
    max-width: 620px;
    margin: 0 auto;
    text-align: left;
}

    .contact-form label {
        display: block;
        margin-top: 12px;
        font-weight: bold;
    }

.form-input {
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    margin-top: 4px;
}

textarea.form-input {
    height: 85px;
}

.button-row {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}

.submit-button,
.reset-button {
    height: 36px;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

.submit-button {
    flex: 1;
    background: #0d6efd;
    color: #fff;
}

    .submit-button:hover {
        background: #0b5ed7;
    }

.text-red{
    color:red !important;
}

.reset-button {
    width: 90px;
    background: #6c757d;
    color: #fff;
}

    .reset-button:hover {
        background: #5c636a;
    }

.recaptcha-text,
.phone-support,
.disclaimer-text {
    text-align: center;
    margin-top: 15px;
}

.disclaimer-text {
    font-size: 11px;
}

.category-contacting-text {
    margin: 15px 0 20px 0;
    font-size: 15px;
    color: #333;
}

    .category-contacting-text strong {
        font-weight: bold;
    }

.form-row {
    margin-top: 12px;
}

.two-column-row {
    display: flex;
    gap: 12px;
}

.field-half {
    flex: 1;
}

.full-row {
    width: 100%;
}

.form-input {
    width: 100%;
    height: 28px;
    box-sizing: border-box;
    margin-top: 4px;
}

textarea.form-input {
    height: 85px;
}

.button-row {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}

.submit-button {
    flex: 1;
}

.reset-button {
    display: none;
}

.category-contact-page .homeContent {
    width: 100%;
}

.category-contact-page .category-contact-content {
    width: 100%;
    padding: 30px 20px 20px;
    vertical-align: top;
    box-sizing: border-box;
}

.category-contact-page .contact-wrapper {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

    .category-contact-page .contact-wrapper > h3 {
        margin: 0 0 20px;
        text-align: center;
    }

.category-contact-page .category-grid {
    margin-bottom: 25px;
}

.category-contact-page .contact-form {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Preserve the existing Contact Us page heading area */
.category-contact-page .pageHeader {
    display: table-cell;
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

/* Maintain separation between the blue heading section and category content */
.category-contact-page .category-page-spacing {
    height: 20px;
    padding: 0;
}

/* Prevent the category section from moving into the heading area */
.category-contact-page .contact-wrapper {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding-top: 10px;
}

.font-bold{
    font-weight:bold;
}
.text-green{
    color:green;
}
.message-success {
    display:block;
    width:100%;
    margin: 10px 0 15px 0;
    color:green !important;
    font-weight:bold;
    text-align:center !important;
    box-sizing:border-box;
}



/* =========================================================
   FNTIC BLOCK 01 — TABLET / IPAD RESPONSIVE
   Replace the complete existing max-width: 1000px block
   ========================================================= */
@media screen and (max-width: 1024px) {

    /* =====================================================
       01. PAGE WRAPPER
       Prevent the legacy 998px layout from causing overflow
       ===================================================== */

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body {
        background: #ffffff !important;
    }

        body > center {
            display: block !important;
            width: 100% !important;
            max-width: 998px !important;
            min-width: 0 !important;
            margin: 0 auto !important;
            padding: 0 12px !important;
            text-align: left !important;
            box-sizing: border-box !important;
            background: #ffffff !important;
        }

    #form1,
    form.category-contact-page {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       02. FNTIC MASTER PAGE
       Make the main table responsive like Alamco
       ===================================================== */

    table.master-main-table {
        width: 100% !important;
        max-width: 998px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

        table.master-main-table > tbody,
        table.master-main-table > tbody > tr {
            width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
        }

            /* Do not convert the two header cells into separate rows */
            table.master-main-table > tbody > tr.noprint {
                display: table-row !important;
                width: 100% !important;
                height: auto !important;
            }


   /*add here*/
            /* =========================================================
   03. FNTIC-1000-HEADER-AND-NAVIGATION
   Keep logo and navigation together without white gap
   ========================================================= */

            /*
   Use flex only for the header row.
   This avoids the legacy table algorithm reserving empty space
   between the 261px logo and the navigation cell.
*/
            table.master-main-table > tbody > tr.noprint {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: stretch !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                height: 51px !important;
                min-height: 51px !important;
                margin: 0 !important;
                padding: 0 !important;
                background: #071426 !important;
                box-sizing: border-box !important;
                overflow: hidden !important;
            }


                /* ---------------- LOGO CELL ---------------- */

                table.master-main-table > tbody > tr.noprint > td.master-header-cell {
                    display: block !important;
                    flex: 0 0 261px !important;
                    width: 261px !important;
                    min-width: 261px !important;
                    max-width: 261px !important;
                    height: 51px !important;
                    min-height: 51px !important;
                    max-height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 0 !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                    overflow: hidden !important;
                }

                    table.master-main-table > tbody > tr.noprint >
                    td.master-header-cell > a {
                        display: block !important;
                        width: 261px !important;
                        min-width: 261px !important;
                        max-width: 261px !important;
                        height: 51px !important;
                        min-height: 51px !important;
                        max-height: 51px !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        border: 0 !important;
                        line-height: 0 !important;
                        background: #071426 !important;
                        box-sizing: border-box !important;
                    }

                    table.master-main-table > tbody > tr.noprint >
                    td.master-header-cell img {
                        display: block !important;
                        width: 261px !important;
                        min-width: 261px !important;
                        max-width: 261px !important;
                        height: 51px !important;
                        min-height: 51px !important;
                        max-height: 51px !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        border: 0 !important;
                        background: #071426 !important;
                        box-sizing: border-box !important;
                    }


                /* ---------------- NAVIGATION CELL ---------------- */

                table.master-main-table > tbody > tr.noprint > td.master-menu-cell {
                    display: block !important;
                    flex: 1 1 0 !important;
                    width: auto !important;
                    min-width: 0 !important;
                    max-width: none !important;
                    height: 51px !important;
                    min-height: 51px !important;
                    max-height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 0 !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                    overflow: hidden !important;
                }

                    table.master-main-table > tbody > tr.noprint >
                    td.master-menu-cell nav {
                        display: block !important;
                        width: 100% !important;
                        min-width: 0 !important;
                        max-width: 100% !important;
                        height: 51px !important;
                        min-height: 51px !important;
                        max-height: 51px !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        border: 0 !important;
                        background: #071426 !important;
                        box-sizing: border-box !important;
                        overflow: hidden !important;
                    }


                    /* ---------------- PRIMARY NAVIGATION LIST ---------------- */

                    table.master-main-table > tbody > tr.noprint >
                    td.master-menu-cell ul.nav-menu {
                        display: flex !important;
                        flex-direction: row !important;
                        flex-wrap: nowrap !important;
                        align-items: stretch !important;
                        width: 100% !important;
                        min-width: 0 !important;
                        max-width: 100% !important;
                        height: 51px !important;
                        min-height: 51px !important;
                        max-height: 51px !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        list-style: none !important;
                        white-space: nowrap !important;
                        background: #071426 !important;
                        box-sizing: border-box !important;
                        overflow: hidden !important;
                    }

                        table.master-main-table > tbody > tr.noprint >
                        td.master-menu-cell ul.nav-menu > li {
                            display: block !important;
                            position: relative !important;
                            float: none !important;
                            flex: 1 1 auto !important;
                            width: auto !important;
                            min-width: 0 !important;
                            height: 51px !important;
                            min-height: 51px !important;
                            margin: 0 !important;
                            padding: 0 !important;
                            background: #071426 !important;
                            white-space: nowrap !important;
                            box-sizing: border-box !important;
                        }

                            table.master-main-table > tbody > tr.noprint >
                            td.master-menu-cell ul.nav-menu > li > a {
                                display: flex !important;
                                align-items: center !important;
                                justify-content: center !important;
                                width: 100% !important;
                                height: 51px !important;
                                min-height: 51px !important;
                                margin: 0 !important;
                                padding: 0 5px !important;
                                font-size: 11px !important;
                                line-height: normal !important;
                                text-align: center !important;
                                white-space: nowrap !important;
                                background: #071426 !important;
                                box-sizing: border-box !important;
                            }



    /* =====================================================
       04. REMOVE LEGACY FIXED CONTENT HEIGHTS
       ===================================================== */

    td.content-holder.height-100,
    td.content-holder,
    .contentHolder,
    table.homeContent,
    table.homeContent > tbody,
    table.homeContent > tbody > tr,
    table.homeContent > tbody > tr > td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }

    table.homeContent {
        table-layout: auto !important;
    }

    td.content-holder > center,
    td.content-holder > center > div,
    td.contentHolder > center,
    td.contentHolder > center > div {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    div[id$="_pnlPageContent"],
    div[id$="_pnlContactForm2"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       05. PAGE HEADING AND CONTENT
       ===================================================== */

    td.pageHeader,
    td.pageheader,
    .pageHeader,
    .page-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    table.homeContent h1 {
        display: block !important;
        position: static !important;
        clear: both !important;
        width: auto !important;
        margin: 10px 0 !important;
    }

    .contact-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

        .contact-wrapper > h3 {
            display: block !important;
            position: static !important;
            clear: both !important;
            width: 100% !important;
            margin: 15px 0 12px !important;
            padding: 0 !important;
            text-align: center !important;
            box-sizing: border-box !important;
        }


    /* =====================================================
       06. CATEGORY SECTION
       Keep desktop-style category arrangement on tablets
       ===================================================== */

    .category-grid {
        width: 100% !important;
        max-width: 760px !important;
        min-width: 0 !important;
        margin: 0 auto 15px !important;
        box-sizing: border-box !important;
    }

        .category-grid a,
        .category-grid button,
        .category-grid input,
        .category-link {
            max-width: 100% !important;
            box-sizing: border-box !important;
        }


    /* =====================================================
       07. CONTACT FORM
       Retain desktop field rows but allow the form to shrink
       ===================================================== */

    .contact-form {
        width: 100% !important;
        max-width: 620px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .form-row,
    .full-row,
    .additional-fields {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .field-half,
    .field-third,
    .field-full {
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .category-contact-page input,
    .category-contact-page select,
    .category-contact-page textarea,
    .category-contact-page img,
    .category-contact-page iframe {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Keep control borders visible at tablet sizes and zoom */
    .contact-form .form-input {
        height: 30px !important;
        min-height: 30px !important;
        padding: 3px 6px !important;
        border: 2px solid #777 !important;
        box-sizing: border-box !important;
    }

    .contact-form textarea.form-input {
        height: 90px !important;
        min-height: 90px !important;
        padding: 6px !important;
        border: 2px solid #777 !important;
        box-sizing: border-box !important;
    }


    /* =====================================================
       08. FOOTER
       Keep the FNTIC desktop white footer appearance
       ===================================================== */

    table.footer {
        width: 100% !important;
        max-width: 998px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        table-layout: auto !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

        table.footer tr,
        table.footer td {
            height: auto !important;
            min-height: 0 !important;
            background: #ffffff !important;
            box-sizing: border-box !important;
        }

    .footer-content,
    .footer-language,
    .footer-notification,
    .footer-disclaimer,
    .footer-links,
    .footer-copyright {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    table.footer img {
        max-width: 120px !important;
        height: auto !important;
    }

    
}



@media screen and (max-width: 600px) {

    /* =========================================================
   FNTIC-MOBILE-01: PAGE WRAPPER
   Purpose:
   Remove the inherited 1025px master-table width and prevent
   the complete browser page from scrolling horizontally.
   ========================================================= */

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

        body > center {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow-x: hidden !important;
            box-sizing: border-box !important;
        }

    #form1,
    form.category-contact-page {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    /* Break the desktop table's intrinsic 1025px width. */
    table.master-main-table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

        table.master-main-table > tbody {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

            table.master-main-table > tbody > tr {
                display: table !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                table-layout: fixed !important;
                box-sizing: border-box !important;
            }

                table.master-main-table > tbody > tr > td {
                    min-width: 0 !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                }

    /* =========================================================
   FNTIC-MOBILE-02: CONTENT CONTAINER
   Purpose:
   Remove the inherited 1000px, 998px, 760px and 620px
   content widths so the Contact Us content fits the viewport.
   This block does not control header or navigation styling.
   ========================================================= */

    td.content-holder,
    .contentHolder,
    table.homeContent,
    table.homeContent > tbody,
    table.homeContent > tbody > tr,
    table.homeContent > tbody > tr > td,
    div[id$="_pnlPageContent"],
    div[id$="_pnlContactForm2"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    table.homeContent {
        table-layout: fixed !important;
    }

    /* Keep the page content inside the available mobile width. */
    .contact-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    /* Width correction only. Category layout will be handled later. */
    .category-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Width correction only. Field arrangement will be handled later. */
    .contact-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    /* =========================================================
   FNTIC-MOBILE-03: VERTICAL PAGE SCROLL
   Purpose:
   Restore normal top-to-bottom page scrolling while keeping
   horizontal page overflow disabled.
   ========================================================= */

    html {
        height: auto !important;
        min-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body {
        height: auto !important;
        min-height: 100vh !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

        body > center,
        #form1,
        form.category-contact-page {
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }

    /* Allow the complete master-page content to determine page height. */
    table.master-main-table,
    table.master-main-table > tbody,
    table.master-main-table > tbody > tr,
    table.master-main-table > tbody > tr > td,
    td.content-holder,
    .contentHolder,
    table.homeContent,
    table.homeContent > tbody,
    table.homeContent > tbody > tr,
    table.homeContent > tbody > tr > td,
    div[id$="_pnlPageContent"],
    div[id$="_pnlContactForm2"] {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: visible !important;
    }

        /* =========================================================
   04. FNTIC-600-HEADER-AND-NAVIGATION
   Shrink logo safely and scroll navigation independently
   ========================================================= */

        table.master-main-table > tbody > tr.noprint {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: stretch !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            height: 51px !important;
            min-height: 51px !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #071426 !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
        }


            /* =========================================================
   MOBILE LOGO CELL
   Override the inherited fixed 261px tablet width
   ========================================================= */

            table.master-main-table > tbody > tr.noprint >
            td.master-header-cell {
                display: flex !important;
                align-items: center !important;
                flex: 0 0 45% !important;
                width: 45% !important;
                min-width: 0 !important;
                max-width: 45% !important;
                height: 51px !important;
                min-height: 51px !important;
                max-height: 51px !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: #071426 !important;
                box-sizing: border-box !important;
                overflow: hidden !important;
            }

                table.master-main-table > tbody > tr.noprint >
                td.master-header-cell > a {
                    display: flex !important;
                    align-items: center !important;
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: 100% !important;
                    height: 51px !important;
                    min-height: 51px !important;
                    max-height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 0 !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                    overflow: hidden !important;
                }

                table.master-main-table > tbody > tr.noprint >
                td.master-header-cell img {
                    display: block !important;
                    /* Important: override 261px fixed tablet width */
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: 100% !important;
                    height: 51px !important;
                    min-height: 51px !important;
                    max-height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 0 !important;
                    object-fit: contain !important;
                    object-position: left center !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                }


            /* =========================================================
   MOBILE NAVIGATION CELL
   Only this area scrolls horizontally
   ========================================================= */

            table.master-main-table > tbody > tr.noprint >
            td.master-menu-cell {
                display: block !important;
                flex: 1 1 55% !important;
                width: 55% !important;
                min-width: 0 !important;
                max-width: 55% !important;
                height: 51px !important;
                min-height: 51px !important;
                max-height: 51px !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: #071426 !important;
                box-sizing: border-box !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
            }

                table.master-main-table > tbody > tr.noprint >
                td.master-menu-cell nav {
                    display: block !important;
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: 100% !important;
                    height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                    overflow-x: auto !important;
                    overflow-y: hidden !important;
                    -webkit-overflow-scrolling: touch !important;
                }


                /* =========================================================
   MOBILE NAVIGATION ITEMS
   Keep all items in one scrollable row
   ========================================================= */

                table.master-main-table > tbody > tr.noprint >
                td.master-menu-cell ul.nav-menu {
                    display: inline-flex !important;
                    flex-direction: row !important;
                    flex-wrap: nowrap !important;
                    align-items: stretch !important;
                    width: max-content !important;
                    min-width: max-content !important;
                    max-width: none !important;
                    height: 51px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    list-style: none !important;
                    white-space: nowrap !important;
                    background: #071426 !important;
                    box-sizing: border-box !important;
                }

                    table.master-main-table > tbody > tr.noprint >
                    td.master-menu-cell ul.nav-menu > li {
                        display: block !important;
                        float: none !important;
                        position: relative !important;
                        flex: 0 0 auto !important;
                        width: auto !important;
                        min-width: auto !important;
                        height: 51px !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        background: #071426 !important;
                        white-space: nowrap !important;
                        box-sizing: border-box !important;
                    }

                        table.master-main-table > tbody > tr.noprint >
                        td.master-menu-cell ul.nav-menu > li > a {
                            display: flex !important;
                            align-items: center !important;
                            justify-content: center !important;
                            width: auto !important;
                            min-width: max-content !important;
                            height: 51px !important;
                            margin: 0 !important;
                            padding: 0 12px !important;
                            font-size: 12px !important;
                            line-height: normal !important;
                            text-align: center !important;
                            white-space: nowrap !important;
                            background: #071426 !important;
                            box-sizing: border-box !important;
                        }


                    /* Hide dropdown panels on mobile */
                    table.master-main-table > tbody > tr.noprint >
                    td.master-menu-cell ul.nav-menu li ul {
                        display: none !important;
                    }

    /* =========================================================
   FNTIC-MOBILE-05: CATEGORY BUTTONS
   ========================================================= */

    .category-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto 15px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

        .category-grid a,
        .category-grid button,
        .category-grid input,
        .category-link {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            min-height: 44px !important;
            margin: 0 !important;
            padding: 10px 8px !important;
            text-align: center !important;
            white-space: normal !important;
            overflow-wrap: anywhere !important;
            box-sizing: border-box !important;
        }

    /* =========================================================
   FNTIC-MOBILE-08: FOOTER
   Keep mobile footer identical to desktop:
   no blue background and no fixed height
   ========================================================= */

    table.footer {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        table-layout: auto !important;
        background: transparent !important;
        background-color: transparent !important;
        box-sizing: border-box !important;
    }

        table.footer > tbody {
            display: table-row-group !important;
            width: 100% !important;
            background: transparent !important;
            background-color: transparent !important;
        }

            table.footer > tbody > tr {
                display: table-row !important;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                background: transparent !important;
                background-color: transparent !important;
            }

                table.footer > tbody > tr > td {
                    display: table-cell !important;
                    width: auto !important;
                    max-width: 100% !important;
                    min-width: 0 !important;
                    height: auto !important;
                    min-height: 0 !important;
                    padding: 8px !important;
                    vertical-align: top !important;
                    background: transparent !important;
                    background-color: transparent !important;
                    box-sizing: border-box !important;
                }

    /* Footer text sections */
    .footer-content,
    .footer-language,
    .footer-notification,
    .footer-disclaimer,
    .footer-links,
    .footer-copyright,
    .footer-links-cell {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        color: inherit !important;
        background: transparent !important;
        background-color: transparent !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    /* Keep language links aligned normally */
    .footer-language {
        text-align: left !important;
    }

    /* Footer logo */
    table.footer img,
    .footer-logo {
        display: block !important;
        float: none !important;
        width: auto !important;
        max-width: 120px !important;
        height: auto !important;
        margin: 12px auto !important;
        background: transparent !important;
    }

    /* Remove blue background from the footer area and its parents */
    td.boxBody,
    table.box,
    table.box > tbody,
    table.box > tbody > tr,
    table.box > tbody > tr > td {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

   

    body > center {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

 

    table.footer,
    table.footer > tbody,
    table.footer > tbody > tr,
    table.footer > tbody > tr > td {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }


    /* =========================================================
   FNTIC-MOBILE-INPUT-BORDERS
   Preserve visible edges on smaller mobile screens
   ========================================================= */

    .contact-form .form-input {
        height: 30px !important;
        min-height: 30px !important;
        padding: 3px 6px !important;
        border: 2px solid #777 !important;
        box-sizing: border-box !important;
    }

    .contact-form textarea.form-input {
        height: 90px !important;
        min-height: 90px !important;
        padding: 6px !important;
        border: 2px solid #777 !important;
        box-sizing: border-box !important;
    }


}