/* ================================================================
   SULTAN BULLION — sb-corrections.css
   Theme.jpeg colour corrections + sb-* enhancer classes.
   Loaded last — wins all specificity battles.
   ================================================================ */

/* ── NEW SVG LOGO ───────────────────────────────────────────── */

/* Size the SVG logo correctly in the header */
#iconimage > span.align-items-center,
#iconimage > span.row {
    align-items: center !important;
}

/* Mobile: scale logo down */
/* ── END SVG LOGO ────────────────────────────────────────────── */

/* ── Rate-card colours matched to theme.jpeg ────────────────── */

#gvData_top3 .goldd,
#gvData_top4_silver .goldd,
#gvData_top4_silver .goldd1,
#gvData_top3_silver .goldd {
    background: linear-gradient(145deg, #100e05 0%, #060606 65%, #0d0b04 100%) !important;
    border: 1px solid rgba(200, 153, 18, 0.9) !important;
    border-radius: 14px !important;
    box-shadow:
        0 2px 18px rgba(180, 130, 0, 0.22),
        inset 0 3px 0 rgba(210, 165, 30, 0.7),
        inset 0 1px 0 rgba(255, 220, 80, 0.06) !important;
    overflow: hidden !important;
}

/* Label: white, bold */
#gvData_top3 .top5sell,
#gvData_top4_silver .top5sell,
#gvData_top4_silver .goldd1 td[colspan],
#gvData_top3_silver .top5sell {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    padding: 3px 8px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Rate number: bright gold — overrides inline color:#000 */
#gvData_top3 .top5span,
#gvData_top4_silver .top5span,
#gvData_top3_silver .top5span {
    color: #f4d040 !important;
    background: transparent !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    padding: 0 6px !important;
}

/* UP pill */
#gvData_top3 .top5span[style*="green"],
#gvData_top4_silver .top5span[style*="green"],
#gvData_top3_silver .top5span[style*="green"] {
    background: #0d4020 !important;
    color: #4ce870 !important;
    padding: 1px 8px !important;
    border-radius: 4px !important;
}

/* DOWN pill */
#gvData_top3 .top5span[style*="red"],
#gvData_top4_silver .top5span[style*="red"],
#gvData_top3_silver .top5span[style*="red"] {
    background: #420d0d !important;
    color: #ff5c5c !important;
    padding: 1px 8px !important;
    border-radius: 4px !important;
}

/* HIGH/LOW row — overrides inline color:#000 */
#gvData_top3 .GoldRtae2 td,
#gvData_top4_silver .GoldRtae2 td,
#gvData_top3_silver .GoldRtae2 td {
    color: #aaaaaa !important;
    font-weight: 600 !important;
    padding: 2px 8px 8px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
}

#gvData_top4_silver .GoldRtae2 td,
#gvData_top3_silver .GoldRtae2 td {
    font-size: 10px !important;
}

#gvData_top3 .bloc_GS,
#gvData_top4_silver .bloc_GS,
#gvData_top3_silver .bloc_GS {
    color: #aaaaaa !important;
    max-width: none !important;
}

#gvData_top4_silver .bloc_GS,
#gvData_top3_silver .bloc_GS {
    font-size: 10px !important;
}

/* ── Product rates table ────────────────────────────────────── */

#gvData .tt_33,
#gvData_silver .tt_33 {
    background: #08080a !important;
    border: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
}

#gvData .product_rate_title,
#gvData .product_rate_title tr,
#gvData .product_rate_title td {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#gvData .heading td,
#gvData_silver .heading td {
    background: #0a0a07 !important;
    color: #bbbbbb !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    padding: 4px 8px !important;
    border-bottom: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

#gvData .heading,
#gvData_silver .heading,
#gvData .heading tr,
#gvData_silver .heading tr,
#gvData .heading td,
#gvData_silver .heading td {
    border: 0 !important;
    border-collapse: collapse !important;
}

#gvData table.res_mob_font_width,
#gvData_silver 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-top: 0 !important;
}

#gvData .buy_sell_label,
#gvData_silver .buy_sell_label {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#gvData .top55span,
#gvData_silver .top55span {
    color: #f4d040 !important;
    background: transparent !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

