/* Sulthan Bullion reference theme: loaded after custom.css to override old colors. */
:root {
    --sultan-bg: #050505;
    --sultan-panel: #0b0b0a;
    --sultan-panel-soft: #11100d;
    --sultan-gold: #d8a94a;
    --sultan-gold-light: #f6d77b;
    --sultan-gold-dark: #7d5820;
    --sultan-border: rgba(216, 169, 74, 0.72);
    --sultan-border-soft: rgba(216, 169, 74, 0.34);
    --sultan-white: #ffffff;
    --sultan-muted: #cfcfcf;
    --sultan-green: #158c3f;
    --sultan-red: #b82121;
}

html,
body,
.body,
.main {
    background: var(--sultan-bg) !important;
    color: var(--sultan-white) !important;
}

body,
p,
span,
td,
th,
li,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.booking,
.font-weight-bold,
.text-color-,
.color-black,
.gold-trend,
.gold-trend *,
.icon-box-info p,
.icon-box-info-title h3 {
    color: var(--sultan-white) !important;
}

a,
a:hover,
a:focus {
    color: var(--sultan-white) !important;
    text-decoration: none !important;
}

section,
.section,
.page-header,
.card-body,
.right-app-cover,
.right-app-details,
.modal-content {
    background: var(--sultan-bg) !important;
    color: var(--sultan-white) !important;
}

#header,
#header .header-body,
#header .header-top,
#header .headImg,
#header .naviRow,
#navhead,
#footer,
#footer .section,
#footer .footer-copyright {
    background: linear-gradient(180deg, #070707 0%, #0f0d09 100%) !important;
    color: var(--sultan-white) !important;
    border-color: var(--sultan-border-soft) !important;
}

#header .header-top {
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#header .headImg {
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#iconimage span,
#iconimage .row,
#mainNav a,
#header li,
#date_time,
#date_time_us,
#date_time_eng {
    color: var(--sultan-white) !important;
}

#mainNav > li > a,
#mainNav .dropdown-item {
    background: transparent !important;
    color: var(--sultan-white) !important;
    border-bottom: 2px solid transparent !important;
}

#mainNav > li > a:hover,
#mainNav > li > a:focus,
#mainNav > li.active > a,
#mainNav .dropdown-item:hover {
    color: var(--sultan-gold-light) !important;
    border-bottom-color: var(--sultan-gold) !important;
}

#mainNav .dropdown-menu {
    background: #080808 !important;
    border: 1px solid var(--sultan-border) !important;
}

.header-btn-collapse-nav,
.btn,
#Lb3,
#Lb4 {
    background: linear-gradient(180deg, #f5d47a 0%, #b47a27 100%) !important;
    color: #080808 !important;
    border: 1px solid var(--sultan-gold-light) !important;
}

.header-btn-collapse-nav span,
.header-btn-collapse-nav .hamburguer span,
.header-btn-collapse-nav .close span {
    background-color: #080808 !important;
    color: #080808 !important;
}

.container,
.row,
.col-md-6,
.col-md-8,
.col-lg-8,
.col-xs-12 {
    border-color: var(--sultan-border-soft) !important;
}

.marquee,
.marquee p {
    background: #080808 !important;
    color: var(--sultan-gold-light) !important;
    border-top: 1px solid var(--sultan-border-soft) !important;
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

.adrs,
.right-app-details,
.right-app-cover,
.gold-trend .label,
.modal-content {
    border-color: var(--sultan-border) !important;
    box-shadow: none !important;
}

/* Live rate tables */
.Trending_Table_Root,
.Trending_Table_Child1,
#gvData_top3,
#gvData,
#gvData_top4_silver,
#gvData_silver,
#gvData_top3_silver {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    color: var(--sultan-white) !important;
}

.div-spott,
.div_spot,
.swiper-container,
.swiper-slideTrending,
.bgN1 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--sultan-white) !important;
}

#gvData_top3 .table1001,
#gvData_top4_silver .table1002,
#gvData_top3_silver .table1001 {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 8px !important;
    background: transparent !important;
}

#gvData_top3 .table1001 > tbody > tr > td,
#gvData_top3 .table1001 > tr > td {
    width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#gvData_top3_silver .table1001 > tbody > tr > td,
#gvData_top3_silver .table1001 > tr > td {
    width: 33.333% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#gvData_top4_silver .table1002 > tbody > tr > td,
#gvData_top4_silver .table1002 > tr > td {
    width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#gvData_top3 .goldd,
#gvData_top4_silver .goldd,
#gvData_top4_silver .goldd1,
#gvData_top3_silver .goldd {
    width: 100% !important;
    min-height: 92px !important;
    height: 92px !important;
    table-layout: fixed !important;
    background: linear-gradient(160deg, #0f0f0f 0%, #050505 68%, #1c1407 100%) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 18px rgba(216, 169, 74, 0.14) !important;
}

#gvData_top3 .top5sell,
#gvData_top4_silver .top5sell,
#gvData_top4_silver .goldd1 td:first-child,
#gvData_top3_silver .top5sell {
    color: var(--sultan-white) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 9px 4px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 .top5span,
#gvData_top4_silver .top5span,
#gvData_top3_silver .top5span {
    display: inline-block !important;
    min-width: 76px !important;
    max-width: 100% !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}

#gvData_top3 .top5span[style*="green"],
#gvData_top4_silver .top5span[style*="green"],
#gvData_top3_silver .top5span[style*="green"],
#gvData .top55span[style*="green"],
#gvData_silver .top55span[style*="green"] {
    background: var(--sultan-green) !important;
    color: var(--sultan-white) !important;
}

#gvData_top3 .top5span[style*="red"],
#gvData_top4_silver .top5span[style*="red"],
#gvData_top3_silver .top5span[style*="red"],
#gvData .top55span[style*="red"],
#gvData_silver .top55span[style*="red"] {
    background: var(--sultan-red) !important;
    color: var(--sultan-white) !important;
}

#gvData_top3 .GoldRtae2 td,
#gvData_top4_silver .GoldRtae2 td,
#gvData_top3_silver .GoldRtae2 td {
    height: 24px !important;
    max-height: 24px !important;
    padding: 2px 4px 7px !important;
    color: var(--sultan-muted) !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

#gvData_top3 .bloc_GS,
#gvData_top4_silver .bloc_GS,
#gvData_top3_silver .bloc_GS {
    display: inline-block !important;
    max-width: 44% !important;
    color: var(--sultan-muted) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    width: 100% !important;
    table-layout: fixed !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#gvData .heading,
#gvData_silver .heading,
#gvData_coins .headertable1 {
    width: 100% !important;
    table-layout: fixed !important;
    background: #080808 !important;
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td,
#gvData_silver .heading td,
#gvData_coins .headertable1 th {
    height: 44px !important;
    padding: 8px 8px !important;
    color: var(--sultan-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border: 0 !important;
    white-space: nowrap !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #0b0b0b !important;
    border-top: 1px solid var(--sultan-border-soft) !important;
    margin: 0 !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    height: 54px !important;
    padding: 8px 8px !important;
    color: var(--sultan-white) !important;
    vertical-align: middle !important;
    border: 0 !important;
    overflow: hidden !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label {
    display: block !important;
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

#gvData .buy_sell_label2,
#gvData_silver .buy_sell_label2 {
    display: none !important;
}

#gvData .top55span,
#gvData_silver .top55span,
#gvData_coins .top55span {
    display: inline-block !important;
    min-width: 68px !important;
    max-width: 100% !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    text-align: center !important;
}

#gvData *,
#gvData_top3 *,
#gvData_top4_silver *,
#gvData_silver *,
#gvData_top3_silver *,
#gvData_coins * {
    animation: none !important;
    transition: none !important;
}

.News_Class,
.News_Class td,
#div1,
#div2 {
    background: transparent !important;
    color: var(--sultan-white) !important;
}

.Title_News {
    color: var(--sultan-white) !important;
}

.Date_News,
.Date_News_second {
    color: var(--sultan-muted) !important;
}

/* Messages page table theme. */
#gvData_Newss {
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--sultan-white) !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

#gvData_Newss > tbody,
#gvData_Newss > tbody > tr,
#gvData_Newss > tbody > tr > td {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
}

#gvData_Newss table.boxx {
    width: 100% !important;
    background: linear-gradient(145deg, rgba(13, 13, 11, 0.94), rgba(0, 0, 0, 0.88)) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 18px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 1px rgba(255, 226, 137, 0.07), 0 10px 22px rgba(0, 0, 0, 0.32) !important;
    margin: 0 0 12px !important;
}

