@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url("../fonts2/Montserrat.css");
@import url("../fonts6/roboto.css");
:root {
    --ambe-theme-bg: #001d21;
    --ambe-theme-bg-deep: #001116;
    --ambe-theme-panel: #071f24;
    --ambe-theme-gold: #d4af37;
    --ambe-theme-gold-soft: #f3d28a;
    --ambe-theme-text: #ffffff;
    --ambe-theme-muted: #c6ceca;
    --ambe-theme-card-text: #070f1e;
    --ambe-theme-up: #00d600;
    --ambe-theme-down: #d0161e;
    --text-color: var(--ambe-theme-text);
    --text-color1: var(--ambe-theme-card-text);
    --text-color3: var(--ambe-theme-text);
    --text-color4: var(--ambe-theme-gold);
    --text-color5: var(--ambe-theme-text);
    --text-color9: var(--ambe-theme-text);
    --bg-color9: var(--ambe-theme-gold);
}
@font-face {
    font-family: "Popinse";
    src: url(../fonts1/poppins-v20-latin-regular.ttf);
}
.heading {
    color: #000 !important;
    border-radius: 10px;
}
.tt_333 {
}

.naviRow {
    background: #000;

    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.header-container.container .pb-4,
.header-container.container .py-4 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

span.align-items-center.font-weight-semibold img {
    max-width: 160px;
    width: 100%;
}

.modal-content {
    background: transparent;
    border: 0;
}

.close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    position: relative;
    top: -6px;
}
.close:focus,
.close:hover {
    color: #232325;
    text-decoration: none;
    opacity: 1;
}
button:focus {
    outline: 1px dotted;
    outline: none;
}

.news {
    background: #ecaf4c;
    padding: 1px;

    margin-bottom: 10px;
    border: 1px solid #ecaf4c;
}
.onlinetrading {
    margin-top: 8px;
}
.news_head h4 {
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    color: #000;
}
.news_content {
    background-image: url(../img/newsbg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.comm_bg {
}
.enquiry h3 {
    color: #000;
    font-weight: bold;
    margin-left: 7%;
}
.contact h3 {
    color: #000;
    font-weight: 600;
}
.info p {
    text-align: center;
    color: #999;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    margin-top: 2px;
}
.collapse.in {
    display: block;
    visibility: visible;
}
.info i {
    color: #f6aa93;
}
form h1 {
    font-size: 18px;
    background: #f6aa93 none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    padding: 22px 25px;
    border-radius: 5px 5px 0px 0px;
    margin: auto;
    text-shadow: none;
    text-align: left;
}

.color-white {
    color: #fff !important;
}
.color-black {
    color: #000 !important;
}

.font-weight-semiboldd {
    font-weight: 500;
}

.whitee-border-font {
    transform-origin: 50% 50% 0px;
    -webkit-text-stroke: 1px #fff;
}

span#date_time,
span#date_time_us,
span#date_time_eng {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin: 5px;
    vertical-align: -2px;
}

.heading_underline {
    font-weight: 300;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}
.heading_underline:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    bottom: 0;
    left: 30%;
    border-bottom: 2px solid;
}