#gvData .top55span[style*="green"],
#gvData_silver .top55span[style*="green"] {
    background: #0d4020 !important;
    color: #4ce870 !important;
}

#gvData .top55span[style*="red"],
#gvData_silver .top55span[style*="red"] {
    background: #420d0d !important;
    color: #ff5c5c !important;
}

/* ── ENHANCER sb-* classes ─────────────────────────────────── */

/* sb-card-flex: the golden card wrapper (icon + content) */
.sb-card-flex {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 10px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 90px !important;
    background: linear-gradient(145deg, #100e05 0%, #060606 65%, #0d0b04 100%) !important;
    border: 1px solid rgba(200, 153, 18, 0.9) !important;
    border-radius: 14px !important;
    box-shadow:
        0 2px 18px rgba(180, 130, 0, 0.22),
        inset 0 3px 0 rgba(210, 165, 30, 0.7) !important;
    overflow: hidden !important;
}

/* goldd inside sb-card-flex: content only, no card chrome */
.sb-card-flex > table.goldd {
    flex: 1 !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: unset !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    table-layout: auto !important;
}

/* Parent td of sb-card-flex */
td.sb-enhanced {
    padding: 4px !important;
    vertical-align: top !important;
}

/* ── Circular gold / silver icon ─────────────────────────────── */
.sb-icon {
    flex-shrink: 0 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:
        0 0 0 2px rgba(255, 215, 100, 0.28),
        0 3px 10px rgba(0, 0, 0, 0.55) !important;
}

.sb-icon.sb-gold {
    background: radial-gradient(circle at 35% 30%, #ffdf60 0%, #d4a020 46%, #8b6010 100%) !important;
}

.sb-icon.sb-silver {
    background: radial-gradient(circle at 35% 30%, #eeeeee 0%, #b8b8b8 46%, #787878 100%) !important;
}

.sb-icon i {
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
    display: block !important;
}

.sb-icon.sb-ask i {
    transform: scaleX(-1) scaleY(-1) !important;
}

/* ── HIGH / LOW pill badges ──────────────────────────────────── */
.sb-hl-grp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
}

.sb-hl-label {
    color: #888888 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

.sb-hl-pill {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
}

.sb-up {
    background: rgba(18, 90, 30, 0.92) !important;
    color: #4ce870 !important;
}

.sb-dn {
    background: rgba(90, 18, 18, 0.92) !important;
    color: #ff5c5c !important;
}

/* ── Product thumbnail ───────────────────────────────────────── */
.sb-prod-img-td {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    padding: 6px 6px 6px 10px !important;
    vertical-align: middle !important;
    border: none !important;
}

.sb-prod-img-wrap {
    width: 44px !important;
    height: 34px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #111111 !important;
    border: 1px solid rgba(200, 153, 18, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sb-prod-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ── Product row arrow ───────────────────────────────────────── */
.sb-prod-arr-td {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    padding: 6px 8px 6px 2px !important;
    vertical-align: middle !important;
    text-align: right !important;
    border: none !important;
}

.sb-arrow {
    color: #c9a020 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: block !important;
}

#gvData table.res_mob_font_width td.sb-prod-img-td + td {
    padding-left: 4px !important;
}

/* Product Rates title stroke from theme reference. */
#gvData .product_rate_title td {
    position: relative !important;
    padding-bottom: 14px !important;
}

#gvData .product_rate_title td::after {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 2px !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(177, 122, 28, 0) 0%, rgba(177, 122, 28, 0.72) 18%, #ffe08a 50%, rgba(177, 122, 28, 0.72) 82%, rgba(177, 122, 28, 0) 100%) !important;
    box-shadow: 0 0 8px rgba(246, 205, 104, 0.55) !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}

@media (max-width: 480px) {
    .sb-icon {
        width: 38px !important;
        height: 38px !important;
    }
    .sb-icon i {
        font-size: 16px !important;
    }
    .sb-card-flex {
        gap: 7px !important;
        padding: 8px !important;
        min-height: 80px !important;
    }
    .sb-prod-img-td {
        width: 46px !important;
        min-width: 46px !important;
        padding: 4px 4px 4px 6px !important;
    }
    .sb-prod-img-wrap {
        width: 36px !important;
        height: 28px !important;
    }
    #gvData_top3 .top5span,
    #gvData_top4_silver .top5span,
    #gvData_top3_silver .top5span {
        font-size: 24px !important;
    }
}

/* Final Live Rates top-card alignment, excluding gmtable. */
#gvData_top3 > .table1001:not(.gmtable) table.goldd {
    position: relative !important;
    table-layout: fixed !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd::before {
    left: 14px !important;
    top: 50% !important;
    width: 42px !important;
    height: 42px !important;
    transform: translateY(-50%) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    z-index: 2 !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr > td,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td,
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"],
#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"],
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td {
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: center !important;
}

#gvData_top3 > .table1001:not(.gmtable) > tbody > tr > td {
    vertical-align: top !important;
}

/* ── HIGH/LOW row: fixed heights lock all three rows so nothing shifts on update ── */
#gvData_top3 > .table1001:not(.gmtable) table.goldd tr:first-child > td {
    height: 26px !important;
    max-height: 26px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
    height: 34px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    white-space: nowrap !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"] {
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    max-height: 36px !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    text-align: center !important;
    white-space: nowrap !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 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 100% !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: hidden !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.low_td[colspan="2"] .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_value,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_value {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 18px !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !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.low_td[colspan="2"] .hl_arrow {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#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;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell {
    padding-top: 10px !important;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .top5span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !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 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#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;
}

#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_label,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_arrow,
#gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 .hl_value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

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

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr > td,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .top5sell,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr:nth-child(2) td,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"],
    #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"],
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td {
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-align: center !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;
}

/* Compact white top cards: less padding and larger text. */
#gvData_top3 .table1001:not(.gmtable) table.goldd tr > td,
#gvData_top3 .table1001:not(.gmtable) table.goldd .GoldRtae2 > td,
#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-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 4px !important;
}

#gvData_top3 .table1001:not(.gmtable) table.goldd .top5sell {
    padding-top: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
}