#gvData_Newss table.boxx tr,
#gvData_Newss table.boxx td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

#gvData_Newss table.boxx td.paddingg {
    color: var(--sultan-white) !important;
    padding: 16px 18px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#gvData_Newss table.boxx tr.timeee td.timeee {
    color: var(--sultan-gold-light) !important;
    padding: 8px 18px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    text-align: right !important;
    border-top: 1px solid var(--sultan-border-soft) !important;
}

/* Privacy Policy page content theme. */
.css_bkdesk {
    background: linear-gradient(145deg, rgba(13, 13, 11, 0.94), rgba(0, 0, 0, 0.88)) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 18px !important;
    border-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 226, 137, 0.07), 0 10px 22px rgba(0, 0, 0, 0.32) !important;
    color: var(--sultan-white) !important;
    padding: 22px 24px !important;
    margin-bottom: 18px !important;
}

.css_bkdesk h1 {
    color: var(--sultan-gold-light) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 12px 0 8px !important;
    text-align: left !important;
}

.css_bkdesk p,
.css_bkdesk li,
.css_bkdesk span,
.css_bkdesk a {
    color: var(--sultan-white) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.css_bkdesk p {
    margin: 0 0 8px !important;
    padding: 4px 0 !important;
}

.css_bkdesk ol {
    color: var(--sultan-white) !important;
    margin: 6px 0 12px 18px !important;
    padding-left: 18px !important;
}

.css_bkdesk ::marker {
    color: var(--sultan-gold-light) !important;
}

.css_bkdesk table,
.css_bkdesk tr,
.css_bkdesk td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
}

.sultan-about-content {
    color: var(--sultan-white) !important;
    text-align: justify !important;
}

.sultan-about-content h2 {
    color: var(--sultan-white) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 18px 0 8px !important;
    text-align: left !important;
}

.sultan-about-content h2:first-child {
    margin-top: 0 !important;
}

.sultan-about-content p {
    color: var(--sultan-white) !important;
    font-size: 23px !important;
    line-height: 1.85 !important;
    margin: 0 0 14px !important;
}

#about_uss .sultan-about-content p {
    font-size: 23px !important;
    line-height: 1.85 !important;
}

.sultan-about-content strong {
    color: var(--sultan-white) !important;
    font-weight: 800 !important;
}

/* Larger Privacy Policy reading text. */
.css_bkdesk p,
.css_bkdesk li,
.css_bkdesk span,
.css_bkdesk a {
    font-size: 21px !important;
    line-height: 1.85 !important;
}

.css_bkdesk h1 {
    font-size: 30px !important;
}

@media (max-width: 767px) {
    .css_bkdesk {
        padding: 16px 14px !important;
        border-radius: 14px !important;
    }

    .css_bkdesk h1 {
        font-size: 18px !important;
    }

    .css_bkdesk p,
    .css_bkdesk li,
    .css_bkdesk span,
    .css_bkdesk a {
        font-size: 18px !important;
        line-height: 1.75 !important;
    }

    .sultan-about-content h2 {
        font-size: 24px !important;
    }

    .sultan-about-content p {
        font-size: 19px !important;
        line-height: 1.75 !important;
    }

    #about_uss .sultan-about-content p {
        font-size: 19px !important;
        line-height: 1.75 !important;
    }
}

#footer {
    border-top: 1px solid var(--sultan-border) !important;
}

#footer .icon-box-icon i {
    color: var(--sultan-gold-light) !important;
}

#footer .footer-copyright {
    border-top: 1px solid var(--sultan-border-soft) !important;
}

@media (max-width: 767px) {
    #iconimage span span {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }

    #gvData_top3 .table1001,
    #gvData_top4_silver .table1002,
    #gvData_top3_silver .table1001 {
        border-spacing: 6px !important;
    }

    #gvData_top3 .goldd,
    #gvData_top4_silver .goldd,
    #gvData_top4_silver .goldd1,
    #gvData_top3_silver .goldd {
        min-height: 86px !important;
        height: 86px !important;
    }

    #gvData_top3 .top5sell,
    #gvData_top4_silver .top5sell,
    #gvData_top3_silver .top5sell {
        font-size: 11px !important;
    }

    #gvData_top3 .top5span,
    #gvData_top4_silver .top5span,
    #gvData_top3_silver .top5span {
        min-width: 56px !important;
        font-size: 16px !important;
    }

    #gvData table.res_mob_font_width td,
    #gvData_silver table.res_mob_font_width td,
    #gvData_coins table.res_mob_font_width td {
        padding: 7px 5px !important;
    }

    #gvData .buy_sell_label,
    #gvData_silver .buy_sell_label,
    #gvData_coins .buy_sell_label {
        font-size: 11px !important;
    }

    #gvData .top55span,
    #gvData_silver .top55span,
    #gvData_coins .top55span {
        min-width: 48px !important;
        font-size: 12px !important;
        padding: 2px 4px !important;
    }
}

/* Final top-card structure lock: one icon per card, no icon on value rows. */
#gvData_top3 > .table1001:not(.gmtable) {
    border-collapse: separate !important;
    border-spacing: 8px !important;
    margin: 0 0 8px !important;
}