@media (max-width: 500px) {
    .boxImg {
        max-width: 25px;
    }
    .boxImg1 {
        max-height: 25px;
    }
    .price-info {
        margin-right: 27.5px !important;
        color: #fff;
    }
    #DateAndtime {
        font-size: 0.9rem;
    }
    .Delete_Ac {
        padding: 5px;
    }
    .Delete_Ac a {
        font-size: 14px;
    }
    .newFont {
        font-size: 12px;
    }
    table {
    }

    .col-md-8.col-xs-12.div_spott {
        padding-right: 5px;
        padding-left: 5px;
    }
    .top2span {
        font-size: 11px;
        font-weight: 600 !important;
    }
    .sell {
        font-size: 12.5px !important;
        font-size: 600;
        color: #fff;
    }
    .imgWidth {
        width: 50%;
    }

    .LogoImgWidth {
        width: 60%;

        margin-left: 0%;
        padding: 20px 10px;
    }
    .LogoImgWidth1 {
        padding: 6px 0px;
        height: 58px;
        width: auto;

        align-items: inherit;
        text-align: -webkit-center;
    }

    .desktop-show {
        display: initial;
    }
    .mobile-hide {
        display: none;
    }

    .after1_black:after {
        content: "";
        position: absolute;
        left: 2%;
        top: 10px;
        height: 40px;
        width: 33%;
        border-right: 1px solid #000;
    }

    .after2_black:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 10px;
        height: 40px;
        width: 66%;
        border-right: 1px solid #000;
    }
    .HL_img {
        width: 15px;
        margin-right: 5px;
    }
    .imgbnk {
        width: 100%;
    }

    .span2 {
        font-size: 18px;
        font-weight: 600;
    }
    .span3 {
        font-size: 11px;
        font-weight: 600;
    }
    table.tt_33 {
    }

    .col-md-8.col-xs-12.offset-md-2.div_spott {
        padding-left: 5px;
        padding-right: 5px;
    }

    .heading {
        background-image: url(../img/appimages/Box3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        font-weight: 400;
        font-size: 15px !important;
        margin-bottom: 5px;

        line-height: 1.6;
    }

    .bog_Gc1 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    span.top25span {
        font-size: 16px;
        font-weight: 500;
        padding: 1px 8px 1px !important;
    }
    .topMar {
        margin-bottom: 4%;
        font-size: 15px;
    }

    .liverates_sec {
        background: url(../img/bg/5.png) center;
    }

    .main_logoo {
        width: 90%;
    }

    html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.linux.js.mobile.touch.sticky-header-enabled.sticky-header-active img.main_logoo {
        max-height: 60px;
        display: none;
    }

    .hide-Mobile {
        display: none;
    }

    .page-header {
        background-color: #f1f3f7;
        margin: 0 0 50px 0;
        min-height: 50px;
        padding: 55px 0 55px 0;
        position: relative;
        text-align: center;
    }

    .logo_img {
        height: auto !important;
    }

    .pad-5px-tb {
    }
}

@media (min-width: 501px) {
    .boxImg {
        max-width: 40px;
    }
    .boxImg1 {
        max-height: 33px;
    }
    .price-info {
        margin-right: 27.5px !important;
        color: #fff;
    }
    #DateAndtime {
        font-size: 1.2rem;
    }
    .Delete_Ac {
        padding: 0px 20px;
    }

    .social_icons img {
        width: 100px;

        border-radius: 5px;

        transition: 0.5s;
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
    }
    .social_icons img:hover {
        background-position: right center;
        background-image: linear-gradient(to right, #e6c35d 0%, #ddb850 51%, #e6c35d 100%);
    }

    .imgbnk {
        width: 100%;
    }
    table {
    }
    .newFont {
        font-size: 15px;
    }
    .HL_img {
        width: 20px;
        margin-right: 5px;
        vertical-align: top !important;
    }
    .desktop-show {
        display: none;
    }
    .mobile-hide {
        display: initial;
    }

    .after1_black:after {
        content: "";
        position: absolute;
        top: 16px;
        height: 50px;
        width: 33%;
    }

    .after2_black:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 16px;
        height: 50px;
        width: 66%;
    }

    .span2 {
        font-size: 25px;
        font-weight: 600;
    }
    .span3 {
        font-size: 13px;
        font-weight: 600;
    }
    .vis {
        display: block;
    }

    .heading {
        background-image: url(../img/appimages/Box3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        font-weight: 400;
        font-size: 18px !important;

        margin-bottom: 5px;

        line-height: 1.6;
    }
    .bog_Gc1 {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    span.top25span {
        font-size: 22px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    .topMar {
        margin-bottom: 2%;
        font-size: 18px;
    }
    .top2span {
        font-size: 12px;
        font-weight: 600 !important;
    }

    .sell {
        font-size: 14px !important;
        font-size: 600 !important;
        color: #fff;
    }
    .imgWidth {
        width: 25%;
    }
    .LogoImgWidth {
        display: none;
        width: 56%;

        margin-left: 22%;
        padding: 10px 10px;
    }
    .LogoImgWidth1 {
        padding: 0px 0px;
        align-items: inherit;
        text-align: -webkit-center;
        max-height: 100px;
    }

    span.bloc {
        font-size: 14px !important;
    }
    table.tt_33 {
    }

    .main_logoo {
        max-height: 150px;
    }

    html.svg.history.video.supports.boxshadow.csstransforms3d.csstransitions.webkit.chrome.win.js.sticky-header-enabled.sticky-header-active .pad-5px-tb {
        display: none;
    }

    .liverates_sec {
        background: url(../img/bg/5.png) center;
    }
}

@media (min-width: 1601px) {
    .sell {
        font-size: 16px !important;
    }
}

@media (min-width: 901px) and(max-width: 1600px) {
    .heading {
        background-image: url(../img/appimages/Box3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;

        font-weight: 400;
        font-size: 16px !important;
    }
    .bog_Gc1 {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    span.top25span {
        font-size: 26px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    .sell {
        font-size: 15px !important;
        font-size: 600 !important;
        color: #fff;
    }
    #stablelogo {
        padding: 25px 0;
    }

    #iconimage img {
    }
    .mar_gin {
        margin-top: 5%;
    }
}

@media (max-width: 900px) {
    #stablelogo {
        padding: 10px 0;
    }

    #header > .header-body {
        top: -194px !important;
    }

    .big_ps_as {
        width: 50% !important;
        display: initial !important;
    }

    .mob-none {
    }
    .social_icons {
        text-align: center !important;

        padding-top: 10px;
    }
    .social_icons img {
        width: 80px;
    }
    .min_h {
        height: 50px;
    }

    .mar_gin {
        margin-top: 10%;
    }

    #iconimage img {
    }

    html.sticky-header-active .scroll-logo {
        display: initial !important;
    }
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#footer .section * {
    color: #fff !important;
}
.timeee {
    background: #001a27 !important;
    color: #fff !important;
}
.paddingg {
    color: #000 !important;
}
.heading {
    position: relative;
    font-weight: 400;
    font-size: 18px !important;
    margin-bottom: 5px;

    line-height: 1.6;
    background-image: url(../img/appimages/Box3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#iconimage .row {
    justify-content: center;
}

#footer a[href*="TermsAndCondition.html"] {
    display: none !important;
}