#gvData_top3 .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

#gvData_top3 .table1001:not(.gmtable) table.goldd .top5span {
    padding: 0 4px !important;
    font-size: 28px !important;
    line-height: 1.05 !important;
}

#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 {
    font-size: 18px !important;
    line-height: 1.05 !important;
}

@media (max-width: 767px) {
    #gvData_top3 .table1001:not(.gmtable) table.goldd .top5sell,
    #gvData_top3 .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
        padding-left: 6px !important;
    }

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

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

    #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 {
        font-size: 16px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr:first-child > td {
        height: 24px !important;
        max-height: 24px !important;
    }

    #gvData_top3 > .table1001:not(.gmtable) table.goldd tr.goldd > td[colspan="2"] {
        height: 30px !important;
        max-height: 30px !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: 32px !important;
        max-height: 32px !important;
        padding: 0 4px !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 > td.high_td[colspan="2"] .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_label,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.high_td[colspan="2"] .hl_value,
    #gvData_top3 > .table1001:not(.gmtable) table.goldd .GoldRtae2 > td.low_td[colspan="2"] .hl_value {
        font-size: 16px !important;
    }
}

/* Contact page form theme. */
.section.bg-light-5.py-0 {
    background: transparent !important;
    background-image: none !important;
}

.google-map.google-map-burst-height {
    background: #000 !important;
    min-height: 812px !important;
    height: auto !important;
    overflow: visible !important;
}

.google-map.google-map-burst-height .row.text-left h2 {
    color: var(--sultan-white) !important;
    letter-spacing: 0 !important;
    margin-bottom: 8px !important;
    text-shadow: 0 0 10px rgba(216, 169, 74, 0.28) !important;
}

.google-map.google-map-burst-height .row.text-left .lead {
    color: var(--sultan-muted) !important;
    margin-bottom: 0 !important;
}

.google-map.google-map-burst-height .row.text-left {
    margin-bottom: 24px !important;
}

.google-map.google-map-burst-height .row.pt-5 {
    padding-top: 0 !important;
    clear: both !important;
}