#gvData_top3 > .table1001:not(.gmtable) > tbody > tr > td,
#gvData_top3 > .table1001:not(.gmtable) > tr > td {
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    position: relative !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    table-layout: fixed !important;
    background: linear-gradient(145deg, #111 0%, #050505 66%, #1b1307 100%) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 18px rgba(246, 215, 123, 0.12) !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
    content: "\f201" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 12px !important;
    top: 20px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    color: #fff6cf !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffe697 0%, #c89232 48%, #7d5418 100%) !important;
    border: 1px solid rgba(255, 226, 137, 0.85) !important;
    box-shadow: inset 0 1px 8px rgba(255, 255, 255, 0.22), 0 0 10px rgba(216, 169, 74, 0.25) !important;
    z-index: 2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd::after {
    content: none !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
    height: 28px !important;
    padding: 10px 8px 0 64px !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td {
    height: 38px !important;
    padding: 1px 6px 0 64px !important;
    text-align: left !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
    display: inline-block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="red"] {
    padding: 1px 8px !important;
    color: #fff !important;
    border-radius: 4px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 td {
    color: var(--sultan-muted) !important;
    background: transparent !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .bloc_GS {
    color: var(--sultan-white) !important;
    font-weight: 700 !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) {
        border-spacing: 6px !important;
        margin-bottom: 6px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd {
        height: 88px !important;
        min-height: 88px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
        left: 8px !important;
        top: 20px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
        height: 27px !important;
        padding: 9px 5px 0 46px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td {
        height: 35px !important;
        padding-left: 46px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
        font-size: 15px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 td {
        height: 30px !important;
        padding-left: 46px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .bloc_GS {
        max-width: 43% !important;
    }
}

/* Final border pass: gmtable and product table. */
#gvData_top3 > table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 > table.table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#gvData_top3 > table.table1001.gmtable .top5span {
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData .tt_33 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

/* Final live-rate border lock: keep this last. */
#gvData_top3 .table1001.gmtable,
table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 14px rgba(246, 215, 123, 0.12) !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr > td,
#gvData_top3 .table1001.gmtable > tr > td,
table.table1001.gmtable > tbody > tr > td,
table.table1001.gmtable > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: #050505 !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr > td:last-child,
#gvData_top3 .table1001.gmtable > tr > td:last-child,
table.table1001.gmtable > tbody > tr > td:last-child,
table.table1001.gmtable > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:first-child > td,
#gvData_top3 .table1001.gmtable > tr:first-child > td,
table.table1001.gmtable > tbody > tr:first-child > td,
table.table1001.gmtable > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:first-child > td:first-child,
#gvData_top3 .table1001.gmtable > tr:first-child > td:first-child,
table.table1001.gmtable > tbody > tr:first-child > td:first-child,
table.table1001.gmtable > tr:first-child > td:first-child {
    border-top-left-radius: 7px !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:first-child > td:last-child,
#gvData_top3 .table1001.gmtable > tr:first-child > td:last-child,
table.table1001.gmtable > tbody > tr:first-child > td:last-child,
table.table1001.gmtable > tr:first-child > td:last-child {
    border-top-right-radius: 7px !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:last-child > td:first-child,
#gvData_top3 .table1001.gmtable > tr:last-child > td:first-child,
table.table1001.gmtable > tbody > tr:last-child > td:first-child,
table.table1001.gmtable > tr:last-child > td:first-child {
    border-bottom-left-radius: 7px !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:last-child > td:last-child,
#gvData_top3 .table1001.gmtable > tr:last-child > td:last-child,
table.table1001.gmtable > tbody > tr:last-child > td:last-child,
table.table1001.gmtable > tr:last-child > td:last-child {
    border-bottom-right-radius: 7px !important;
}

#gvData_top3 .table1001.gmtable .top5sell,
table.table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

#gvData_top3 .table1001.gmtable .top5span,
table.table1001.gmtable .top5span {
    display: inline-block !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #050505 !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td,
#gvData_silver .heading td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child,
#gvData_silver .heading td:last-child,
#gvData_silver table.res_mob_font_width td:last-child,
#gvData_coins table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

/* Final product-rate card table lock. */
#gvData,
#gvData_silver,
#gvData_coins {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px 6px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData .tt_33 > tbody > tr > td,
#gvData .tt_33 > tr > td,
#gvData_silver .tt_33 > tbody > tr > td,
#gvData_silver .tt_33 > tr > td,
#gvData_coins .tt_333 > tbody > tr > td,
#gvData_coins .tt_333 > tr > td {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#gvData .product_rate_title {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .product_rate_title td {
    height: 30px !important;
    padding: 6px 10px 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sultan-white) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
}

#gvData .heading,
#gvData_silver .heading {
    width: 100% !important;
    margin: 0 0 4px !important;
    background: #10100f !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 6px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData_silver .heading td {
    height: 28px !important;
    padding: 6px 5px !important;
    background: #10100f !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}

#gvData .heading td:first-child,
#gvData_silver .heading td:first-child {
    padding-left: 10px !important;
    text-align: left !important;
}

#gvData .heading td:last-child,
#gvData_silver .heading td:last-child {
    border-right: 0 !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    width: 100% !important;
    table-layout: fixed !important;
    margin: 4px 0 0 !important;
    background: #0b0b0a !important;
    border: 1px solid var(--sultan-border-soft) !important;
    border-radius: 7px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData table.res_mob_font_width:first-of-type,
#gvData_silver table.res_mob_font_width:first-of-type,
#gvData_coins table.res_mob_font_width:first-of-type {
    margin-top: 0 !important;
}

#gvData table.res_mob_font_width tr,
#gvData_silver table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width tr {
    background: transparent !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    height: 38px !important;
    padding: 7px 5px !important;
    background: #0b0b0a !important;
    border: 0 !important;
    border-right: 0 !important;
    color: var(--sultan-white) !important;
    vertical-align: middle !important;
}

#gvData table.res_mob_font_width td:first-child,
#gvData_silver table.res_mob_font_width td:first-child,
#gvData_coins table.res_mob_font_width td:first-child {
    padding-left: 10px !important;
}

#gvData table.res_mob_font_width td:last-child,
#gvData_silver table.res_mob_font_width td:last-child,
#gvData_coins table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label,
#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-white) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-muted) !important;
    font-weight: 600 !important;
}

#gvData table.res_mob_font_width .top55span,
#gvData_silver table.res_mob_font_width .top55span,
#gvData_coins table.res_mob_font_width .top55span {
    display: inline-block !important;
    min-width: 58px !important;
    padding: 2px 7px !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

#gvData table.res_mob_font_width .top55span[style*="green"],
#gvData_silver table.res_mob_font_width .top55span[style*="green"],
#gvData_coins table.res_mob_font_width .top55span[style*="green"],
#gvData table.res_mob_font_width .top55span[style*="red"],
#gvData_silver table.res_mob_font_width .top55span[style*="red"],
#gvData_coins table.res_mob_font_width .top55span[style*="red"] {
    color: #fff !important;
}

/* Final theme color lock for generated live-rate HTML. */
.Trending_Table_Root,
.Trending_Table_Root td,
.Trending_Table_Root span,
#gvData_top3,
#gvData_top3 td,
#gvData,
#gvData td {
    color: var(--sultan-white) !important;
}

#gvData_top3 .table1001:not(.gmtable) .top5sell,
#gvData_top3 .table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
}

#gvData_top3 .table1001:not(.gmtable) .top5span,
#gvData_top3 .table1001.gmtable .top5span,
#gvData_top3 .table1001.gmtable tr.goldd td,
#gvData table.res_mob_font_width .top55span,
#gvData .buy_sell_label1,
#gvData .buy_sell_label1 span {
    color: var(--sultan-gold-light) !important;
}

#gvData_top3 .GoldRtae2,
#gvData_top3 .GoldRtae2 td,
#gvData_top3 .GoldRtae2 span,
#gvData_top3 .bloc_GS {
    color: var(--sultan-white) !important;
}

#gvData .product_rate_title,
#gvData .product_rate_title td,
#gvData .product_rate_title span,
#gvData .heading,
#gvData .heading td,
#gvData .heading span,
#gvData table.res_mob_font_width td,
#gvData table.res_mob_font_width .buy_sell_label {
    color: var(--sultan-white) !important;
}

#gvData .unit_td,
#gvData .currency_td,
#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-muted) !important;
}

#gvData_top3 .top5span[style*="green"],
#gvData .top55span[style*="green"] {
    color: #fff !important;
    background-color: var(--sultan-green) !important;
}

#gvData_top3 .top5span[style*="red"],
#gvData .top55span[style*="red"] {
    color: #fff !important;
    background-color: var(--sultan-red) !important;
}

/* Final Product Rates row-card cleanup: no inner td borders. */
#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    border: 0 !important;
    border-right: 0 !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    border: 1px solid var(--sultan-border-soft) !important;
}

@media (max-width: 767px) {
    #gvData .tt_33,
    #gvData_silver .tt_33,
    #gvData_coins .tt_333 {
        padding: 0 4px 5px !important;
    }

    #gvData .product_rate_title td {
        height: 28px !important;
        padding: 6px 8px 4px !important;
        font-size: 13px !important;
    }

    #gvData .heading td,
    #gvData_silver .heading td {
        height: 25px !important;
        padding: 5px 3px !important;
        font-size: 9px !important;
    }

    #gvData table.res_mob_font_width td,
    #gvData_silver table.res_mob_font_width td,
    #gvData_coins table.res_mob_font_width td {
        height: 34px !important;
        padding: 5px 3px !important;
    }

    #gvData .buy_sell_label,
    #gvData_silver .buy_sell_label,
    #gvData_coins .buy_sell_label,
    #gvData .unit_td span,
    #gvData .currency_td span {
        font-size: 10px !important;
    }

    #gvData table.res_mob_font_width .top55span,
    #gvData_silver table.res_mob_font_width .top55span,
    #gvData_coins table.res_mob_font_width .top55span {
        min-width: 44px !important;
        padding: 2px 4px !important;
        font-size: 12px !important;
    }
}

/* Last product-rate table structure lock. */
#gvData,
#gvData_silver,
#gvData_coins {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px 6px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData .tt_33 > tbody > tr > td,
#gvData .tt_33 > tr > td,
#gvData_silver .tt_33 > tbody > tr > td,
#gvData_silver .tt_33 > tr > td,
#gvData_coins .tt_333 > tbody > tr > td,
#gvData_coins .tt_333 > tr > td {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#gvData .product_rate_title {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .product_rate_title td {
    height: 32px !important;
    padding: 7px 10px 5px !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sultan-white) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
}

#gvData .heading,
#gvData_silver .heading {
    width: 100% !important;
    margin: 0 0 4px !important;
    background: #10100f !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 6px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData_silver .heading td {
    height: 28px !important;
    padding: 6px 5px !important;
    background: #10100f !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}

#gvData .heading td:first-child,
#gvData_silver .heading td:first-child {
    padding-left: 10px !important;
    text-align: left !important;
}

#gvData .heading td:last-child,
#gvData_silver .heading td:last-child {
    border-right: 0 !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    width: calc(100% - 0px) !important;
    table-layout: fixed !important;
    margin: 4px 0 0 !important;
    background: #0b0b0a !important;
    border: 1px solid var(--sultan-border-soft) !important;
    border-radius: 7px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData .heading + table.res_mob_font_width,
#gvData_silver .heading + table.res_mob_font_width {
    margin-top: 0 !important;
}

#gvData table.res_mob_font_width tr,
#gvData_silver table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width tr {
    background: transparent !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    height: 38px !important;
    padding: 7px 5px !important;
    background: #0b0b0a !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
    vertical-align: middle !important;
}

#gvData table.res_mob_font_width td:first-child,
#gvData_silver table.res_mob_font_width td:first-child,
#gvData_coins table.res_mob_font_width td:first-child {
    padding-left: 10px !important;
}