#mainNav li:has(a[href="KYC.html"]) {
    display: none !important;
}

#mainNav li:has(a[href="Calculator.html"]) {
    display: none !important;
}

#mainNav li:has(a[href="../KYC.html"]) {
    display: none !important;
}

#mainNav li:has(a[href="../Calculator.html"]) {
    display: none !important;
}

.LogoImgWidth1 + span {
    font-size: 26px !important;
    font-weight: 800;
    text-transform: uppercase;
    background: linear-gradient(90deg, #f3d28a 0%, #d6a03c 35%, #f29c2b 60%, #c62828 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: none;
}
#footer .section {
    padding: 4rem;
    padding-left: 5rem !important;
}

@media (max-width: 767px) {
    .header-column {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .header-column > div {
        order: 2;
        margin-left: 40px;
    }

    .header-btn-collapse-nav {
        order: 1;
        margin-left: 0 !important;
    }

    .scroll-logo {
        display: block !important;
        width: 70% !important;
        max-width: inherit !important;
        float: right;
        margin-right: 1rem;
    }
    .LogoImgWidth1 {
        display: none !important;
    }
    #header .header-btn-collapse-nav {
        width: 6%;
        left: 6%;
    }
}
a[href^="tel:+919819349446"] {
    display: none !important;
}