.contact-form.form-style-2 {
    background: linear-gradient(180deg, rgba(9, 9, 8, 0.94), rgba(0, 0, 0, 0.88)) !important;
    border: 1px solid var(--sultan-border) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    min-height: 580px !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 226, 137, 0.08),
        0 12px 28px rgba(0, 0, 0, 0.34) !important;
}

.contact-form.form-style-2 .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.contact-form.form-style-2 .form-group {
    margin-bottom: 16px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.contact-form.form-style-2 label {
    color: var(--sultan-gold-light) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    margin-bottom: 6px !important;
}

.contact-form.form-style-2 .form-control {
    width: 100% !important;
    min-height: 46px !important;
    background: rgba(0, 0, 0, 0.74) !important;
    color: var(--sultan-white) !important;
    border: 1px solid var(--sultan-border-soft) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.42) !important;
}

.contact-form.form-style-2 textarea.form-control {
    min-height: 132px !important;
    resize: vertical !important;
}

.contact-form.form-style-2 .form-control::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.contact-form.form-style-2 .form-control:focus {
    border-color: var(--sultan-gold-light) !important;
    box-shadow:
        0 0 0 2px rgba(216, 169, 74, 0.22),
        inset 0 1px 8px rgba(0, 0, 0, 0.42) !important;
    outline: 0 !important;
}

.contact-form.form-style-2 input[type="button"],
.contact-form.form-style-2 .btn {
    min-height: 46px !important;
    background: linear-gradient(180deg, #f6d77b 0%, #d8a94a 48%, #a87925 100%) !important;
    color: #080808 !important;
    border: 1px solid rgba(255, 226, 137, 0.92) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    box-shadow: 0 8px 20px rgba(216, 169, 74, 0.22) !important;
}

.contact-form.form-style-2 input[type="button"]:hover,
.contact-form.form-style-2 .btn:hover {
    background: linear-gradient(180deg, #fff0a6 0%, #e0b34d 54%, #b58328 100%) !important;
    color: #050505 !important;
}

@media (max-width: 767px) {
    .contact-form.form-style-2 {
        padding: 18px !important;
        border-radius: 14px !important;
        min-height: auto !important;
    }

    .google-map.google-map-burst-height .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .google-map.google-map-burst-height {
        min-height: auto !important;
    }
}

/* Header menu black theme background. */
#header .header-nav,
#header .header-nav-main,
#header .header-nav-main nav,
#mainNav {
    background: #000 !important;
    background-image: none !important;
}

#mainNav > li > a,
#mainNav .dropdown-item {
    background: transparent !important;
    color: #fff !important;
}

#mainNav > li > a:hover,
#mainNav > li > a:focus,
#mainNav > li.active > a,
#mainNav .dropdown-item:hover,
#mainNav .dropdown-item:focus {
    background: rgba(216, 169, 74, 0.18) !important;
    color: #f6d77b !important;
}

/* Final responsive header alignment and logo sizing. */
#header .header-row.naviRow {
    background: #000 !important;
    border-top: 1px solid rgba(216, 169, 74, 0.35) !important;
    border-bottom: 1px solid rgba(216, 169, 74, 0.35) !important;
}

#navhead {
    background: #000 !important;
    max-width: 100% !important;
}

#header .header-row.naviRow .header-column {
    min-width: 0 !important;
}

#header .header-nav {
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
}

#header .header-nav-main {
    width: 100% !important;
}

#header .header-nav-main nav {
    width: 100% !important;
}

#mainNav {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
    border: 0 !important;
}

#mainNav > li {
    flex: 0 0 auto !important;
}

#mainNav > li > a,
#mainNav #showlogin > a {
    min-height: 52px !important;
    padding: 0 12px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    border-radius: 0 !important;
}

#mainNav > li > a:hover,
#mainNav > li > a:focus,
#mainNav > li.active > a {
    background: linear-gradient(180deg, rgba(246, 215, 123, 0.2), rgba(168, 121, 37, 0.12)) !important;
    color: #f6d77b !important;
}

#iconimage .sultan-header-logo,
.sultan-standalone-header .sultan-header-logo {
    width: auto !important;
    max-width: 78% !important;
    max-height: 118px !important;
    height: auto !important;
    object-fit: contain !important;
}