#gvData table.res_mob_font_width td:last-child,
#gvData_silver table.res_mob_font_width td:last-child,
#gvData_coins table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label,
#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-white) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-muted) !important;
    font-weight: 600 !important;
}

#gvData table.res_mob_font_width .top55span,
#gvData_silver table.res_mob_font_width .top55span,
#gvData_coins table.res_mob_font_width .top55span {
    display: inline-block !important;
    min-width: 58px !important;
    padding: 2px 7px !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

#gvData table.res_mob_font_width .top55span[style*="green"],
#gvData_silver table.res_mob_font_width .top55span[style*="green"],
#gvData_coins table.res_mob_font_width .top55span[style*="green"],
#gvData table.res_mob_font_width .top55span[style*="red"],
#gvData_silver table.res_mob_font_width .top55span[style*="red"],
#gvData_coins table.res_mob_font_width .top55span[style*="red"] {
    color: #fff !important;
}

@media (max-width: 767px) {
    #gvData .tt_33,
    #gvData_silver .tt_33,
    #gvData_coins .tt_333 {
        padding: 0 4px 5px !important;
    }

    #gvData .product_rate_title td {
        height: 29px !important;
        padding: 6px 8px 4px !important;
        font-size: 13px !important;
    }

    #gvData .heading td,
    #gvData_silver .heading td {
        height: 25px !important;
        padding: 5px 3px !important;
        font-size: 9px !important;
    }

    #gvData table.res_mob_font_width td,
    #gvData_silver table.res_mob_font_width td,
    #gvData_coins table.res_mob_font_width td {
        height: 34px !important;
        padding: 5px 3px !important;
    }

    #gvData .buy_sell_label,
    #gvData_silver .buy_sell_label,
    #gvData_coins .buy_sell_label,
    #gvData .unit_td span,
    #gvData .currency_td span {
        font-size: 10px !important;
    }

    #gvData table.res_mob_font_width .top55span,
    #gvData_silver table.res_mob_font_width .top55span,
    #gvData_coins table.res_mob_font_width .top55span {
        min-width: 44px !important;
        padding: 2px 4px !important;
        font-size: 12px !important;
    }
}

#gvData_top3 > table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 > table.table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#gvData_top3 > table.table1001.gmtable .top5span {
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData .tt_33 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

/* Must stay last: visible gold borders/radius for compact and product tables. */
#gvData_top3 > table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td,
#gvData_top3 > table.table1001.gmtable > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td:last-child,
#gvData_top3 > table.table1001.gmtable > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td,
#gvData_top3 > table.table1001.gmtable > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td:first-child,
#gvData_top3 > table.table1001.gmtable > tr:first-child > td:first-child {
    border-top-left-radius: 7px !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td:last-child,
#gvData_top3 > table.table1001.gmtable > tr:first-child > td:last-child {
    border-top-right-radius: 7px !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:last-child > td:first-child,
#gvData_top3 > table.table1001.gmtable > tr:last-child > td:first-child {
    border-bottom-left-radius: 7px !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:last-child > td:last-child,
#gvData_top3 > table.table1001.gmtable > tr:last-child > td:last-child {
    border-bottom-right-radius: 7px !important;
}

#gvData_top3 > table.table1001.gmtable tr.goldd {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#gvData_top3 > table.table1001.gmtable .top5sell {
    height: 38px !important;
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > table.table1001.gmtable .top5span {
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData .tt_33 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #050505 !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

#gvData table.res_mob_font_width {
    border-top: 1px solid var(--sultan-border-soft) !important;
}

@media (max-width: 767px) {
    #gvData_top3 > table.table1001.gmtable {
        margin-bottom: 6px !important;
        border-radius: 7px !important;
    }

    #gvData_top3 > table.table1001.gmtable > tbody > tr > td,
    #gvData_top3 > table.table1001.gmtable > tr > td {
        padding: 6px 3px !important;
    }

    #gvData_top3 > table.table1001.gmtable .top5sell {
        height: 34px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > table.table1001.gmtable .top5span {
        font-size: 14px !important;
    }
}

/* Gold Trend section must stay white on dark theme. */
.gold-trend,
.gold-trend *,
.gold-trend h1,
.gold-trend .circle div,
.gold-trend table,
.gold-trend table td {
    color: var(--sultan-white) !important;
}

.gold-trend .label {
    color: var(--sultan-white) !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
}

/* Product rates list: PRODUCT / UNIT / CURRENCY / RATE (AED). */
#gvData .product_rate_title {
    width: 100% !important;
    background: #080808 !important;
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#gvData .product_rate_title td {
    color: var(--sultan-gold-light) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

#gvData .heading td:nth-child(1),
#gvData table.res_mob_font_width td:nth-child(1) {
    width: 34% !important;
    max-width: 34% !important;
    text-align: left !important;
}

#gvData .heading td:nth-child(2),
#gvData table.res_mob_font_width td:nth-child(2) {
    width: 18% !important;
    max-width: 18% !important;
    text-align: center !important;
}

#gvData .heading td:nth-child(3),
#gvData table.res_mob_font_width td:nth-child(3) {
    width: 22% !important;
    max-width: 22% !important;
    text-align: center !important;
}

#gvData .heading td:nth-child(4),
#gvData table.res_mob_font_width td:nth-child(4) {
    width: 26% !important;
    max-width: 26% !important;
    text-align: center !important;
}

#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

#gvData table.res_mob_font_width td:nth-child(4) .top55span {
    color: var(--sultan-gold-light) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

@media (max-width: 767px) {
    #gvData .product_rate_title td {
        font-size: 15px !important;
        padding: 8px 10px 7px !important;
    }

    #gvData .heading td {
        font-size: 10px !important;
        padding: 7px 3px !important;
    }

    #gvData .buy_sell_label,
    #gvData .unit_td span,
    #gvData .currency_td span {
        font-size: 10px !important;
    }

    #gvData table.res_mob_font_width td:nth-child(4) .top55span {
        font-size: 12px !important;
    }
}

/* Compact 3-column fixing band, matching the third table in theme.jpeg. */
#gvData_top3 > .table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr > td,
#gvData_top3 > .table1001.gmtable > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    height: 42px !important;
    padding: 6px 4px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr > td:last-child,
#gvData_top3 > .table1001.gmtable > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr:first-child > td,
#gvData_top3 > .table1001.gmtable > tr:first-child > td {
    height: 38px !important;
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#gvData_top3 > .table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > .table1001.gmtable .top5span {
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

#gvData_top3 > .table1001.gmtable .GoldRtae2 {
    display: table-row !important;
}

#gvData_top3 > .table1001.gmtable .GoldRtae2 td {
    display: table-cell !important;
    height: 28px !important;
    padding: 2px 4px 6px !important;
    border-top: 1px solid var(--sultan-border-soft) !important;
    font-size: 11px !important;
}

#gvData_top3 > .table1001.gmtable .GoldRtae2 .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: var(--sultan-white) !important;
}

#gvData_top3 > .table1001.gmtable .GoldRtae2 .hl_arrow img {
    width: 10px !important;
    height: 10px !important;
    display: block !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001.gmtable {
        margin: 0 0 6px !important;
    }

    #gvData_top3 > .table1001.gmtable > tbody > tr > td,
    #gvData_top3 > .table1001.gmtable > tr > td {
        height: 36px !important;
        padding: 5px 3px !important;
    }

    #gvData_top3 > .table1001.gmtable .top5sell {
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001.gmtable .top5span {
        font-size: 14px !important;
    }
}

/* Final lock for the three cloned top-rate tables in LiveRates. */
#gvData_top3 > .table1001 {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 8px !important;
    margin: 0 0 8px !important;
    background: transparent !important;
}

#gvData_top3 > .table1001 > tbody > tr > td,
#gvData_top3 > .table1001 > tr > td {
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    vertical-align: top !important;
}

#gvData_top3 > .table1001 > tbody > tr > td::before,
#gvData_top3 > .table1001 > tbody > tr > td::after,
#gvData_top3 > .table1001 > tr > td::before,
#gvData_top3 > .table1001 > tr > td::after {
    display: none !important;
    content: none !important;
}