/* Live rate table CSS imported from custom1.css. */
table.table1001 td:nth-child(2) table.goldd {
    background: url(../img/appimages/Box2.png) center no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
table.table1001 td:nth-child(2) table.goldd tr:nth-child(1) td {
    color: var(--text-color1) !important;
}
.silverday {
    background: url(../img/appimages/Silver101.png) center no-repeat;
    background-size: contain;
}
.silvernight {
    background: url(../img/appimages/Silver101_Black.png) center no-repeat;
    background-size: contain;
}
table.goldd tr:nth-child(1) td {
    color: #202020;
}
span.bloc_GS {
    color: #343434;
}
span.bloc_GS2 {
    color: #343434;
}
table.res_mob_font_width2 {
    border: 0.5px solid #b7914a;
    border-collapse: separate;
    margin-top: 5px;
    border-radius: 10px;
    background: #fff;
}
table.goldd td {
    font-family: "Roboto" !important;
}
.Fsell {
    color: var(--text-color3) !important;
}
table.Trending_Table_Root {
    font-family: "Roboto" !important;
}
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active {
    color: #d29d44 !important;
    font-weight: 600;
}
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active img {
    background: #c3922e !important;
}
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
    box-sizing: border-box;
    color: var(--text-color3);

    cursor: pointer;
    font-size: 1rem;

    font-weight: normal;
    height: 75px;
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: font-weight 0.22s ease;
    font-weight: 500;
}
@media screen and (max-width: 500px) {
    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        font-size: 0.9rem !important;
        height: 65px;
    }
    .swiper-pagination1 .swiper-pagination-bullet img {
        width: 45px;
        height: 45px;
        margin-bottom: 5px;
        border-radius: 40px;
        background: var(--bg-color9);
    }
}
@media (max-width: 500px) {
    table.goldd::before,
    table.sliverT::before {
        left: 62% !important;
        width: 39px !important;
    }
    table.table1001 td:nth-child(2) table.goldd::before,
    table.table1001 td:nth-child(2) table.sliverT::before {
        left: 62 !important;
        width: 33px !important;
    }
    .Boxcoin1 {
        width: 18px;
        padding-right: 4px;
    }
    .Moon_Sun {
        position: fixed;
        left: 200px;
        top: 20px;
        z-index: 1000;
    }
    .Moon_Sun img {
        max-width: 50%;
    }
    td.bod-right.text-left {
        padding: 6px 0;
        font-weight: 600;
    }
    .mjdma {
        color: #fff;
        background-image: url(../img/appimages/Box_07.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .mjdma strong {
        font-weight: bold;
        font-size: 16px;
    }
    .mjdma th {
        text-align: center;
    }
    .cjarate {
        width: 87px;
    }
    .mjdmarate {
        font-weight: 500;
        font-size: 16px;
    }
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    .Trending_Table_Child1 {
    }
    .bgblue {
        padding-top: 3px;
    }
    .table1001 {
        width: 100%;
        line-height: 28px;

        border-spacing: 6px 6px;
        border-collapse: separate;
    }
    .table1001 td {
        width: 33%;
        font-weight: 600;
    }
    table.table1001 tr td {
    }
    .table1002 {
        width: 100%;
        line-height: 30px;
        margin-top: 8px;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600;
    }
    table.table1002 tr td {
        padding: 0px 2px !important;
    }
    table.goldd tr:nth-child(1) div {
    }
    table.goldd tr:nth-child(1) td {
        line-height: 2;
        font-size: 12.5px !important;
        font-weight: 400;
        font-family: "Inter";

        padding-top: 4px;
        font-family: "Roboto" !important;
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.4;
        font-size: 13px !important;
        font-weight: 600;
        font-family: "Inter";
        color: #fff !important;
        padding-top: 3px !important;
    }
    table.goldd tr:nth-child(2) td {
    }
    table.goldd tr:nth-child(3) td {
    }
    table.goldd1 tr:nth-child(2) td {
        padding-top: 10px !important;
    }
    table.goldd tr td {
        line-height: 1.3;
    }
    table.goldd {
        background-image: url(../img/appimages/Box01.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-collapse: separate;
    }
    table.goldd1 {
        background-image: url(../img/appimages/BOX6.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.goldd2 {
        background: url(../img/swastik/Silver.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.goldd3 {
        background: url(../img/swastik/Inr.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    .headertable1 {
        color: #fff;
        background: #3c0121;
        line-height: 0.5;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
    }
    table#liveratetable_2 .table1,
    table#liveratetable_3 .table1 {
        background: #fff;
    }
    table#liveratetable_2 .table1 td.ratevalue1,
    table#liveratetable_3 .table1 td.ratevalue1 {
        color: #3c0121 !important;
        font-weight: 600;
        padding: 10px 5px !important;
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 600;
    }
    .buylive {
        background: url(../img/swastik/Buy.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.Trending_Table_Root tr td {
        padding: 0px 0px;
        font-size: 12px;
    }
    .top61span {
        font-size: 20px;
        font-weight: 600 !important;
        padding: 2px 13px;
        border-radius: 5px;
        line-height: 1.2;
    }
    .top6span {
        font-size: 26px;
        font-weight: 600 !important;
        padding: 2px 5px !important;
        border-radius: 3px;
    }
    .top4span {
        font-size: 13px;
        font-weight: 700 !important;
    }
    table.Trending_Table_Root tr {
        font-family: "Roboto" !important;
    }
    .buy_sell_label {
        font-weight: 500;
        font-size: 13px !important;
        padding: 5px 5px 5px 0px !important;
        color: #fff;
        font-family: "Inter";
    }
    .buy_sell_label3 {
        border: 2px solid #b0b0b0;
        border-radius: 5px !important;
    }
    .buy_sell_label2 {
        color: #000;
        font-size: 10px !important;
        font-weight: 500;
        font-family: "Roboto" !important;
    }
    td.buy_sell_label1 {
        font-weight: 600 !important;
        font-size: 12px !important;
        font-family: "Inter";
    }
    table.res_mob_font_width {
        margin-top: 10px;
        border-bottom: 1px solid var(--text-color9);

        line-height: 1.6;
        padding-bottom: 10px;
    }
    td.res_mob_font_width {
    }
    table.res_mob_font_width1 {
        background-color: #fff;
        border: 1px solid #d4d2d2;
        border-collapse: collapse;
        margin-top: 6px;
        line-height: 1.7;
    }
    table.res_mob_font_width1:last-child {
        border-bottom: 0px solid #fff;
    }
    table.res_mob_font_width:last-child {
        border: 0px solid #fff !important;
    }
    table.res_mob_font_width span#mainspan {
    }
    table.res_mob_font_width td {
    }
    span.top5span {
        font-size: 17px;
        font-weight: 600;

        padding: 2px 5px !important;
        border-radius: 5px;
    }
    span.top55span {
        font-size: 18px;
        font-weight: 500;

        font-family: "Roboto";
    }
    .goldd1Buysell {
        font-size: 13px;
        color: #c6972c;
    }
    span.bloc_GS {
        font-size: 10px !important;
        font-weight: 400;
        margin-left: 10%;
    }
    span.bloc_GS2 {
        font-size: 10px !important;
        font-weight: 400;
        margin-right: 10% !important;
    }
    span.bloc_GS1 {
        font-size: 10px !important;
    }
}
@media (min-width: 501px) {
    .Moon_Sun {
        position: fixed;
        left: 22%;
        top: 4%;
        z-index: 1000 !important;
    }
    .Moon_Sun img {
        max-width: 10%;
        z-index: 1000 !important;
    }
    .Boxcoin1 {
        width: 18px;
        padding-right: 4px;
    }
    .swiper-pagination1 .swiper-pagination-bullet img {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
        border-radius: 40px;
        background: var(--bg-color9);
    }
    td.bod-right.text-left {
        padding: 8px 0;
        font-weight: 600;
    }
    .mjdma {
        color: #fff;
        background-image: url(../img/appimages/Box_07.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .mjdma th:nth-child(2) {
        background: #ffffff;
        color: #000000;
        border-right: 1px solid #5f3615;
    }
    .mjdma strong {
        font-weight: bold;
        font-size: 16px;
    }
    .mjdma th:nth-child(3) {
        background: #ffffff;
        color: #000000;
        border-right: 4px solid #5f3615;
    }
    .mjdma th {
        text-align: center;
    }
    .cjarate {
        width: 87px;
    }
    .mjdmarate {
        font-weight: 500;
        font-size: 16px;
    }
    table.goldd tr:nth-child(1) div {
    }
    table.goldd tr:nth-child(1) td {
        line-height: 1.6;
        font-size: 16px !important;
        font-weight: 500 !important;
        font-family: "Inter";

        padding-top: 2%;
        padding-left: 3%;
        padding-right: 5%;
        font-family: "Roboto" !important;
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.6;
        font-size: 16px !important;
        font-family: "Inter" !important;
        color: var(--text-color4) !important;
    }
    table.goldd tr:nth-child(2) td {
    }
    table.goldd tr:nth-child(3) td {
        padding-bottom: 2px !important;
    }
    table.goldd1 tr:nth-child(2) td {
        line-height: 2;
    }
    table.goldd tr td {
    }
    table.goldd1 tr td {
        text-align: center !important;
        padding: 10px !important;
    }
    table.goldd1 tr td {
        text-align: center !important;
        padding: 10px !important;
    }
    .bgblue {
        padding-top: 8px;
    }
    .table1001 {
        width: 100%;
        line-height: 1;

        border-spacing: 15px 6px;
        border-collapse: separate;
    }
    .table1001 td {
        width: 33%;
        font-weight: 600 !important;
    }
    table.table1001 tr td {
    }
    .table1002 {
        width: 100%;
        line-height: 1;
        margin-top: 8px;
        border-spacing: 6px 6px;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600 !important;
    }
    table.table1002 tr td {
        padding: 6px 6px 6px !important;
    }
    table.goldd tr:nth-child(1) td {
    }
    table.goldd tr td {
    }
    table.goldd {
        background-image: url(../img/appimages/Box01.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        border-collapse: separate;
        padding: 25px !important;
        min-height: 160px !important;
    }
    table.goldd1 {
        border-spacing: 5px 0px;
        background-image: url(../img/appimages/BOX6.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.goldd2 {
        background: url(../img/swastik/Silver.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    table.goldd3 {
        background: url(../img/swastik/Inr.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    .headertable1 {
        color: #fff;
        background: #3c0121;

        line-height: 2;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
        font-size: 18px;
        font-weight: 600;
    }
    table#liveratetable_2 .table1,
    table#liveratetable_3 .table1 {
        background: #fff;
    }
    table#liveratetable_2 .table1 td.ratevalue1,
    table#liveratetable_3 .table1 td.ratevalue1 {
        color: #3c0121 !important;
        font-weight: 600;
        font-size: 18px;
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 600;
        font-size: 22px;
    }
    .toptable_ratesFont {
        font-weight: 600;
        font-size: 32px !important;
    }
    .buylive {
        background: url(../img/swastik/Buy.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    .table1001 {
    }
    table.Trending_Table_Root tr td {
        padding: 0px 0px;
        font-size: 14px;
    }
    .goldd1Buysell {
        font-size: 18px;
        color: #c6972c;
    }
    span.top5span {
        font-size: 21px;
        font-weight: 600;

        padding: 5px 15px !important;
        border-radius: 5px;
    }
    span.top55span {
        font-size: 22px;
        font-weight: 600;

        font-family: "Roboto";
    }
    .top6span {
        font-size: 28px;
        font-weight: 600 !important;
        padding: 2px 13px !important;
        border-radius: 3px;
    }
    .top61span {
        font-size: 22px;
        font-weight: 600 !important;
        padding: 2px 10px;
        border-radius: 5px;
        line-height: 1.2;
    }
    .top4span {
        font-size: 14px;
        font-weight: 600 !important;
    }
    span.bloc_GS {
        font-size: 10px;
        font-weight: 500;
        line-height: 1.6;
        margin-left: 6% !important;
    }
    span.bloc_GS2 {
        font-size: 10px;
        font-weight: 500;
        line-height: 1.6;
        margin-right: 6% !important;
    }
    span.bloc_GS1 {
        font-size: 14px;
        font-weight: 500;
    }
    .buy_sell_label3 {
        border: 2px solid #b0b0b0;
        border-radius: 5px !important;
    }
    .buy_sell_label2 {
        color: #000;
        font-size: 13px !important;
        font-weight: 600;
        font-family: "Roboto" !important;
    }
    .buy_sell_label {
        padding: 11px 0px 11px 0px !important;
        font-size: 18px !important;
        font-weight: 500;
        color: #fff;
    }
    td.buy_sell_label1 {
        color: #000;
        padding: 10px 0px 10px 15px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    table.res_mob_font_width:last-child {
        border: 0px solid #fff !important;
    }
    table.res_mob_font_width {
        margin-top: 6px;
        border-bottom: 1px solid var(--text-color9);

        line-height: 1.6;
    }
    td.res_mob_font_width {
        border-radius: 7px !important;
        line-height: 1.3;
        margin: 5px 0;
    }
    table.res_mob_font_width1 {
        border-collapse: collapse;
        margin-top: 8px;
        line-height: 1.6;
        background-color: #fff;
        border: 1px solid #d4d2d2;
    }
    table.res_mob_font_width1:last-child {
        border-bottom: 0px solid #fff;
    }
    table.res_mob_font_width span#mainspan {
        font-size: 28px !important;
        font-weight: 600 !important;
    }
    table.res_mob_font_width td {
    }
    table.res_mob_font_width.span {
        font-size: 24px !important;
    }
}
@media (min-width: 992px) {
    td.bod-right.text-left {
        padding: 10px 10px;
        font-weight: 600;
    }
    .top61span {
        font-size: 24px;
        font-weight: 600 !important;
        padding: 2px 13px;
        border-radius: 5px;
        line-height: 1.2;
    }
    td.buy_sell_label1 {
        color: #000;
        padding: 10px 0px 10px 15px !important;
        font-size: 18px !important;
        font-weight: 500;
    }
    span.top5span {
        font-size: 25px;
        font-weight: 600;

        padding: 2px 15px !important;
        border-radius: 5px;
    }
    span.top55span {
        font-size: 25px;
        font-weight: 600;

        font-family: "Roboto";
    }
    span.bloc_GS {
        font-size: 14px;
        font-weight: 500;
        margin-left: 7% !important;
    }
    span.bloc_GS2 {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10% !important;
    }
    .top6span {
        font-size: 30px;
        font-weight: 600 !important;
        padding: 2px 12px !important;
        border-radius: 3px;
    }
    .buy_sell_label {
        padding: 10px 0px 10px 10px !important;
        font-size: 18px !important;
        font-weight: 500;
        color: #fff;
    }
}
@media (min-width: 901px) {
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    .Trending_Table_Child1 {
    }
}
@media (max-width: 900px) {
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    .Trending_Table_Child1 {
    }
}
table.goldd {
    padding: 10px;
    min-height: 130px;
}
table.sliverT {
    padding: 10px;
    min-height: 130px;
}
table.goldd,
table.sliverT {
    position: relative;
}
table.goldd::before,
table.sliverT::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/appimages/GoldBar.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 55px;
    left: 69%;
}
table.table1001 td:nth-child(2) table.goldd,
table.table1001 td:nth-child(2) table.sliverT {
    position: relative;
}
table.table1001 td:nth-child(2) table.goldd::before,
table.table1001 td:nth-child(2) table.sliverT::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/appimages/SilverBar.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 40px;
    left: 69%;
}
table.goldd,
table.sliverT {
    position: relative;
}
table.goldd::after,
table.sliverT::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/appimages/liveprice.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 71px;
    left: 42px;
    top: -101px;
}
table.table1001 td:nth-child(2) table.goldd,
table.table1001 td:nth-child(2) table.sliverT {
    position: relative;
}
table.table1001 td:nth-child(2) table.goldd::after,
table.table1001 td:nth-child(2) table.sliverT::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/appimages/livepricesilver.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 71px;
    left: 28px;
    top: -101px;
}

/* Final LiveRates-only sizing pass for table values and card images. */
#my-tab {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#my-tab .table1001 {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 12px 6px;
}

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

#my-tab table.goldd,
#my-tab table.sliverT {
    box-sizing: border-box;
}

#my-tab .res_mob_font_width,
#my-tab .res_mob_font_width1,
#my-tab .res_mob_font_width2 {
    width: 100% !important;
    table-layout: fixed;
}

#my-tab .res_mob_font_width td,
#my-tab .res_mob_font_width1 td,
#my-tab .res_mob_font_width2 td {
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

#my-tab .buy_sell_label {
    width: 52% !important;
}

#my-tab .ratevalue1 {
    width: 12% !important;
    text-align: center !important;
}

#my-tab .ratevalue3,
#my-tab .ratevalue4 {
    width: 36% !important;
    padding-right: 8px !important;
    text-align: right !important;
}

@media (max-width: 500px) {
    #my-tab .table1001 {
        border-spacing: 8px 6px !important;
    }

    #my-tab table.goldd::before,
    #my-tab table.sliverT::before {
        right: 14px !important;
        bottom: 14px;
        width: 38px !important;
        height: 62px;
    }

    #my-tab table.table1001 td:nth-child(2) table.goldd::before,
    #my-tab table.table1001 td:nth-child(2) table.sliverT::before {
        right: 12px !important;
        left: auto !important;
        bottom: 14px;
        width: 30px !important;
        height: 62px;
    }

    #my-tab table.goldd::after,
    #my-tab table.sliverT::after,
    #my-tab table.table1001 td:nth-child(2) table.goldd::after,
    #my-tab table.table1001 td:nth-child(2) table.sliverT::after {
        top: 8px;
        left: 18px;
        width: 58px;
        height: 26px;
    }

    #my-tab .top5span {
        font-size: 17px !important;
        padding-right: 34px !important;
    }

    #my-tab .buy_sell_label {
        width: 50% !important;
        padding-left: 6px !important;
        font-size: 12px !important;
    }

    #my-tab .ratevalue1 {
        width: 12% !important;
    }

    #my-tab .ratevalue3,
    #my-tab .ratevalue4 {
        width: 38% !important;
        padding-right: 4px !important;
        font-size: 18px !important;
    }
}