#header .sultan-scroll-brand,
#header .scroll-logo.sultan-scroll-brand {
    color: #f6d77b !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

#header .header-btn-collapse-nav {
    background: linear-gradient(180deg, #f6d77b, #a87925) !important;
    border: 1px solid rgba(255, 226, 137, 0.9) !important;
    border-radius: 8px !important;
    width: 42px !important;
    height: 38px !important;
    margin-left: 8px !important;
}

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

@media (min-width: 1200px) {
    #mainNav > li > a,
    #mainNav #showlogin > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 14px !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-width: 82% !important;
        max-height: 132px !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #mainNav > li > a,
    #mainNav #showlogin > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {
    #navhead {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #header .header-row.naviRow .header-column:first-child {
        flex: 1 1 auto !important;
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #header .header-row.naviRow .header-column:last-child {
        flex: 0 0 auto !important;
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 54px !important;
    }

    #header .sultan-scroll-brand,
    #header .scroll-logo.sultan-scroll-brand {
        display: block !important;
        max-width: calc(100vw - 76px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #header .header-nav {
        min-height: 0 !important;
        width: 100% !important;
        border-top: 1px solid rgba(216, 169, 74, 0.25) !important;
    }

    #header .header-nav-main nav {
        width: 100% !important;
        background: #000 !important;
        border: 1px solid rgba(216, 169, 74, 0.35) !important;
        border-radius: 0 0 12px 12px !important;
        overflow: hidden !important;
    }

    #mainNav {
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 4px 0 !important;
    }

    #mainNav > li {
        width: 100% !important;
        border-bottom: 1px solid rgba(216, 169, 74, 0.18) !important;
    }

    #mainNav > li:last-child {
        border-bottom: 0 !important;
    }

    #mainNav > li > a,
    #mainNav #showlogin > a {
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 18px !important;
        font-size: 13px !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-width: 86% !important;
        max-height: 108px !important;
    }
}

#header .header-nav-main nav > ul li {
    background: #000 !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(216, 169, 74, 0.22) !important;
    margin-bottom: 0 !important;
}

#header .header-nav-main nav > ul li > a {
    background: transparent !important;
    color: #fff !important;
}

#header .header-nav-main nav > ul li:hover > a,
#header .header-nav-main nav > ul li:focus > a,
#header .header-nav-main nav > ul li.active > a {
    background: linear-gradient(180deg, rgba(246, 215, 123, 0.18), rgba(168, 121, 37, 0.12)) !important;
    color: #f6d77b !important;
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul li {
        width: 100% !important;
        display: block !important;
        background: #000 !important;
        border-bottom: 1px solid rgba(216, 169, 74, 0.22) !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-width: 92% !important;
        max-height: 96px !important;
    }

    #header .sultan-scroll-brand,
    #header .scroll-logo.sultan-scroll-brand {
        font-size: 15px !important;
    }
}

/* Compact header height after enabling the clock row on all pages. */
#header .header-top {
    padding: 2px 0 !important;
    min-height: 26px !important;
    background: #000 !important;
    background-image: none !important;
}

#header .header-top-container,
#header .header-top .header-row {
    min-height: 24px !important;
}

#header .header-top-social-icons {
    margin: 0 !important;
    line-height: 1 !important;
}

#header .header-top-social-icons li {
    margin-left: 14px !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

#header .header-top-social-icons .flg {
    max-height: 14px !important;
}

#header .headImg,
#header .header-row.headImg {
    min-height: 58px !important;
    padding: 2px 0 !important;
}

#iconimage .sultan-header-brand,
.sultan-standalone-header .sultan-header-brand {
    min-height: 54px !important;
    padding: 2px 0 !important;
}

#iconimage .sultan-header-logo,
.sultan-standalone-header .sultan-header-logo {
    max-height: 64px !important;
    max-width: 62% !important;
    margin-bottom: 0 !important;
}

#header .header-nav {
    min-height: 38px !important;
}

#mainNav > li > a,
#mainNav #showlogin > a {
    min-height: 38px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
}

#header .header-row.naviRow .header-column {
    min-height: 38px !important;
}