#gvData_top3 > .table1001 .goldd {
    width: 100% !important;
    min-height: 92px !important;
    height: 92px !important;
    background: linear-gradient(145deg, #111 0%, #050505 62%, #1f1608 100%) !important;
    background-image: linear-gradient(145deg, #111 0%, #050505 62%, #1f1608 100%) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 18px rgba(246, 215, 123, 0.12), 0 0 0 1px rgba(125, 88, 32, 0.18) !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001 .top5sell {
    height: 30px !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding: 9px 5px 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > .table1001 .top5span {
    display: inline-block !important;
    min-width: 72px !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding: 1px 7px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001 .GoldRtae2 td {
    height: 24px !important;
    max-height: 24px !important;
    color: var(--sultan-muted) !important;
    background: transparent !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    padding: 1px 4px 7px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001 .bloc_GS {
    color: var(--sultan-muted) !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001 {
        border-spacing: 6px !important;
        margin-bottom: 6px !important;
    }

    #gvData_top3 > .table1001 .goldd {
        min-height: 86px !important;
        height: 86px !important;
    }

    #gvData_top3 > .table1001 .top5sell {
        font-size: 11px !important;
        height: 28px !important;
    }

    #gvData_top3 > .table1001 .top5span {
        min-width: 56px !important;
        font-size: 16px !important;
        padding: 1px 5px !important;
    }
}

/* Must stay last: gmtable is the compact 3-column fixing row, not a card row. */
#gvData_top3 > .table1001.gmtable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 4px !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr > td,
#gvData_top3 > .table1001.gmtable > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    height: 40px !important;
    padding: 6px 4px !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    background: transparent !important;
    text-align: center !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr > td:last-child,
#gvData_top3 > .table1001.gmtable > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > .table1001.gmtable > tbody > tr:first-child > td,
#gvData_top3 > .table1001.gmtable > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border-soft) !important;
}

#gvData_top3 > .table1001.gmtable .top5sell {
    height: 38px !important;
    padding: 7px 4px !important;
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#gvData_top3 > .table1001.gmtable .top5span {
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData_top3 > .table1001.gmtable tr.goldd {
    height: 40px !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001.gmtable {
        border-spacing: 0 !important;
        margin: 0 0 6px !important;
    }

    #gvData_top3 > .table1001.gmtable > tbody > tr > td,
    #gvData_top3 > .table1001.gmtable > tr > td {
        width: 33.333% !important;
        max-width: 33.333% !important;
        height: 34px !important;
        padding: 5px 3px !important;
    }

    #gvData_top3 > .table1001.gmtable .top5sell {
        height: 34px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001.gmtable .top5span {
        font-size: 14px !important;
    }

    #gvData_top3 > .table1001.gmtable tr.goldd {
        height: 34px !important;
    }
}

/* Theme header strips: remove old Header.png image background. */
.headImg,
#header .header-top,
.headingTop {
    background: linear-gradient(180deg, #070707 0%, #0f0d09 100%) !important;
    background-image: linear-gradient(180deg, #070707 0%, #0f0d09 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    color: var(--sultan-white) !important;
    border-color: var(--sultan-border-soft) !important;
}

.headingTop {
    border: 1px solid var(--sultan-border) !important;
    box-shadow: inset 0 0 12px rgba(246, 215, 123, 0.12) !important;
}

/* Economic calendar iframe wrapper. */
body .ui-content {
    background: #050505 !important;
    color: var(--sultan-white) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 6px !important;
    padding: 10px !important;
    box-shadow: inset 0 0 18px rgba(216, 169, 74, 0.1) !important;
}

body .ui-content iframe {
    display: block !important;
    width: 100% !important;
    min-width: 760px !important;
    border: 0 !important;
    background: #050505 !important;
}

body .ui-content .poweredBy,
body .ui-content .poweredBy span,
body .ui-content .poweredBy a {
    color: var(--sultan-muted) !important;
}

@media (max-width: 767px) {
    body .ui-content {
        width: 96% !important;
        padding: 6px !important;
        overflow-x: auto !important;
    }

    body .ui-content iframe {
        min-width: 760px !important;
    }
}

/* Top live-rate cards: yellow Font Awesome icon and high/low arrows. */
#gvData_top3 > .table1001:not(.gmtable) .goldd,
#gvData_top4_silver > .table1002 .goldd,
#gvData_top3_silver > .table1001 .goldd {
    position: relative !important;
}

#gvData_top3 > .table1001:not(.gmtable) .goldd::before,
#gvData_top4_silver > .table1002 .goldd::before,
#gvData_top3_silver > .table1001 .goldd::before {
    content: "\f201" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 12px !important;
    top: 18px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    color: #fff6cf !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffe697 0%, #c89232 48%, #7d5418 100%) !important;
    border: 1px solid rgba(255, 226, 137, 0.85) !important;
    box-shadow: inset 0 1px 8px rgba(255, 255, 255, 0.22), 0 0 10px rgba(216, 169, 74, 0.25) !important;
    z-index: 2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) .top5sell,
#gvData_top4_silver > .table1002 .top5sell,
#gvData_top3_silver > .table1001 .top5sell {
    height: 32px !important;
    padding: 9px 8px 0 62px !important;
    text-align: left !important;
}

#gvData_top3 > .table1001:not(.gmtable) .top5span,
#gvData_top4_silver > .table1002 .top5span,
#gvData_top3_silver > .table1001 .top5span {
    margin-left: 44px !important;
}

#gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 td,
#gvData_top4_silver > .table1002 .GoldRtae2 td,
#gvData_top3_silver > .table1001 .GoldRtae2 td {
    padding-left: 58px !important;
    text-align: left !important;
}

#gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 .bloc_GS,
#gvData_top4_silver > .table1002 .GoldRtae2 .bloc_GS,
#gvData_top3_silver > .table1001 .GoldRtae2 .bloc_GS {
    max-width: 45% !important;
    color: var(--sultan-white) !important;
}

#gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 .bloc_GS::before,
#gvData_top4_silver > .table1002 .GoldRtae2 .bloc_GS::before,
#gvData_top3_silver > .table1001 .GoldRtae2 .bloc_GS::before {
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 4px 0 3px !important;
    border-radius: 50% !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 9px !important;
    line-height: 17px !important;
    text-align: center !important;
    color: #fff !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 .bloc_GS:first-child::before,
#gvData_top4_silver > .table1002 .GoldRtae2 .bloc_GS:first-child::before,
#gvData_top3_silver > .table1001 .GoldRtae2 .bloc_GS:first-child::before {
    content: "\f063" !important;
    background: #b82121 !important;
}

#gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 .bloc_GS:last-child::before,
#gvData_top4_silver > .table1002 .GoldRtae2 .bloc_GS:last-child::before,
#gvData_top3_silver > .table1001 .GoldRtae2 .bloc_GS:last-child::before {
    content: "\f062" !important;
    background: #158c3f !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) .goldd::before,
    #gvData_top4_silver > .table1002 .goldd::before,
    #gvData_top3_silver > .table1001 .goldd::before {
        left: 8px !important;
        top: 18px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) .top5sell,
    #gvData_top4_silver > .table1002 .top5sell,
    #gvData_top3_silver > .table1001 .top5sell {
        padding-left: 46px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) .top5span,
    #gvData_top4_silver > .table1002 .top5span,
    #gvData_top3_silver > .table1001 .top5span {
        margin-left: 34px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 td,
    #gvData_top4_silver > .table1002 .GoldRtae2 td,
    #gvData_top3_silver > .table1001 .GoldRtae2 td {
        padding-left: 42px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) .GoldRtae2 .bloc_GS::before,
    #gvData_top4_silver > .table1002 .GoldRtae2 .bloc_GS::before,
    #gvData_top3_silver > .table1001 .GoldRtae2 .bloc_GS::before {
        width: 14px !important;
        height: 14px !important;
        line-height: 14px !important;
        font-size: 8px !important;
        margin-right: 2px !important;
    }
}

/* Must stay last: corrected top-card structure, one icon only. */
#gvData_top3 > .table1001:not(.gmtable) {
    border-collapse: separate !important;
    border-spacing: 8px !important;
    margin: 0 0 8px !important;
}

