/* Black and gold palette based on the supplied Bullion Pay reference. */
:root {
    --bullion-background: #000;
    --bullion-panel: #080808;
    --bullion-text: #fff;
    --bullion-gold: #e4c45e;
    --bullion-border: #a8852e;
    --bullion-gold-fill: linear-gradient(110deg, #b88728 0%, #efd17d 28%, #fff1b6 49%, #e5ba55 74%, #b88728 100%);
}

html,
html body,
body .body,
body .main,
#header .header-body,
#header .headImg,
#header .header-container,
#footer,
.section,
.seo-intro,
.seo-content,
.modal-content,
.modal-body {
    background: var(--bullion-background) !important;
    color: var(--bullion-text);
}

html body {
    color: var(--bullion-text) !important;
}

#header .naviRow {
    background: var(--bullion-background);
    border-top: 1px solid var(--bullion-border);
    border-bottom: 1px solid var(--bullion-border);
}

#header .header-nav-main nav > ul > li > a {
    color: var(--bullion-text) !important;
}

#header .header-nav-main nav > ul > li > a:hover,
#header .header-nav-main nav > ul > li > a:focus-visible {
    color: var(--bullion-gold) !important;
}

#header .header-btn-collapse-nav .hamburguer span,
#header .header-btn-collapse-nav .close span {
    background: var(--bullion-gold);
}

#header .header-nav-main nav,
#header .header-nav-main nav > ul,
#header .header-nav-main:before {
    background: var(--bullion-background);
}

#header a.btn {
    background: var(--bullion-background) !important;
    border: 1px solid var(--bullion-border);
    color: var(--bullion-gold) !important;
}

#my-tab > .swiper-pagination1 {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--bullion-border);
    border-radius: 8px;
    background: var(--bullion-background);
    margin: 8px 5px 16px !important;
}

#my-tab > .swiper-pagination1 .swiper-pagination-bullet {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    height: auto;
    width: auto;
    margin: 0;
    padding: 10px 4px;
    border: 0;
    border-inline-end: 1px solid #69531e;
    border-radius: 0;
    background: var(--bullion-background) !important;
    color: var(--bullion-text) !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    opacity: 1;
}

#my-tab > .swiper-pagination1 .swiper-pagination-bullet:last-of-type {
    border-inline-end: 0;
}

#my-tab > .swiper-pagination1 .swiper-pagination-bullet-active {
    background: var(--bullion-gold-fill) !important;
    color: #000 !important;
    font-weight: 700;
}

#my-tab > .swiper-pagination1 .swiper-pagination-bullet:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -3px;
}

#my-tab .active-mark {
    display: none;
}

.headingTop,
.heading,
.headertable1,
.headertable2,
.headertable3,
.mjdma,
.marquee {
    background: var(--bullion-gold-fill) !important;
    color: #000 !important;
}

.heading td,
.heading th,
.heading span,
.headertable1 th,
.headertable2 th,
.headertable3 th,
.marquee p,
.marquee a {
    color: #000 !important;
}

.headingTop,
.heading {
    border-radius: 6px;
}

table.goldd {
    background: var(--bullion-background);
    border: 1px solid var(--bullion-border);
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

table.goldd tr:first-child td {
    background: var(--bullion-gold-fill) !important;
    color: #000 !important;
    border-radius: 6px 6px 0 0;
    padding: 6px 3px !important;
}

table.goldd .top5span,
table.goldd .top25span,
.Trending_Table_Child1 .top55span {
    color: var(--bullion-text) !important;
}

table.goldd .top5sell {
    color: #000 !important;
}

table.goldd .GoldRtae2 td,
table.goldd .bloc_GS,
table.goldd .bloc_GS1,
.sell {
    color: var(--bullion-gold) !important;
}

table.res_mob_font_width,
table.res_mob_font_width1,
table.res_mob_font_width2,
.rate_top,
#gvData_silvercoins td {
    background: var(--bullion-background) !important;
    border-image: none !important;
    border-bottom: 1px solid var(--bullion-gold) !important;
    border-radius: 0;
}

.Trending_Table_Child1,
.buy_sell_label,
.silver-coin-booking,
.back_fore_color_td {
    color: var(--bullion-text) !important;
}

.back_fore_color_td {
    background: var(--bullion-background) !important;
}

.seo-intro h1,
.seo-content h2,
.seo-content a,
.seo-intro a,
#footer h3,
#footer .icon-box-icon,
#footer a,
.section h2,
.section h3 {
    color: var(--bullion-gold) !important;
}

.seo-intro p,
.seo-content p,
.seo-about-copy,
.seo-about-copy p,
#footer p,
.section label,
.section .contact_details1,
.main .contact_details1,
.section .bnkdetails,
.section .bnkdetails p {
    color: var(--bullion-text) !important;
}

.seo-about-copy a,
.section a:hover,
.main a:hover,
#footer a:hover {
    color: #f5d783 !important;
}

.section [style*="background:#FFFFFF"],
.section [style*="background: #FFFFFF"],
.section [style*="background-color: rgba(255, 255, 255"],
.section .contact_details1 {
    background: var(--bullion-panel) !important;
    border-color: var(--bullion-border) !important;
    box-shadow: none !important;
}

.section > h1 {
    background: var(--bullion-gold-fill) !important;
    color: #000 !important;
}

.section h2[style],
.section h3[style] {
    color: var(--bullion-gold) !important;
}

.section form label {
    color: var(--bullion-text) !important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
textarea,
select {
    background: #101010 !important;
    color: #fff !important;
    border: 1px solid var(--bullion-border) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: #cbbd98;
    opacity: 1;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #f5d783 !important;
    box-shadow: 0 0 0 2px #e4c45e40;
}

input[type="button"],
input[type="submit"],
.btn-primary {
    background: var(--bullion-gold-fill) !important;
    color: #000 !important;
    border-color: var(--bullion-border) !important;
}

#footer {
    border-image: none;
    border-top: 1px solid var(--bullion-border);
}

#footer .footer-copyright {
    background: var(--bullion-background);
    border-top: 1px solid var(--bullion-border);
}

#footer .footer-copyright p,
#footer .footer-copyright a {
    color: var(--bullion-text) !important;
}

.seo-about-copy a:focus-visible,
body a:focus-visible,
body button:focus-visible {
    outline: 2px solid #f5d783 !important;
    outline-offset: 3px;
}

@media (max-width: 575px) {
    #my-tab > .swiper-pagination1 .swiper-pagination-bullet {
        font-size: 12px !important;
        padding: 9px 3px;
    }
}