@media (min-width: 1200px) {
    #mainNav > li > a,
    #mainNav #showlogin > a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-height: 70px !important;
        max-width: 66% !important;
    }
}

@media (max-width: 991px) {
    #header .headImg,
    #header .header-row.headImg {
        min-height: 50px !important;
        padding: 1px 0 !important;
    }

    #iconimage .sultan-header-brand,
    .sultan-standalone-header .sultan-header-brand {
        min-height: 48px !important;
        padding: 1px 0 !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-height: 54px !important;
        max-width: 66% !important;
    }

    #header .header-row.naviRow .header-column:last-child {
        min-height: 42px !important;
    }

    #mainNav > li > a,
    #mainNav #showlogin > a {
        min-height: 38px !important;
    }
}

@media (max-width: 480px) {
    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo {
        max-height: 48px !important;
        max-width: 72% !important;
    }
}

/* Compact spacing between LiveRates generated tables. */
#header {
    margin-bottom: 0 !important;
}

.main > section.section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.main > section.section:first-child > .container,
.main > section.section:first-child .row,
.main > section.section:first-child .div-spott,
.main > section.section:first-child .swiper-container,
.main > section.section:first-child .swiper-wrapper,
.main > section.section:first-child .swiper-slideTrending {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.main > section.section:first-child .div-spott {
    padding-top: 0 !important;
}

.Trending_Table_Root,
.Trending_Table_Root > tbody,
.Trending_Table_Root > tbody > tr,
.Trending_Table_Root > tbody > tr > td {
    border-spacing: 0 !important;
    margin-top: 0 !important;
}

.Trending_Table_Root > tbody > tr > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#gvData_top3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#gvData_top3 > .table1001 {
    border-collapse: separate !important;
    border-spacing: 4px 1px !important;
    margin: 0 !important;
}

#gvData_top3 > .table1001:not(.gmtable) {
    border-spacing: 4px 1px !important;
    margin-bottom: 0 !important;
}

#gvData_top3 > .table1001.gmtable,
#gvData_top3 > table.table1001.gmtable,
#gvData_top3 > #gmtable {
    margin: 8px 0 0 !important;
}

.bgN1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#gvData.Trending_Table_Child1,
#gvData > .tt_33,
#gvData .tt_33 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#gvData .product_rate_title td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

#gvData table.res_mob_font_width {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
}

#gvData table.res_mob_font_width tr td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

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

    #gvData_top3 > .table1001.gmtable,
    #gvData_top3 > table.table1001.gmtable,
    #gvData_top3 > #gmtable,
    #gvData table.res_mob_font_width {
        margin-bottom: 1px !important;
    }

    #gvData_top3 > .table1001.gmtable,
    #gvData_top3 > table.table1001.gmtable,
    #gvData_top3 > #gmtable {
        margin-top: 6px !important;
    }
}

#iconimage {
    position: relative !important;
    min-height: auto !important;
    display: flex !important;
    align-items: end !important;
}

/* Align the UAE clock flag with the other header clock flags. */
#header .header-top-social-icons li {
    vertical-align: middle !important;
}

#header .header-top-social-icons .sultan-uae-clock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

#header .header-top-social-icons .sultan-uae-flag {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

#header .header-top-social-icons #date_time_uae {
    display: inline-block !important;
    margin: 0 !important;
    line-height: 20px !important;
    vertical-align: middle !important;
}

.sultan-company-subline {
    display: inline-block !important;
    margin-top: 2px !important;
    color: inherit !important;
    font-size: 0.92em !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.sultan-copyright-subline {
    display: block !important;
    margin-top: 3px !important;
    color: inherit !important;
    font-size: 11px !important;
}

/* LiveRates welcome artwork below the rate table. */
.sultan-welcome-panel {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 10px 16px !important;
    margin: 6px auto 0 !important;
    overflow: visible !important;
}

.sultan-welcome-panel img {
    display: block !important;
    width: 50% !important;
    max-width: 360px !important;
    min-width: 240px !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;
}

.sultan-welcome-panel img:hover {
    transform: translateY(-6px) perspective(700px) rotateX(2deg) scale(1.045) !important;
    filter: drop-shadow(0 16px 26px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 26px rgba(246, 215, 123, 0.56)) !important;
    animation-play-state: paused !important;
}

@keyframes sultanWelcomeReveal {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.94);
        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 0 rgba(246, 215, 123, 0));
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.48)) drop-shadow(0 0 10px rgba(246, 215, 123, 0.24));
    }
}