#gvData_top3 > .table1001:not(.gmtable) > tbody > tr > td,
#gvData_top3 > .table1001:not(.gmtable) > tr > td {
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    position: relative !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    table-layout: fixed !important;
    background: linear-gradient(145deg, #111 0%, #050505 66%, #1b1307 100%) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 18px rgba(246, 215, 123, 0.12) !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
    content: "\f201" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 12px !important;
    top: 20px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    color: #fff6cf !important;
    font-size: 18px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #ffe697 0%, #c89232 48%, #7d5418 100%) !important;
    border: 1px solid rgba(255, 226, 137, 0.85) !important;
    box-shadow: inset 0 1px 8px rgba(255, 255, 255, 0.22), 0 0 10px rgba(216, 169, 74, 0.25) !important;
    z-index: 2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
    height: 28px !important;
    padding: 10px 8px 0 64px !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td {
    height: 38px !important;
    padding: 1px 6px 0 64px !important;
    text-align: left !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
    display: inline-block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="red"] {
    padding: 1px 8px !important;
    color: #fff !important;
    border-radius: 4px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 td {
    color: var(--sultan-muted) !important;
    background: transparent !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .bloc_GS {
    color: var(--sultan-white) !important;
    font-weight: 700 !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) {
        border-spacing: 6px !important;
        margin-bottom: 6px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd {
        height: 88px !important;
        min-height: 88px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
        left: 8px !important;
        top: 20px !important;
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
        height: 27px !important;
        padding: 9px 5px 0 46px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td {
        height: 35px !important;
        padding-left: 46px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
        font-size: 15px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 td {
        height: 30px !important;
        padding-left: 46px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .bloc_GS {
        max-width: 43% !important;
    }
}
/* Final border pass: gmtable and product table. */
#gvData_top3 > table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 > table.table1001.gmtable > tbody > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 > table.table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#gvData_top3 > table.table1001.gmtable .top5span {
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData .tt_33 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

/* Last live-rate border lock. */
#gvData_top3 .table1001.gmtable,
table.table1001.gmtable {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 14px rgba(246, 215, 123, 0.12) !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr > td,
#gvData_top3 .table1001.gmtable > tr > td,
table.table1001.gmtable > tbody > tr > td,
table.table1001.gmtable > tr > td {
    width: 33.333% !important;
    max-width: 33.333% !important;
    padding: 8px 5px !important;
    background: #050505 !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border) !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    vertical-align: middle !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr > td:last-child,
#gvData_top3 .table1001.gmtable > tr > td:last-child,
table.table1001.gmtable > tbody > tr > td:last-child,
table.table1001.gmtable > tr > td:last-child {
    border-right: 0 !important;
}

#gvData_top3 .table1001.gmtable > tbody > tr:first-child > td,
#gvData_top3 .table1001.gmtable > tr:first-child > td,
table.table1001.gmtable > tbody > tr:first-child > td,
table.table1001.gmtable > tr:first-child > td {
    border-bottom: 1px solid var(--sultan-border) !important;
}

#gvData_top3 .table1001.gmtable .top5sell,
table.table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

#gvData_top3 .table1001.gmtable .top5span,
table.table1001.gmtable .top5span {
    display: inline-block !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #050505 !important;
}

#gvData .heading td,
#gvData table.res_mob_font_width td,
#gvData_silver .heading td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    border-right: 1px solid var(--sultan-border-soft) !important;
}

#gvData .heading td:last-child,
#gvData table.res_mob_font_width td:last-child,
#gvData_silver .heading td:last-child,
#gvData_silver table.res_mob_font_width td:last-child,
#gvData_coins table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

/* Final product-rate card table lock. */
#gvData,
#gvData_silver,
#gvData_coins {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .tt_33,
#gvData_silver .tt_33,
#gvData_coins .tt_333 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px 6px !important;
    background: #050505 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 16px rgba(246, 215, 123, 0.1) !important;
}

#gvData .tt_33 > tbody > tr > td,
#gvData .tt_33 > tr > td,
#gvData_silver .tt_33 > tbody > tr > td,
#gvData_silver .tt_33 > tr > td,
#gvData_coins .tt_333 > tbody > tr > td,
#gvData_coins .tt_333 > tr > td {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#gvData .product_rate_title {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData .product_rate_title td {
    height: 30px !important;
    padding: 6px 10px 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--sultan-white) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
}

#gvData .heading,
#gvData_silver .heading {
    width: 100% !important;
    margin: 0 0 4px !important;
    background: #10100f !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 6px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData .heading td,
#gvData_silver .heading td {
    height: 28px !important;
    padding: 6px 5px !important;
    background: #10100f !important;
    border: 0 !important;
    border-right: 1px solid var(--sultan-border-soft) !important;
    color: var(--sultan-white) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}

#gvData .heading td:first-child,
#gvData_silver .heading td:first-child {
    padding-left: 10px !important;
    text-align: left !important;
}

#gvData .heading td:last-child,
#gvData_silver .heading td:last-child {
    border-right: 0 !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    width: 100% !important;
    table-layout: fixed !important;
    margin: 4px 0 0 !important;
    background: #0b0b0a !important;
    border: 1px solid var(--sultan-border-soft) !important;
    border-radius: 7px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData table.res_mob_font_width:first-of-type,
#gvData_silver table.res_mob_font_width:first-of-type,
#gvData_coins table.res_mob_font_width:first-of-type {
    margin-top: 0 !important;
}

#gvData table.res_mob_font_width tr,
#gvData_silver table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width tr {
    background: transparent !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    height: 38px !important;
    padding: 7px 5px !important;
    background: #0b0b0a !important;
    border: 0 !important;
    border-right: 0 !important;
    color: var(--sultan-white) !important;
    vertical-align: middle !important;
}

#gvData table.res_mob_font_width td:first-child,
#gvData_silver table.res_mob_font_width td:first-child,
#gvData_coins table.res_mob_font_width td:first-child {
    padding-left: 10px !important;
}

#gvData table.res_mob_font_width td:last-child,
#gvData_silver table.res_mob_font_width td:last-child,
#gvData_coins table.res_mob_font_width td:last-child {
    border-right: 0 !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label,
#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-white) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-muted) !important;
    font-weight: 600 !important;
}

#gvData table.res_mob_font_width .top55span,
#gvData_silver table.res_mob_font_width .top55span,
#gvData_coins table.res_mob_font_width .top55span {
    display: inline-block !important;
    min-width: 58px !important;
    padding: 2px 7px !important;
    color: var(--sultan-gold-light) !important;
    background: transparent !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

#gvData table.res_mob_font_width .top55span[style*="green"],
#gvData_silver table.res_mob_font_width .top55span[style*="green"],
#gvData_coins table.res_mob_font_width .top55span[style*="green"],
#gvData table.res_mob_font_width .top55span[style*="red"],
#gvData_silver table.res_mob_font_width .top55span[style*="red"],
#gvData_coins table.res_mob_font_width .top55span[style*="red"] {
    color: #fff !important;
}

/* Final theme color lock for generated live-rate HTML. */
.Trending_Table_Root,
.Trending_Table_Root td,
.Trending_Table_Root span,
#gvData_top3,
#gvData_top3 td,
#gvData,
#gvData td {
    color: var(--sultan-white) !important;
}

#gvData_top3 .table1001:not(.gmtable) .top5sell,
#gvData_top3 .table1001.gmtable .top5sell {
    color: var(--sultan-white) !important;
}

#gvData_top3 .table1001:not(.gmtable) .top5span,
#gvData_top3 .table1001.gmtable .top5span,
#gvData_top3 .table1001.gmtable tr.goldd td,
#gvData table.res_mob_font_width .top55span,
#gvData .buy_sell_label1,
#gvData .buy_sell_label1 span {
    color: var(--sultan-gold-light) !important;
}

#gvData_top3 .GoldRtae2,
#gvData_top3 .GoldRtae2 td,
#gvData_top3 .GoldRtae2 span,
#gvData_top3 .bloc_GS {
    color: var(--sultan-white) !important;
}

#gvData .product_rate_title,
#gvData .product_rate_title td,
#gvData .product_rate_title span,
#gvData .heading,
#gvData .heading td,
#gvData .heading span,
#gvData table.res_mob_font_width td,
#gvData table.res_mob_font_width .buy_sell_label {
    color: var(--sultan-white) !important;
}

#gvData .unit_td,
#gvData .currency_td,
#gvData .unit_td span,
#gvData .currency_td span {
    color: var(--sultan-muted) !important;
}

#gvData_top3 .top5span[style*="green"],
#gvData .top55span[style*="green"] {
    color: #fff !important;
    background-color: var(--sultan-green) !important;
}

#gvData_top3 .top5span[style*="red"],
#gvData .top55span[style*="red"] {
    color: #fff !important;
    background-color: var(--sultan-red) !important;
}

/* Final theme label color correction from theme.jpeg. */
#gvData .product_rate_title,
#gvData .product_rate_title td,
#gvData .product_rate_title span {
    color: var(--sultan-gold-light) !important;
    text-shadow: 0 0 10px rgba(246, 215, 123, 0.32) !important;
}

#gvData_top3 .table1001.gmtable .top5sell,
#gvData_top3 .table1001.gmtable .top5sell span,
table.table1001.gmtable .top5sell,
table.table1001.gmtable .top5sell span {
    color: var(--sultan-gold-light) !important;
    text-shadow: 0 0 8px rgba(246, 215, 123, 0.28) !important;
}