/* Final overflow correction for LiveRates mobile cards and values. */
#my-tab .table1001 {
    width: calc(100% - 16px) !important;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 8px 6px !important;
}

#my-tab .table1001 > tbody > tr > td,
#my-tab .table1001 > tr > td {
    width: 50% !important;
}

#my-tab .buy_sell_label,
#my-tab .buy_sell_label1,
#my-tab .buy_sell_label2,
#my-tab .buy_sell_label3 {
    color: #fff !important;
}

#my-tab .ratevalue1,
#my-tab .ratevalue3,
#my-tab .ratevalue4 {
    color: #fff !important;
    white-space: nowrap;
}

#my-tab .ratevalue3,
#my-tab .ratevalue4 {
    text-align: right !important;
    padding-right: 10px !important;
}

@media (max-width: 500px) {
    #my-tab .table1001 {
        width: calc(100% - 52px) !important;
        border-spacing: 6px 6px !important;
    }

    #my-tab .res_mob_font_width,
    #my-tab .res_mob_font_width1,
    #my-tab .res_mob_font_width2 {
        /* width: calc(100% - 56px) !important; */
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #my-tab .buy_sell_label {
        width: 56% !important;
    }

    #my-tab .ratevalue1 {
        width: 8% !important;
    }

    #my-tab .ratevalue3,
    #my-tab .ratevalue4 {
        width: 36% !important;
        padding-right: 20px !important;
        font-size: 18px !important;
    }
}