@keyframes sultanWelcomeFloat {
    0%,
    100% {
        transform: translateY(0) perspective(700px) rotateX(0deg) rotateZ(0deg) scale(1);
    }

    25% {
        transform: translateY(-4px) perspective(700px) rotateX(1deg) rotateZ(-0.35deg) scale(1.012);
    }

    50% {
        transform: translateY(-7px) perspective(700px) rotateX(1.5deg) rotateZ(0.35deg) scale(1.02);
    }

    75% {
        transform: translateY(-3px) perspective(700px) rotateX(0.8deg) rotateZ(-0.2deg) scale(1.01);
    }
}

@keyframes sultanWelcomeGlow {
    0%,
    100% {
        filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.48)) drop-shadow(0 0 10px rgba(246, 215, 123, 0.24));
    }

    50% {
        filter: drop-shadow(0 13px 22px rgba(0, 0, 0, 0.54)) drop-shadow(0 0 22px rgba(246, 215, 123, 0.46));
    }
}

@media (max-width: 767px) {
    .sultan-welcome-panel {
        padding: 6px 6px 10px !important;
        margin-top: 2px !important;
    }

    .sultan-welcome-panel img {
        width: 68% !important;
        max-width: 320px !important;
        min-width: 190px !important;
    }
}

/* Larger website header logo after removing the subtitle line. */
#iconimage .sultan-header-brand,
.sultan-standalone-header .sultan-header-brand {
    min-height: 76px !important;
    padding: 0 !important;
}

#iconimage .sultan-header-logo,
.sultan-standalone-header .sultan-header-logo,
#iconimage .LogoImgWidth1 {
    max-width: 88% !important;
    max-height: 96px !important;
    margin: 0 auto !important;
}

@media (min-width: 1200px) {
    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo,
    #iconimage .LogoImgWidth1 {
        max-width: 92% !important;
        max-height: 112px !important;
    }
}

@media (max-width: 991px) {
    #iconimage .sultan-header-brand,
    .sultan-standalone-header .sultan-header-brand {
        min-height: 62px !important;
    }

    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo,
    #iconimage .LogoImgWidth1 {
        max-width: 82% !important;
        max-height: 76px !important;
    }
}

@media (max-width: 480px) {
    #iconimage .sultan-header-logo,
    .sultan-standalone-header .sultan-header-logo,
    #iconimage .LogoImgWidth1 {
        max-width: 86% !important;
        max-height: 66px !important;
    }
}