#gvData .heading,
#gvData .heading td,
#gvData .heading span {
    color: #d8d8d8 !important;
}

/* Final Product Rates image icon before product name. */
#gvData table.res_mob_font_width td:first-child,
#gvData_silver table.res_mob_font_width td:first-child,
#gvData_coins table.res_mob_font_width td:first-child {
    position: relative !important;
    padding-left: 58px !important;
    min-height: 46px !important;
}

#gvData table.res_mob_font_width td:first-child::before,
#gvData_silver table.res_mob_font_width td:first-child::before,
#gvData_coins table.res_mob_font_width td:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    width: 34px !important;
    height: 28px !important;
    transform: translateY(-50%) !important;
    background: url("../img/appimages/goldbar.png") center center no-repeat !important;
    background-size: contain !important;
    border-radius: 3px !important;
    filter: drop-shadow(0 0 5px rgba(246, 215, 123, 0.45)) !important;
}

#gvData table.res_mob_font_width td:first-child .buy_sell_label,
#gvData_silver table.res_mob_font_width td:first-child .buy_sell_label,
#gvData_coins table.res_mob_font_width td:first-child .buy_sell_label {
    display: inline-block !important;
    max-width: 100% !important;
    vertical-align: middle !important;
}

#gvData .heading td:first-child,
#gvData_silver .heading td:first-child {
    padding-left: 58px !important;
}

@media (max-width: 767px) {
    #gvData table.res_mob_font_width td:first-child,
    #gvData_silver table.res_mob_font_width td:first-child,
    #gvData_coins table.res_mob_font_width td:first-child {
        padding-left: 43px !important;
    }

    #gvData table.res_mob_font_width td:first-child::before,
    #gvData_silver table.res_mob_font_width td:first-child::before,
    #gvData_coins table.res_mob_font_width td:first-child::before {
        left: 7px !important;
        width: 28px !important;
        height: 23px !important;
    }

    #gvData .heading td:first-child,
    #gvData_silver .heading td:first-child {
        padding-left: 43px !important;
    }
}

/* HIGH/LOW row — layout now owned by sb-corrections.css */
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS::after {
    display: none !important;
    content: none !important;
}

/* Top-card structure — HIGH/LOW layout owned by sb-corrections.css */
#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
    width: 100% !important;
    max-width: 100% !important;
    display: table-cell !important;
}

/* Final HIGH / LOW label-arrow-value layout. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS::before {
    content: none !important;
    display: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 15px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .high_gs .hl_arrow::before {
    content: "\f062" !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .low_gs .hl_arrow::before {
    content: "\f063" !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .high_gs .hl_arrow {
    background: var(--sultan-green) !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .low_gs .hl_arrow {
    background: var(--sultan-red) !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS {
        gap: 3px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
        font-size: 8px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        font-size: 7px !important;
        line-height: 12px !important;
    }
}

/* Final header brand: use Sulthan Bullion header brand text. */
#iconimage {
    text-align: center !important;
}

#iconimage .sultan-header-brand,
.sultan-standalone-header .sultan-header-brand {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 86px !important;
    color: var(--sultan-white) !important;
    text-align: center !important;
    line-height: 1.1 !important;
}

#iconimage .sultan-header-logo,
.sultan-standalone-header .sultan-header-logo {
    display: block !important;
    /* width: 88px !important; */
    max-width: 62% !important;
    height: auto !important;
    margin: 0 auto 4px !important;
    object-fit: contain !important;
}

#iconimage .sultan-header-title,
.sultan-standalone-header .sultan-header-title {
    display: block !important;
    color: var(--sultan-gold-light) !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 14px rgba(246, 215, 123, 0.38) !important;
}

#iconimage .sultan-header-subtitle,
.sultan-standalone-header .sultan-header-subtitle {
    display: block !important;
    margin-top: 5px !important;
    color: var(--sultan-white) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {
    #iconimage .sultan-header-brand,
    .sultan-standalone-header .sultan-header-brand {
        min-height: 70px !important;
        padding: 8px 0 !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        width: 58px !important;
        max-width: 28% !important;
        margin-bottom: 3px !important;
    }

    #iconimage .sultan-header-title,
    .sultan-standalone-header .sultan-header-title {
        font-size: 25px !important;
    }

    #iconimage .sultan-header-subtitle,
    .sultan-standalone-header .sultan-header-subtitle {
        margin-top: 4px !important;
        font-size: 10px !important;
    }
}

#header .sultan-scroll-brand {
    color: var(--sultan-gold-light) !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Final HIGH / LOW image arrows for gvData_top3 only. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow::before {
    content: none !important;
    display: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    object-fit: contain !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
    }
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .high_gs .hl_arrow::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .low_gs .hl_arrow::before {
    content: none !important;
    display: none !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .high_gs .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .low_gs .hl_arrow {
    background: transparent !important;
}

/* Final third-row repair: show HIGH on left and LOW on right like theme.jpeg. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    table-layout: fixed !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 {
    display: table-row !important;
    width: 100% !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td {
    display: table-cell !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    height: 22px !important;
    padding: 0 5px 7px !important;
    color: var(--sultan-white) !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td {
    text-align: left !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td {
    text-align: right !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td .bloc_GS,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 3px !important;
    color: var(--sultan-white) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td .bloc_GS {
    justify-content: flex-end !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    display: inline-block !important;
    color: #000 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
}

@media (min-width: 768px) {
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
        font-size: 9px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
    }
}

/* Final one-cell HIGH row requested for gvData_top3. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] {
    display: table-cell !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 22px !important;
    padding: 0 8px 7px !important;
    color: #000 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 4px !important;
    color: #000 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_value {
    color: #000 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_arrow img {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .high_gs::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_arrow::before {
    content: none !important;
    display: none !important;
}

/* Final one-cell LOW row requested for selected gvData_top3 cards. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
    display: table-cell !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 22px !important;
    padding: 0 8px 7px !important;
    color: #000 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 4px !important;
    color: #000 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_value {
    color: #000 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_arrow img {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .low_gs::before,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_arrow::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Final gvData_top3 top-card alignment, excluding gmtable. */
#gvData_top3 > .table1001:not(.gmtable) {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 4px 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#gvData_top3 > .table1001:not(.gmtable) > tbody > tr > td,
#gvData_top3 > .table1001:not(.gmtable) > tr > td {
    width: 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
    text-align: center !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    width: 100% !important;
    min-height: 112px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
    height: 34px !important;
    padding: 12px 8px 0 72px !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    vertical-align: bottom !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
    height: 44px !important;
    padding: 2px 8px 0 72px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
    display: inline-block !important;
    min-width: 82px !important;
    padding: 1px 8px !important;
    color: #000 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    border-radius: 2px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="red"] {
    color: #000 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
    height: 28px !important;
    padding: 0 8px 10px 72px !important;
    text-align: left !important;
    vertical-align: top !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    color: #000 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) {
        border-spacing: 3px 1px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd {
        min-height: 96px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
        height: 30px !important;
        padding: 10px 5px 0 54px !important;
        font-size: 10px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
        height: 38px !important;
        padding: 1px 5px 0 54px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
        min-width: 62px !important;
        padding: 1px 5px !important;
        font-size: 15px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"],
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
        height: 24px !important;
        padding: 0 5px 8px 54px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
        font-size: 8px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow img {
        width: 11px !important;
        height: 11px !important;
        min-width: 11px !important;
    }
}

/* Final login/logout navigation repair. */
#header .header-nav-main nav {
    width: 100% !important;
}

#mainNav {
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mainNav > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#mainNav > li[style*="display: none"] {
    display: none !important;
}

#mainNav > li > a,
#mainNav #showlogin > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 9px !important;
    color: var(--sultan-white) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

#mainNav #showlogin > a[style*="display: none"] {
    display: none !important;
}

#mainNav #Lb2 {
    color: var(--sultan-gold-light) !important;
}

#openaccountbtn,
#Lb4 {
    margin: 0 !important;
    padding: 0 !important;
}

#openaccountbtn[style*="display: none"],
#Lb4[style*="display: none"],
#Lb3[style*="display: none"] {
    display: none !important;
}

#Lb3,
#Lb4 > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 92px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    background: linear-gradient(180deg, var(--sultan-gold-light), var(--sultan-gold)) !important;
    color: #070707 !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

#Lb4 > a {
    color: #070707 !important;
}