/* Live rate table alignment fixes: keep values and images aligned inside LiveRates only. */
#my-tab table.goldd,
#my-tab table.sliverT {
    position: relative !important;
    min-height: 130px;
    overflow: hidden;
    isolation: isolate;
}

#my-tab table.goldd td,
#my-tab table.sliverT td {
    position: relative;
    z-index: 2;
}

#my-tab table.goldd::before,
#my-tab table.sliverT::before {
    content: "";
    position: absolute;
    inset: auto 22px 18px auto;
    width: 56px;
    height: 74px;
    background: url("../img/appimages/GoldBar.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    top: 7%;
}

#my-tab table.goldd::after,
#my-tab table.sliverT::after {
    content: "";
    position: absolute;
    inset: 10px auto auto 43px;
    width: 72px;
    height: 30px;
    background: url("../img/appimages/liveprice.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

#my-tab table.table1001 td:nth-child(2) table.goldd,
#my-tab table.table1001 td:nth-child(2) table.sliverT {
    position: relative !important;
    min-height: 130px;
    background: url("../img/appimages/Box2.png") center no-repeat !important;
    background-size: 100% 100% !important;
}

#my-tab table.table1001 td:nth-child(2) table.goldd::before,
#my-tab table.table1001 td:nth-child(2) table.sliverT::before {
    content: "";
    position: absolute;
    inset: auto 28px 74px auto;
    width: 42px;
    height: 74px;
    background: url("../img/appimages/SilverBar.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

#my-tab table.table1001 td:nth-child(2) table.goldd::after,
#my-tab table.table1001 td:nth-child(2) table.sliverT::after {
    content: "";
    position: absolute;
    inset: 10px auto auto 39px;
    width: 72px;
    height: 30px;
    background: url("../img/appimages/livepricesilver.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

#my-tab .ratevalue1,
#my-tab .ratevalue3,
#my-tab .ratevalue4,
#my-tab span.top5span {
    position: relative;
    z-index: 3;
}

@media (max-width: 500px) {
    #my-tab table.goldd,
    #my-tab table.sliverT,
    #my-tab table.table1001 td:nth-child(2) table.goldd,
    #my-tab table.table1001 td:nth-child(2) table.sliverT {
        min-height: 118px;
    }

    #my-tab table.goldd::before,
    #my-tab table.sliverT::before {
        right: 14px !important;
        bottom: 14px;
        width: 44px !important;
        height: 62px;
    }

    #my-tab table.table1001 td:nth-child(2) table.goldd::before,
    #my-tab table.table1001 td:nth-child(2) table.sliverT::before {
        right: 16px !important;
        left: auto !important;
        bottom: 52px !important;
        width: 34px !important;
        height: 62px;
        inset: inherit;
    }

    #my-tab table.goldd::after,
    #my-tab table.sliverT::after,
    #my-tab table.table1001 td:nth-child(2) table.goldd::after,
    #my-tab table.table1001 td:nth-child(2) table.sliverT::after {
        top: 1px;
        left: 14px;
        width: 58px;
        height: 26px;
    }
}
table.table1001 td:nth-child(2) table.goldd {
    min-height: 130px;
}
.swiper-pagination1 .swiper-pagination-bullet img {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    border-radius: 40px;
    background: var(--bg-color9);
}
.LiveRates_img {
    width: 14.5px;
    margin: 0 3px 0;
}
table.goldd::after,
table.sliverT::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/appimages/liveprice.png") no-repeat center;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
    width: 71px;
    left: 28px;
    top: -101px;
}

/* Match the app reference border and shadow on live rate rows. */
#my-tab table.res_mob_font_width,
#my-tab table.res_mob_font_width:last-child {
    border-bottom: 1px solid rgba(183, 145, 74, 0.78) !important;
    border-collapse: separate !important;
    border-radius: 0;
    /* background: rgba(0, 29, 33, 0.86); */
    box-shadow:
        0 4px 11px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    overflow: hidden;
}

/* Compact only the main gold live-rate table rows. */
#gvData table.res_mob_font_width {
    margin-top: 3px !important;
    line-height: 1.18 !important;
}

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

#gvData table.res_mob_font_width .buy_sell_label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.15 !important;
}

#gvData table.res_mob_font_width .top55span,
#gvData table.res_mob_font_width .sell {
    line-height: 1.15 !important;
}