/* Mobile menu button and collapsed menu alignment. */
@media (max-width: 991px) {
    #navhead {
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    #header .header-row.naviRow .header-column:last-child {
        padding: 0 10px !important;
    }

    #header .header-btn-collapse-nav {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        margin: 0 0 0 10px !important;
        line-height: 1 !important;
        overflow: hidden !important;
    }

    #header .header-btn-collapse-nav .hamburguer,
    #header .header-btn-collapse-nav .close {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        display: block !important;
        width: 22px !important;
        height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1;
        transform: translate(-50%, -50%) !important;
    }

    #header .header-btn-collapse-nav .hamburguer span {
        position: absolute !important;
        left: 0 !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 2px !important;
        transform: none !important;
    }

    #header .header-btn-collapse-nav .hamburguer span:nth-child(1) {
        top: 2px !important;
    }

    #header .header-btn-collapse-nav .hamburguer span:nth-child(2) {
        top: 8px !important;
    }

    #header .header-btn-collapse-nav .hamburguer span:nth-child(3) {
        top: 14px !important;
    }

    #header .header-btn-collapse-nav .close {
        height: 22px !important;
        opacity: 0 !important;
    }

    #header .header-btn-collapse-nav .close span {
        position: absolute !important;
        top: 10px !important;
        left: 1px !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 2px !important;
        transform-origin: center center !important;
    }

    #header .header-btn-collapse-nav .close span:nth-child(1) {
        transform: rotate(45deg) !important;
    }

    #header .header-btn-collapse-nav .close span:nth-child(2) {
        transform: rotate(-45deg) !important;
    }

    #header .header-btn-collapse-nav.active .hamburguer {
        opacity: 0 !important;
    }

    #header .header-btn-collapse-nav.active .hamburguer span {
        width: 22px !important;
    }

    #header .header-btn-collapse-nav.active .close {
        opacity: 1 !important;
    }

    #header .header-btn-collapse-nav.active .close span {
        width: 20px !important;
    }

    #header .header-nav-main nav.collapse,
    #header .header-nav-main nav.collapsing,
    #header .header-nav-main nav.collapse.show {
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    #header .header-nav-main nav.collapse:not(.show) {
        display: none !important;
    }

    #header .header-nav-main nav.collapse.show {
        display: block !important;
    }

    #mainNav > li.dropdown > .dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #070707 !important;
        box-shadow: none !important;
    }

    #mainNav > li.dropdown.open > .dropdown-menu,
    #mainNav > li.dropdown:hover > .dropdown-menu,
    #mainNav > li.dropdown:focus-within > .dropdown-menu {
        display: block !important;
    }

    #mainNav .dropdown-menu li,
    #mainNav .dropdown-menu .dropdown-item {
        width: 100% !important;
    }

    #mainNav .dropdown-menu .dropdown-item {
        min-height: 38px !important;
        padding: 0 28px !important;
        display: flex !important;
        align-items: center !important;
        color: #fff !important;
    }
}

/* Product row icon — goldbar for gold, silverbar for silver. */
#gvData table.res_mob_font_width td:first-child {
    position: relative !important;
    padding-left: 52px !important;
}

#gvData 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.silver-product-row td:first-child::before {
    background-image: url("../img/appimages/silverbar.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 5px rgba(192, 210, 230, 0.55)) !important;
}

@media (max-width: 480px) {
    #gvData table.res_mob_font_width td:first-child {
        padding-left: 44px !important;
    }

    #gvData table.res_mob_font_width td:first-child::before {
        left: 8px !important;
        width: 28px !important;
        height: 22px !important;
    }
}

/* Show only the public website menu items requested. */
#header #mainNav > li {
    display: none !important;
}

#header #mainNav > li:has(a[href$="index.html"]),
#header #mainNav > li:has(a[href$="LiveRates.html"]),
#header #mainNav > li:has(a[href$="#about_uss"]),
#header #mainNav > li:has(a[href$="Message.html"]),
#header #mainNav > li:has(a[href$="EconomicCalendar.html"]),
#header #mainNav > li:has(a[href$="PrivacyPolicy.html"]),
#header #mainNav > li:has(a[href$="contact-us.html"]) {
    display: block !important;
}

/* Final visible mobile toggle icon override. */
@media (max-width: 991px) {
    #header button.header-btn-collapse-nav,
    #header button.header-btn-collapse-nav.active {
        background: #050505 !important;
        background-image: none !important;
        border: 1px solid #f6d77b !important;
        box-shadow:
            0 0 0 1px rgba(246, 215, 123, 0.18),
            0 6px 14px rgba(0, 0, 0, 0.35) !important;
    }

    #header button.header-btn-collapse-nav .hamburguer,
    #header button.header-btn-collapse-nav .close {
        color: transparent !important;
        text-shadow: none !important;
        pointer-events: none !important;
    }

    #header button.header-btn-collapse-nav .hamburguer span,
    #header button.header-btn-collapse-nav .close span,
    #header button.header-btn-collapse-nav.active .close span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #f6d77b !important;
        background-color: #f6d77b !important;
        box-shadow: 0 0 6px rgba(246, 215, 123, 0.45) !important;
    }

    #header button.header-btn-collapse-nav.active .hamburguer span {
        opacity: 0 !important;
    }

    #header button.header-btn-collapse-nav:not(.active) .close {
        opacity: 0 !important;
    }

    #header button.header-btn-collapse-nav.active .close {
        opacity: 1 !important;
    }
}