@media (max-width: 991px) {
    #mainNav {
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    #mainNav > li {
        width: 100% !important;
        justify-content: flex-start !important;
        border-bottom: 1px solid var(--sultan-border-soft) !important;
    }

    #mainNav > li > a,
    #mainNav #showlogin > a {
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0 18px !important;
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    #header .header-body .text-right.d-none.d-lg-block {
        display: block !important;
        min-width: 112px !important;
        margin-left: 10px !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    #header .header-body #Lb4 {
        display: inline-block;
    }

    #header .header-body #Lb4[style*="display: none"] {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #header .header-body .text-right.d-none.d-lg-block {
        display: none !important;
    }
}

/* Final gvData_top3 trend card icon: use app image icons instead of Font Awesome. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
    content: "" !important;
    font-family: initial !important;
    font-weight: normal !important;
    position: absolute !important;
    left: 12px !important;
    top: 20px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    text-align: center !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd:has(.high_td)::before {
    background-image: url("../img/appimages/icon1.png") !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd:has(.low_td)::before {
    background-image: url("../img/appimages/icon2.png") !important;
}

@media (max-width: 767px) {
    #gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
        left: 10px !important;
        top: 18px !important;
        width: 36px !important;
        height: 36px !important;
    }
}

/* Final website background from theme reference image. */
html,
body,
.body,
.main {
    background-color: #050505 !important;
    background-image: url("../img/appimages/BG-hd.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

/* Let the body theme image show through page-level sections and footer. */
section,
.section,
.page-wrapper,
.main,
.content,
.container-main,
.bgN1,
.bgN2,
.slider-container,
.home-intro,
.page-header,
#footer,
#footer .container,
#footer .row,
#footer .section,
#footer .footer-copyright,
#footer .footer-copyright .container,
footer,
footer .container,
footer .row {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body::before,
.body::before,
.main::before,
section::before,
.section::before,
#footer::before,
footer::before {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove header strip backgrounds so the site BG image shows through. */
.headImg,
#header .headImg,
#header .header-top,
.headingTop {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    color: var(--sultan-white) !important;
}

/* Remove outer header/nav/footer backgrounds so the site BG image stays visible. */
#header,
#header .header-body,
#header .header-top,
#header .headImg,
#header .naviRow,
#navhead,
#footer,
#footer .section,
#footer .footer-copyright {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--sultan-white) !important;
    border-color: var(--sultan-border-soft) !important;
}

/* Final gvData_top3 top boxes: use golden rounded image background, excluding gmtable. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    background-color: transparent !important;
    background-image: url("../img/appimages/topcard-bg.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Final Product Rates row background image. */
#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width,
#gvData_coins table.res_mob_font_width {
    background-color: transparent !important;
    background-image: url("../img/appimages/Box44.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    border: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    margin: 5px 0 0 !important;
}

#gvData table.res_mob_font_width tr,
#gvData_silver table.res_mob_font_width tr,
#gvData_coins table.res_mob_font_width tr,
#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width {
    border: 0 !important;
    border-top: 0 !important;
}

/* Final Product Rates main panel background. */
#gvData.Trending_Table_Child1,
#gvData {
    background-color: transparent !important;
    background-image: url("../img/appimages/gvdata-bg.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    border: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    padding: 14px 12px !important;
}

#gvData > .tt_33,
#gvData .tt_33,
#gvData .tt_33 > tbody > tr > td,
#gvData .tt_33 > tr > td {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

.sultan-welcome-panel img {
    display: block !important;
    width: 50% !important;
    max-width: 228px !important;
    min-width: 215px !important;
    height: auto !important;
    object-fit: contain !important;
    cursor: pointer !important;
    filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.48)) drop-shadow(0 0 10px rgba(246, 215, 123, 0.24)) !important;
    transform-origin: center center !important;
    transition: transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1), filter 420ms ease !important;
    animation: sultanWelcomeReveal 800ms cubic-bezier(0.2, 0.8, 0.2, 1) both,
        sultanWelcomeFloat 5.8s ease-in-out 800ms infinite,
        sultanWelcomeGlow 3.6s ease-in-out 800ms infinite !important;
    will-change: transform, filter !important;
}

/* Final gvData_top3 white card background and black text lock. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    background-color: #fff !important;
    background-image: url("../img/appimages/topcard-bg-white.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 td,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 span,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    color: #000 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span[style*="red"] {
    color: #000 !important;
}

/* Final live-rate table readability fixes. */
#gvData .heading td,
#gvData_silver .heading td,
#gvData_coins .heading td {
    font-size: 15px !important;
    line-height: 1.25 !important;
}

#gvData table.res_mob_font_width td,
#gvData_silver table.res_mob_font_width td,
#gvData_coins table.res_mob_font_width td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label,
#gvData_coins .buy_sell_label {
    font-size: 17px !important;
    line-height: 1.2 !important;
}

#gvData .unit_td span,
#gvData .currency_td span,
#gvData_silver .unit_td span,
#gvData_silver .currency_td span,
#gvData_coins .unit_td span,
#gvData_coins .currency_td span {
    font-size: 15px !important;
    line-height: 1.2 !important;
}

#gvData .top55span,
#gvData_silver .top55span,
#gvData_coins .top55span {
    min-width: 74px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    min-height: 124px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
    height: auto !important;
    min-height: 32px !important;
    overflow: visible !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
    padding-bottom: 12px !important;
    vertical-align: middle !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS {
    min-height: 18px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    display: inline-block !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

@media (max-width: 767px) {
    #gvData .heading td,
    #gvData_silver .heading td,
    #gvData_coins .heading td {
        font-size: 12px !important;
    }

    #gvData .buy_sell_label,
    #gvData_silver .buy_sell_label,
    #gvData_coins .buy_sell_label {
        font-size: 14px !important;
    }

    #gvData .unit_td span,
    #gvData .currency_td span,
    #gvData_silver .unit_td span,
    #gvData_silver .currency_td span,
    #gvData_coins .unit_td span,
    #gvData_coins .currency_td span {
        font-size: 12px !important;
    }

    #gvData .top55span,
    #gvData_silver .top55span,
    #gvData_coins .top55span {
        min-width: 56px !important;
        font-size: 15px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd {
        min-height: 104px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"],
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] {
        min-height: 26px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .bloc_GS,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
        font-size: 9px !important;
    }
}

/* Final black text lock for gvData_top3 white top cards. */
#gvData_top3 .table1001:not(.gmtable) table.goldd,
#gvData_top3 .table1001:not(.gmtable) table.goldd td,
#gvData_top3 .table1001:not(.gmtable) table.goldd span,
#gvData_top3 .table1001:not(.gmtable) table.goldd .top5sell,
#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span,
#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span[style*="red"],
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 td,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 span,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .bloc_GS,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-hl-label,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-hl-pill,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-up,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-dn {
    color: #000 !important;
    text-shadow: none !important;
}

#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-hl-pill,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-up,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 .sb-dn {
    background: transparent !important;
}

#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span[style*="green"],
#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span[style*="red"] {
    background: transparent !important;
}

/* Hide order/login navigation entries from headers and app mobile menus. */
#header .header-nav-main a[href$="Trades.htm"],
#header .header-nav-main a[href$="Orders.htm"],
#header .header-nav-main a[href$="Login.htm"],
#header #showlogin,
#header #openaccountbtn,
#header #Lb4,
#mobile-nav a[href$="Trades.html"],
#mobile-nav a[href$="Orders.html"],
#mobile-nav a[href$="Login.html"] {
    display: none !important;
}

.sultan-uae-clock,
.sultan-uae-clock span {
    color: var(--sultan-white) !important;
    white-space: nowrap !important;
}

.sultan-uae-flag {
    display: inline-block !important;
    float: left !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    margin: 0 7px 0 0 !important;
    border-radius: 50% !important;
    background:
        linear-gradient(90deg, #ce1126 0 28%, transparent 28% 100%),
        linear-gradient(180deg, #009639 0 33.33%, #ffffff 33.33% 66.66%, #000000 66.66% 100%) !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-indent: -999px !important;
    vertical-align: middle !important;
}

#date_time_uae {
    display: inline-block !important;
    min-width: 112px !important;
    color: var(--sultan-white) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: normal !important;
    margin: 5px !important;
    text-align: left !important;
    vertical-align: -2px !important;
}

/* Center header navigation after hiding order/login items. */
@media (min-width: 992px) {
    #navhead {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    #navhead > .header-column:first-child,
    #header .header-row.naviRow .header-column:first-child {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #header .header-nav,
    #header .header-nav-main,
    #header .header-nav-main nav {
        width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        justify-content: center !important;
    }

    #mainNav {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #header .header-body .text-right.d-none.d-lg-block,
    #header .text-right.d-none.d-lg-block {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}