@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");

@font-face {
    font-family: "Popinse";
    src: url(../fonts1/poppins-v20-latin-regular.ttf);
}

/* ================================================================
   DARK THEME — matches theme.jpeg
   ================================================================ */

/* 1. Page background + default text */
body {
    background: #0f0c1e !important;
    background-image: none !important;
    color: #fff !important;
}

/* 2. Header — all areas dark navy */
#header .header-body,
#header .header-top,
.headImg {
    background: #0f0c1e !important;
    background-image: none !important;
}

#header .header-top {
    border-bottom: 1px solid rgba(201, 161, 85, 0.25) !important;
}

/* 3. Navbar row */
.naviRow {
    background: #0f0c1e !important;
    background-image: none !important;
}

/* 4. Nav links — white, gold on hover */
#navhead #mainNav li a {
    color: #fff !important;
    font-weight: 500;
}

#navhead #mainNav li a:hover,
#navhead #mainNav li.active > a {
    color: #c9a155 !important;
}

/* 5. Dropdown menu */
#navhead .dropdown-menu {
    background: #1a1530 !important;
    border: 1px solid rgba(201, 161, 85, 0.5) !important;
    border-radius: 8px !important;
}

#navhead .dropdown-menu a {
    color: #fff !important;
}

#navhead .dropdown-menu a:hover {
    background: rgba(201, 161, 85, 0.15) !important;
    color: #c9a155 !important;
}

/* 6. Page sections — dark background to match theme */
.main,
section.section {
    background-color: #0f0c1e !important;
    background-image: none !important;
}

/* 7. Footer */
#footer,
#footer .footer-copyright {
    background: #0a0818 !important;
    background-image: none !important;
}

#footer h3,
#footer p,
#footer a,
#footer i {
    color: rgba(255, 255, 255, 0.85) !important;
}

#footer a:hover {
    color: #c9a155 !important;
}

#footer .footer-copyright p {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* 8. Date/time header text */
#header .header-top li,
#header .header-top span {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* 9. Override black inline text colors in sections (dark bg) */
section.section h1[style*="#000"],
section.section h2[style*="#000"],
section.section h3[style*="#000"],
section.section h4[style*="#000"],
section.section h5[style*="#000"],
section.section p[style*="#000"],
section.section span[style*="#000"],
section.section a[style*="#000"] {
    color: #fff !important;
}

/* Keep gold accents visible */
section.section h4[style*="#d4af37"],
section.section h4[style*="gold"] {
    color: #d4af37 !important;
}

/* ================================================================ */

table.Trending_Table_Root {
    font-family: "Open Sans", sans-serif !important;
    /* font-family: 'Montserrat' !important;  */
}
.heading {
    color: #fff !important;
}
.tt_333 {
    /* border:1px solid #fff; */
    /* border-radius: 10px; */
    /* border-collapse: separate;
    border-spacing: 0px;
    margin-bottom: 8px; */
}
.TDBG {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.TDBG1 {
    background-image: url(../img/appimages/Box5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(2) {
    position: relative;
    vertical-align: middle;
}

/* LEFT BORDER */
/* table.table1001 td:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    border-left: 2px solid #000;
} */

/* RIGHT BORDER */
/* table.table1001 td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    border-right: 2px solid #000;
} */
.res_mob_font_width tbody tr td:nth-child(2) {
    position: relative;
    vertical-align: middle;
}

/* LEFT BORDER */
/* .res_mob_font_width tbody tr td:nth-child(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    height: 108%;
    border-left: 2px solid #000;
} */

/* RIGHT BORDER */
/* .res_mob_font_width tbody tr td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    height: 108%;
    border-right: 2px solid #000;
} */

table.res_mob_font_width:last-child {
    /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 0%;
    background-repeat: no-repeat;
    background-position: center bottom;
    border-collapse: separate; */
}

.naviRow {
    box-shadow:
        0px 1px 0px 0px #c9a155,
        1px -1px 0px 0px #c9a155,
        0px -1px 0px 0px #c9a155,
        -1px 0px 0px 0px #c9a155;
    /* background-image: url(../img/appimages/Box_01.png);
     background-size: 100% 100%;
     background-repeat: no-repeat; */
    /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
    /* background: #01132e; */
    /* background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f); */
    /* border-top: 2px solid; */
    /* border-bottom: 2px solid; */
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    /* background: #FFF; */
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
}

/* ===== Swiper Tabs — Parallelogram style ===== */

/* Outer container — rounded dark box with gold border */
.swiper-pagination1.swiper-pagination-clickable {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    background: #0f0c1e !important;
    border: 1.5px solid #c9a155 !important;
    border-radius: 50px !important;
    padding: 6px 14px !important;
    margin: 6px 8px 10px !important;
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
    gap: 6px !important;
}

/* Each tab — text unaffected; parallelogram via ::before */
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
    position: relative !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 9px 18px !important;
    box-sizing: border-box !important;
    color: rgba(255, 255, 255, 0.80) !important;
    cursor: pointer;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    height: auto !important;
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 0;
    transition: color 0.2s ease;
}

/* Parallelogram background shape — skewed correct direction, text stays straight */
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    border: 1px solid rgba(201, 161, 85, 0.35) !important;
    transform: skewX(14deg) !important;
    border-radius: 6px !important;
    z-index: -1 !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

/* Active tab — gold gradient parallelogram, dark text */
.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active {
    color: #1a0a00 !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet-active::before {
    background: linear-gradient(to bottom, #C29125, #B68012, #DDB850, #F8DE7A, #FDEC98, #FDEC98, #FDEB95, #EFD06B, #D3A93F) !important;
    border: none !important;
}

@media screen and (max-width: 500px) {
    .swiper-pagination1.swiper-pagination-clickable .swiper-pagination-bullet {
        font-size: 0.62rem !important;
        padding: 7px 10px !important;
        letter-spacing: 0.2px !important;
    }
}

/* Add here all your CSS customizations */
.auth {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 86px;
    padding-right: 8px;
}

.auth img {
    /* height: 70px; */
    width: auto;
    max-width: 100%;
    display: block;
}

.auth::after {
    content: "Authorised Partner";
    position: absolute;
    top: calc(100% - 11px);
    right: 0;
    color: #e9c265;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    pointer-events: none;
    text-align: right;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: pre-wrap;
    width: 100px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .auth {
        min-height: auto;
        padding-right: 0;
        justify-content: center;
        margin-top: 10px;
    }

    .auth::after {
        position: static;
        display: block;
        margin-top: 8px;
        text-align: center;
        white-space: normal;
    }
}

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

/* Start Marquee 2 */
.news {
    background: #ecaf4c;
    padding: 1px;
    /* margin-top: 6px; */
    margin-bottom: 10px;
    border: 1px solid #ecaf4c;
}
.onlinetrading {
    margin-top: 8px;
}
.news_head h4 {
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    color: #fff;
}
.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 {
    /* background: #dfdfdf; */
}
.enquiry h3 {
    color: #fff;
    font-weight: bold;
    margin-left: 7%;
}
.contact h3 {
    color: #fff;
    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;
}

/* End Marquee 2 */

.color-white {
    color: #fff !important;
}
.color-black {
    color: #fff !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: 600 !important; */ /* display: inline-block; */
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin: 5px; /* margin: 15px 0 0 0; */
    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: 767px) {
    span.top55span {
        font-size: 18px;
    }
}

@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 {
        /* position: fixed;
        right: 30px;
        top: 160px;
        z-index: 999; */
        padding: 5px;
        /* border: 1px solid #fff;
        background: #FFF; 
        border-radius: 10px; */
    }
    .Delete_Ac a {
        font-size: 14px;
    }

    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    /* .min_h{
        padding-top: 10%;
        height: 50px;

    } */

    .Trending_Table_Child1 {
        /* margin-top: -13.5%; */
    }

    .bgblue {
        padding-top: 3px;
        /* background:#0d1539; */
    }
    /* table.table1001 td:nth-child(2) table {
        border-radius: 5px;
    } */
    .table1001 {
        width: 100%;
        line-height: 30px;
        /* background-image: url(../img/appimages/Box.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        padding: 10px 0;
    }
    .table1001 td {
        /* width: 25%; */
        font-weight: 600;
    }
    table.table1001 tr td {
        padding: 0px 1px !important;
    }

    .table1002 {
        width: 100%;
        line-height: 30px;
        margin-top: 10px;
        /* background-color: #ddb850; */
        border-spacing: 0px 5px;
        /* padding: 8px 10px; */
        border-collapse: separate;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600;
    }
    table.table1002 tr td {
        padding: 3px 4px !important;
    }
    .newFont {
        font-size: 12px;
    }

    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
        background: #bc9c3f;
        color: #000 !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px; */
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        /* border-radius: 5px; */
        line-height: 1.6;
        font-size: 13px;
        font-weight: 600;
        /* padding: 4px 0 0; */
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 80% 3%;
        background-position: center bottom;
        background-repeat: no-repeat; */
        color: #fff !important;
        padding-top: 5px !important;
        /* line-height: 1.3; */
        /* font-family: 'Montserrat' !important;  */
    }
    table.goldd tr:nth-child(2) td {
        line-height: 1.2;
        font-size: 11px;
        /* padding: 4px 0 0; */
        /* padding-top: 5px !important; */
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.2;
        /* padding: 0!Important; */
        /* padding: 4px 0 0; */
        padding-bottom: 5px !important;
    }
    table.table1001 td:nth-child(1) table.goldd {
        /* border-bottom-right-radius: 10px !Important; */
    }

    table.table1001 td:nth-child(3) table.goldd {
        /* border-bottom-left-radius: 0px !Important; */
    }

    table.goldd tr td {
        text-align: center !important;
        line-height: 1;
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.3;
        font-size: 15px !important;
        color: #000;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    }

    table.goldd1 tr:nth-child(2) td {
        line-height: 1.6;
        /* margin-top: 10px!important; */
    }
    table.goldd1 tr:nth-child(3) td {
        line-height: 1;
    }
    table.goldd1 tr:nth-child(4) td {
        line-height: 2.6;
    }

    table.goldd {
        /* box-shadow: 0px 1px 0px 0px #c9a155,1px -1px 0px 0px #c9a155, 0px -1px 0px 0px #c9a155, -1px 0px 0px 0px #c9a155; */
        /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
        /* background-image: linear-gradient(to bottom, #FAE875, #AD8430); */
        /* border-collapse: separate; */
        /* border-spacing: 0px 4px!important; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
    }

    table.goldd1 {
        /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        line-height: 2;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
    }

    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;
    }
    table {
        /* margin-bottom: 0px;
    border-collapse: separate; */
        /* border-spacing: 0 7px; */
    }
    .headertable1 {
        /*background:#e4a40a;
	color:#2a1a0d;*/
        /*background-image: linear-gradient(to right, #646ffc, #726bfc, #8664fc, #8e62fd, #9372f0);*/
        /*background: #696969;*/
        color: #fff;
        background: #fff;
        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: #000 !important;
        font-weight: 700;
        padding: 10px 5px !important;
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 700;
    }

    .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 3px; */
        /* font-size: 14px; */
    }
    /* table#gold{ */
    /* background:#ffd438; */
    /* } */
    /* table#silver{ */
    /* background:#ffd438 */
    /* ; */
    /* } */
    /* table#inr{ */
    /* background:#ffd438; */
    /* } */
    .col-md-8.col-xs-12.div_spott {
        padding-right: 5px;
        padding-left: 5px;
    }

    .top6span {
        font-size: 22px;
        font-weight: 500 !important;
        padding: 1px 5px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top4span {
        font-size: 15px;
        font-weight: 700 !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top2span {
        font-size: 11px;
        font-weight: 600 !important;
    }
    .imgWidth {
        width: 50%;
    }

    .LogoImgWidth {
        width: 60%;
        /* max-height: 90px; */
        margin-left: 0%;
        padding: 20px 10px;
    }
    .LogoImgWidth1 {
        /* width: 18%; */
        /* max-height: 90px; */
        /* margin-left: 20%; */
        /* padding: 4px 0px; */
        width: 20%;
        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;
    }

    table.Trending_Table_Root tr {
        /* padding: 5px 3px !important; */
        /* font-size: 20px; */
        /* font-weight: 600; */
    }

    .buy_sell_label {
        /* color: #000; */
        font-weight: 600;
        font-size: 15px !important;
        padding: 14px 5px 14px 0px !important;
        color: #fff;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }
    .buy_sell_label2 {
        /* color: #000; */
        font-weight: 500;
        font-size: 11px !important;
        padding: 0px 5px 0px 0px !important;
        color: #fff;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }
    /* .res_mob_font_width tr::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 55%;
        width: 50%;
        height: 100%;
        background: url("../img/appimages/Box3.png") no-repeat top center;
        background-size: 82% 100%;
        pointer-events: none;
        z-index: 0;
    } */

    table.res_mob_font_width,
    .res_mob_font_width1,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* background: #FFF; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 5px 0; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1px solid!important; */
        /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 1%;
    background-repeat: no-repeat; */
        background-position: center bottom;
        border-collapse: separate;
        line-height: 1.2;
        border: 1px solid #01132e;
        margin-top: 6px;
        /* background-color: #ffffff; */
        border-radius: 10px;
    }
    .HL_img {
        width: 15px;
        margin-right: 5px;
    }
    table.res_mob_font_width2 {
        /* background-image: url(../img/appimages/Strock.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
        border-right: 1.5px solid;
        border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
        border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom;
        border-collapse: separate;
        /* line-height: 1.3; */
    }
    .imgbnk {
        width: 100%;
    }
    /* .{
        padding-top: 65px;
    } */
    .span2 {
        /* padding: 0px 5px 2px; */
        font-size: 18px;
        font-weight: 600;
    }
    .span3 {
        /* padding: 3px 0px; */
        font-size: 11px;
        font-weight: 600;
    }
    table.res_mob_font_width span#mainspan {
        /* font-size: 13px !important; */
    }
    table.res_mob_font_width td {
        /* border: 1px solid #bc8b0b; */
        /* border-bottom: 1px solid #d4d4d4 !important;s */
        /* background-image: linear-gradient(#000,#000) ; */
    }
    table.tt_33 {
        /* margin-top: 10px; */
        /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)), url(../img/logo/logo7.jpeg) top no-repeat;
     background-size: 90%; */
    }

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

    .heading {
        background: url(../img/appimages/Box_08.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 15px !important;
        margin-bottom: 5px;
        /* margin-top: 8px; */
        /* padding: 5px 0; */
        line-height: 1.6;
        /* background: #ffffff; */
        border-radius: 10px;
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 700;
        font-size: 14px !important;
        padding: 5px 0 5px 10px !important;
    }

    .bog_Gc1 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    .topMar {
        margin-bottom: 4%;
        font-size: 15px;
    }
    .goldd1Buysell {
        font-size: 13px;
        color: #000;
    }

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

    .main_logoo {
        width: 90%; /*border-radius:15px;*/
    }

    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; */ /* padding: 170px 0 55px 0; */ /* padding: 275px 0 55px 0; */
        padding: 55px 0 55px 0;
        position: relative;
        text-align: center;
    }

    .logo_img {
        /*width:71%;*/
        height: auto !important;
    }

    .pad-5px-tb {
        /*padding: 2px 0 0 !Important;*/
    }
    table.goldd1 {
        /* border-top-left-radius: 5px;
        border-top-right-radius: 5px; */
        background-image: url(../img/appimages/Box2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background-color: #fff; */
        /* line-height: 1.6; */
    }
}

@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;
    }
    table.goldd tr:nth-child(1) td {
        padding-top: 5px !important;
    }
    table.goldd tr:nth-child(2) td {
        line-height: 1.2;
        /* padding-top: 5px !important; */
        font-size: 15px;
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.2;
        padding-bottom: 5px !important;
    }
    .Delete_Ac {
        /* position: fixed;
        right: 85px;
        top: 78px;
        z-index: 999; */
        padding: 0px 20px;
        /* border: 1px solid #fff;
        background: #FFF; */
        /* border-radius: 5px;  */
    }
    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
    background: #bc9c3f;
    color: #000 !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; */
        /* background-image: linear-gradient(to bottom, #F6DB77, #E2BE56, #D0A53B ); */
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        /* border-radius: 5px; */
        line-height: 1.3;
        font-size: 16px !important;
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 70% 3%;
        background-position: center bottom;
        background-repeat: no-repeat; */
        color: #fff !important;
        /* font-family: 'Montserrat' !important;  */
    }
    table.table1001 td:nth-child(1) table.goldd {
        /* border-bottom-right-radius: 10px !Important; */
    }

    table.table1001 td:nth-child(3) table.goldd {
        /* border-bottom-left-radius: 0px !Important; */
    }

    .social_icons img {
        width: 100px;
        /* padding: 1px; */
        border-radius: 5px;
        /* height: 40px; */
        /* background-color: #ECAF4C; */
        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%);
    }

    table.goldd tr td {
        text-align: center !important;
        /* padding: 10px !important; */
    }
    table.goldd1 tr td {
        text-align: center !important;
        padding: 10px !important;
    }

    .imgbnk {
        width: 100%;
    }
    /* .{
    padding-top: 100px;
} */

    .bgblue {
        padding-top: 8px;
        /* background:#fff; */
    }
    /* table.table1001 td:nth-child(2) table {
        border-radius: 5px;
    } */
    .table1001 {
        width: 100%;
        line-height: 1.4;
        background-repeat: no-repeat;
    }
    .table1001 td {
        /* width: 24%; */
        font-weight: 700 !important;
    }
    table.table1001 tr td {
        /* padding: 0px 8px !important; */
    }
    .table1002 {
        width: 100%;
        line-height: 1.4;
        margin-top: 10px;
        /* background-color: #ddb850; */
        border-spacing: 0px 5px;
        /* padding: 8px 10px; */
        border-collapse: separate;
    }
    .table1002 td {
        width: 50%;
        font-weight: 600 !important;
    }
    table.table1002 tr td {
        padding: 3px 3px !important;
    }
    table.goldd tr:nth-child(1) td {
        /* border-bottom: 1px solid #e0b034; */
        /* font-weight: 600;
        background: #bc9c3f;
        color: #000 !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px; */
    }
    table.goldd tr td {
        /* border-radius:10px;
        padding:10px !important; */
    }
    table.goldd {
        /* box-shadow: 0px 2px 0px 0px #c9a155, 1px -1px 0px 0px #c9a155, 0px -1px 0px 0px #c9a155, -1px 0px 0px 0px #c9a155; */
        /* border-radius: 7px; */
        /* background-image: linear-gradient(to bottom,#FBEE7D, #A07527); */
        /* border-collapse: separate; */
        /* border-spacing: 5px 0px; */
        /* background-image: url(../img/appimages/Box_02.png);
    background-size: 100% 100%;
    background-repeat: no-repeat; */
        /* border-radius: 5px; */
        overflow: hidden;
        /* background: #fff; */
    }

    table.goldd1 {
        /* border-top-left-radius: 5px;
        border-top-right-radius: 5px; */
        background-image: url(../img/appimages/Box2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /* border-radius: 5px; */
        overflow: hidden;
        /* background-color: #fff; */
        /* line-height: 1.6; */
    }
    table.goldd1 tr:nth-child(1) td {
        line-height: 1.3;
        font-size: 18px !important;
        color: #000;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    }
    table.goldd1 tr:nth-child(2) td {
        line-height: 1.3;
        /* margin-top: 10px!important; */
    }
    table.goldd1 tr:nth-child(3) td {
        line-height: 1.3;
    }
    table.goldd1 tr:nth-child(4) td {
        line-height: 2.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;
    }
    table {
        /* margin-bottom: 0px; */
        /* border-collapse: separate; */
        /* border-spacing: 0 7px; */
    }

    .headertable1 {
        /*background:#e4a40a;
        color:#2a1a0d;*/
        /*background-image: linear-gradient(to right, #646ffc, #726bfc, #8664fc, #8e62fd, #9372f0);*/
        /*background: #696969;*/
        color: #fff;
        background: #fff;

        line-height: 2;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
        font-size: 18px;
        font-weight: 700;
    }

    table#liveratetable_2 .table1,
    table#liveratetable_3 .table1 {
        background: #fff;
    }

    table#liveratetable_2 .table1 td.ratevalue1,
    table#liveratetable_3 .table1 td.ratevalue1 {
        color: #000 !important;
        font-weight: 700;
        font-size: 18px;
        /* padding: 10px 5px !important; */
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 700;
        font-size: 22px;
        /* padding: 10px 5px !important; */
    }
    .toptable_ratesFont {
        font-weight: 700;
        font-size: 32px !important;
    }
    .buylive {
        background: url(../img/swastik/Buy.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        line-height: 1.6;
    }
    .newFont {
        font-size: 15px;
    }

    table.res_mob_font_width,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        /* background-image: url(../img/appimages/Strock.png);
    background-size: 100% 1%;
    background-repeat: no-repeat;
    background-position: center bottom; */
        border-collapse: separate;
        line-height: 1.2;
        border: 1px solid #01132e;
        margin-top: 6px;
        /* background-color: #f4f4f4; */
        /* border-radius: 10px; */
    }

    table.res_mob_font_width1 {
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom;
        border-collapse: separate;
        line-height: 1.3;
    }
    .HL_img {
        width: 20px;
        margin-right: 5px;
        vertical-align: top !important;
    }
    table.res_mob_font_width2 {
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 1.5px solid; */
        /* border-bottom: 1.5px solid;
    border-right: 1.5px solid;
    border-left: 1.5px solid; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 7px 0; */
        /* border: 0.5px solid #e8c660 !important;
    background-color: #232325; */
        /* border-right: 1.5px solid;
    border-left: 1.5px solid; */
        border-collapse: separate;
        margin-bottom: 6px;
        /* border-radius: 10px; */
        line-height: 1.6;
        border-bottom: 1px solid #fff;
    }
    .table1001 {
    }
    .desktop-show {
        display: none;
    }
    .mobile-hide {
        display: initial;
    }

    .after1_black:after {
        content: "";
        position: absolute;
        top: 16px;
        height: 50px;
        width: 33%;
        /* border-right: 2px solid #e3c070; */
    }

    .after2_black:after {
        content: "";
        position: absolute;
        left: 0%;
        top: 16px;
        height: 50px;
        width: 66%;
        /* border-right: 2px solid #e3c070; */
    }

    table.Trending_Table_Root tr td {
        /* padding: 2px 3px; */
        /* font-size: 18px; */
        /* font-weight: 700; */
    }

    .span2 {
        /* padding: 0px 5px 2px; */
        font-size: 25px;
        font-weight: 600;
    }
    .span3 {
        /* padding: 3px 0px; */
        font-size: 13px;
        font-weight: 600;
    }
    .vis {
        /* display: none; */
        display: block;
    }

    .heading {
        /* background-image: url(../img/appimages/Box_07.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 18px !important;
        /* border-radius: 5px; */
        margin-bottom: 5px;
        /* margin-top: 10px; */
        line-height: 1.6;
        /* background: #ffffff; */
        /* padding: 8px 0!important; */
        border-radius: 10px;
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #ddb850, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 700;
        font-size: 15px !important;
        padding: 5px 0 5px 10px !important;
    }
    .bog_Gc1 {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 16px !important;
        font-weight: 600 !important;
        /* padding: 1px 5px 1px!important; */
    }
    .goldd1Buysell {
        font-size: 18px;
        color: #000;
    }

    span.top25span {
        font-size: 22px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    span.top5span {
        font-size: 26px;
        font-weight: 700;
        /* padding: 1px 15px 1px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 20px;
        font-weight: 700;
        padding: 1px 12px 1px !important;
    }
    .topMar {
        margin-bottom: 2%;
        font-size: 18px;
        /* padding: 10px; */
    }
    .top6span {
        font-size: 26px;
        font-weight: 600 !important;
        padding: 1px 15px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top4span {
        font-size: 16px;
        font-weight: 600 !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }
    .top2span {
        font-size: 12px;
        font-weight: 600 !important;
    }

    .imgWidth {
        width: 25%;
    }
    .LogoImgWidth {
        display: none;
        width: 56%;
        /* max-height: 90px; */
        margin-left: 22%;
        padding: 10px 10px;
    }
    .LogoImgWidth1 {
        /* width: 18%; */
        /* max-height: 90px; */
        /* margin-left: 20%; */
        padding: 4px 0px;
        width: 18%;
        align-items: inherit;
        text-align: -webkit-center;
    }
    span.bloc_GS {
        font-size: 12px;
        font-weight: 600;
    }

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

    .buy_sell_label {
        /* color: #000; */
        padding: 15px 0px 15px 10px !important;
        font-size: 20px !important;
        font-weight: 600;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */

        /* border-right:  1px solid #d4d4d4; */
    }
    .buy_sell_label2 {
        /* color: #000; */
        font-weight: 500;
        font-size: 13px !important;
        padding: 0px 5px 0px 10px !important;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */
        /* border-right:  1px solid #d4d4d4!important; */
    }

    table.res_mob_font_width,
    .res_mob_font_width1,
    .rate_top {
        /* background-image: url(../img/appimages/Box4.png); */
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1!important; */
        /* border-top: 2px solid #000; */
        /* border-bottom: 1.5px solid;
        border-right: 1.5px solid;
        border-left: 1.5px solid; */
        /* background-image: url(../img/appimages/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-bottom: 3px solid transparent;
        border-image: linear-gradient(to bottom, #C29125,#B68012, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        padding: 0px 0;
        /* background-image: url(../img/appimages/Strock.png);
        background-size: 100% 1%;
        background-repeat: no-repeat;
        background-position: center bottom; */
        border-collapse: separate;
        border: 1px solid #01132e;
        margin-top: 6px;
        /* background-color: #f4f4f4; */
        border-radius: 10px;
    }

    table.res_mob_font_width span#mainspan {
        font-size: 28px !important;
        font-weight: 700 !important;
    }
    table.res_mob_font_width td {
        /* border: 1px solid #bc8b0b; */
        /* border-bottom: 1px solid #d4d4d4 !important; */
        /* background-image: linear-gradient(#000,#000) ; */
    }
    table.tt_33 {
        /* margin-top: 8px; */
        /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72)), url(../img/logo/logo7.jpeg) top no-repeat;
     background-size: 55%; */
    }

    table.res_mob_font_width.span {
        font-size: 24px !important;
    }

    .main_logoo {
        /*max-height:95px;*/
        max-height: 150px; /*border-radius:15px;*/
    }

    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: #101010;*/
        background: url(../img/bg/5.png) center;
    }
}

@media (min-width: 1601px) {
    table.res_mob_font_width {
        margin-bottom: 15px !important;
        line-height: 2;
    }
    table.goldd tr:nth-child(1) td {
        font-size: 20px !important;
    }
    table.table1001 tr td {
        padding: 0px 0px 0 !important;
    }
    table.table1002 tr td {
        padding: 7px 6px 0 !important;
    }
    span.top5span {
        font-size: 38px !important;
    }
    span.bloc_GS {
        font-size: 14px !important;
        font-weight: 600;
    }
    .buy_sell_label {
        /* color: #000; */
        padding: 20px 0px 20px 25px !important;
        font-size: 26px !important;
        font-weight: 600;
        /* border-right: 1px solid #d4d4d4; */
    }
    span.top55span {
        font-size: 38px;
        font-weight: 600;
    }
}

@media (min-width: 901px) and(max-width: 1600px) {
    .heading {
        /* background-image: url(../img/appimages/Box_07.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #DDB850,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 700;
        font-size: 16px !important;
        /* background: #ffffff; */
    }
    .bog_Gc1 {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    span.bloc_GS {
        font-size: 14px !important;
        font-weight: 600;
    }
    span.top25span {
        font-size: 26px;
        font-weight: 500;
        padding: 1px 10px 1px !important;
    }
    span.top5span {
        font-size: 28px;
        font-weight: 700;
        /* padding: 2px 15px 2px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 30px;
        font-weight: 700;
        padding: 1px 15px 1px !important;
    }
    .top6span {
        font-size: 30px;
        font-weight: 600 !important;
        padding: 1px 15px 1px !important;
        /* padding: 3px; */
        /* font-size: 22px; */
    }

    .buy_sell_label {
        /* color: #000; */
        padding: 18px 0px 18px 25px !important;
        font-size: 20px !important;
        font-weight: 500;
        color: #fff !important;
        /* font-family: "Montserrat", sans-serif !important; */

        /* border-right:  1px solid #d4d4d4; */
    }
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    /* .min_h{
        background: repeating-linear-gradient(#74ABDD, #74ABDD 49.9%, #498DCB 50.1%, #498DCB 100%);
        padding-top: 10%;
    } */
    .Trending_Table_Child1 {
        /* margin-top: -10%; */
    }
    #stablelogo {
        padding: 25px 0;
    }

    #iconimage img {
        /* min-width: 300px !important; */
        /* min-height: 100px !important; */
        /* margin-left: 25px; */
    }
    .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 {
        /* display: none !important; */
    }
    .social_icons {
        text-align: center !important;

        /* border-top: 1px solid; */
        padding-top: 10px;
    }
    .social_icons img {
        width: 80px;
    }
    td.bg_white {
        background: linear-gradient(to right, #000, #000);
        box-shadow: 0px 1px 2px 0px #353131;
    }
    .min_h {
        height: 50px;
        /* margin: 0px; */
    }

    .mar_gin {
        margin-top: 10%;
    }
    .Trending_Table_Child1 {
        /* margin-top: -16%; */
    }

    #iconimage img {
        /* min-width: 300px !important; */
        /* min-height: 50px !important; */
        /* margin-left: 20px !important; */
    }

    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: #01132e !important;
    color: #fff !important;
}
.paddingg {
    color: #fff !important;
}
.heading {
    position: relative;
    font-weight: 700;
    font-size: 18px !important;
    margin-bottom: 5px;
    /* margin-top: 10px; */
    line-height: 1.6;
    background-image: url(../img/appimages/Box_08.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    /* background: #ffffff; */
}

/* gradient border at bottom */
/* .heading::after {
    content: "";
    position: absolute;
    left: 223px;
    transform: translateX(-50%);
    bottom: -16px;
    width: 33%;
    height: 8px;
    background: linear-gradient(to right, #b88214, #c29125, #ddb850, #f8de7a, #fdec98, #fdeb95, #efd06b, #d3a93f);
} */
.Trending_Table_Root {
    overflow: hidden;
}
#iconimage .row {
    justify-content: center;
}
.res_mob_font_width {
    table-layout: fixed;
    border-collapse: collapse;
}
.res_mob_font_width td {
    vertical-align: middle;
}
#footer .section {
    padding: 4rem !important;
    padding-left: 5rem !important;
}
/* Hide only the Terms & Conditions link in the footer */
#footer a[href*="TermsAndCondition.html"] {
    display: none !important;
}
.LogoImgWidth1 + span {
    font-size: 42px;
    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;
}
.sell {
    padding: 10px 0px 0px 0px !important;
}
.res_mob_font_width tr {
    position: relative;
}

/* .res_mob_font_width tr::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 55%;
    width: 50%;
    height: 100%;
    background: url("../img/appimages/Box3.png") no-repeat top center;
    background-size: 64% 85%;
    pointer-events: none;
    z-index: 0;
    background-position: 50% 60%;
} */
.res_mob_font_width td {
    position: relative;
    z-index: 1;
}

#gvData_coins .res_mob_font_width tr::after {
    background: transparent !important;
}

#iconimage {
    position: relative; /* IMPORTANT */
    min-height: 113px;
    display: flex;
    align-items: end;
}

/* #iconimage::before {
    content: "K.G.F";
    position: absolute;
    top: 15%;
    left: 43%;
    color: #fff;
    font-size: 45px;
    font-weight: 700;
} */
@media (max-width: 767px) {
    #iconimage {
        position: relative;
        min-height: 86px;
        display: flex;
        align-items: end;
    }
    /* #iconimage::before {
        content: "K.G.F";
        position: absolute;
        top: 28%;
        left: 37%;
        color: #fff;
        font-size: 38px;
        font-weight: 700;
    } */
}
.boxImg {
    max-width: 40px;
}
.boxImg1 {
    max-height: 33px;
}

.city-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: Arial, sans-serif;
    justify-content: center;
}

.city-wrapper label {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

/* Select box */
.custom-select {
    position: relative;
    width: 260px;
}

/* Gold background + border */
.city-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* NEW CLASS (no conflict) */
.gold-select {
    position: relative;
    width: 260px;
}

.gold-select select {
    width: 100%;
    height: 40px;
    padding: 0 45px 0 20px;
    font-size: 20px;
    font-weight: 600;

    border-radius: 12px;
    border: 2px solid #c9b37c;

    background: linear-gradient(to right, #f5f2e8, #e6c873);
    color: #000;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    outline: none;
}

/* Arrow */
.gold-select::after {
    content: "⌄";
    position: absolute;
    right: 15px;
    top: 35%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
}

/* Arrow */
.custom-select::after {
    content: "⌄";
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}
.heading span {
    font-size: 15px;
    font-weight: 600;
    background: linear-gradient(90deg, #000000, #191815, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Header visibility overrides */
#navhead {
    width: 100%;
}

#navhead #mainNav li,
#navhead #mainNav li:has(a[href="../KYC.html"]),
#navhead #mainNav li:has(a[href="www/Trades.htm"]),
#navhead #mainNav li:has(a[href="www/Orders.htm"]),
#navhead #mainNav li:has(a[href="Trades.htm"]),
#navhead #mainNav li:has(a[href="Orders.htm"]) {
    display: block !important;
}

@media (min-width: 992px) {
    #navhead {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    #navhead .header-column:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    #navhead .header-column:last-child {
        flex: 0 0 auto;
        width: auto;
    }

    #navhead .header-nav {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        padding-right: 120px;
    }

    #navhead .header-nav-main {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: auto;
        flex: 0 1 auto;
        text-align: center;
    }

    #navhead .header-nav-main nav.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        visibility: visible !important;
        margin: 0 auto;
    }

    #navhead .header-nav-main nav > ul {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0;
        min-height: 58px;
        margin: 0;
        padding: 0;
    }

    #navhead .header-nav-main nav > ul > li {
        display: flex !important;
        align-items: center;
    }

    #navhead .header-nav-main nav > ul > li > a,
    #navhead .header-nav-main nav > ul > li.dropdown > a,
    #navhead .header-nav-main nav > ul > li.dropdown > .dropdown-item {
        display: inline-flex !important;
        align-items: center;
        min-height: 58px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
        vertical-align: middle;
    }

    #navhead .header-nav-main nav > ul > li > a .menu-arrow,
    #navhead .header-nav-main nav > ul > li.dropdown > a .menu-arrow {
        margin-left: 6px;
        position: static;
        transform: none;
    }

    #navhead .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        margin-top: 0;
    }

    #navhead .text-right.d-none.d-lg-block {
        display: block !important;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: right !important;
        white-space: nowrap;
    }

    #navhead #openaccountbtn,
    #navhead #Lb4 {
        display: inline-flex;
        align-items: center;
    }

    #navhead .header-btn-collapse-nav {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #navhead {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    #navhead .header-column {
        width: 100%;
    }

    #navhead .header-column:last-child {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

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

    #navhead .header-nav-main nav {
        width: 100%;
        margin-top: 10px;
        background: #f4eee4;
    }

    #navhead .header-nav-main nav > ul {
        display: flex !important;
        flex-direction: column;
        width: 100%;
    }

    #navhead .header-nav-main nav > ul > li {
        width: 100%;
    }

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

    #navhead .header-nav-main nav > ul > li > a,
    #navhead .header-nav-main nav > ul > li.dropdown > a {
        display: block;
        width: 100%;
    }

    #navhead .text-right.d-none.d-lg-block {
        display: none !important;
    }
}

#navhead #mainNav li:has(a[href="KYC.html"]),
#navhead #mainNav li:has(a[href="../KYC.html"]),
#navhead #mainNav li:has(a[href="Calculator.html"]),
#navhead #mainNav li:has(a[href="../Calculator.html"]),
#navhead #mainNav li#showlogin {
    display: none !important;
}
/* ===== Top Rates Card — theme.jpeg design ===== */

/* Hide icons (not shown in theme) */
.boxImg1,
.boxImg {
    display: none !important;
}

/* Card container */
#gvData_top3,
#gvData_top3_silver,
#gvData_top3_coins {
    background: #1a1530;
    border: 1.5px solid #c9a155;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0 8px;
    width: 100% !important;
    table-layout: fixed;
}

/* Outer wrapper — no padding so divider runs edge-to-edge */
#gvData_top3 table.table1001,
#gvData_top3_silver table.table1001,
#gvData_top3_coins table.table1001 {
    background: transparent !important;
    background-image: none !important;
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    line-height: normal;
}

/* Inner goldd table — no box images */
#gvData_top3 table.goldd,
#gvData_top3_silver table.goldd,
#gvData_top3_coins table.goldd {
    background: transparent !important;
    background-image: none !important;
    min-height: auto;
    margin-top: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: visible;
}

/* Full-height vertical divider — drop > tr > (skips tbody), use plain descendant td + td */
#gvData_top3 table.table1001 > tbody > tr > td + td,
#gvData_top3 table.table1001 > tr > td + td,
#gvData_top3_silver table.table1001 > tbody > tr > td + td,
#gvData_top3_silver table.table1001 > tr > td + td,
#gvData_top3_coins table.table1001 > tbody > tr > td + td,
#gvData_top3_coins table.table1001 > tr > td + td {
    border-left: 0 !important;
    position: relative;
}

#gvData_top3 table.table1001 > tbody > tr > td + td::before,
#gvData_top3 table.table1001 > tr > td + td::before,
#gvData_top3_silver table.table1001 > tbody > tr > td + td::before,
#gvData_top3_silver table.table1001 > tr > td + td::before,
#gvData_top3_coins table.table1001 > tbody > tr > td + td::before,
#gvData_top3_coins table.table1001 > tr > td + td::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: rgba(201, 161, 85, 0.75);
    pointer-events: none;
}

/* All cells center-aligned */
#gvData_top3 table.goldd tr td,
#gvData_top3_silver table.goldd tr td,
#gvData_top3_coins table.goldd tr td {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Label (GOLD($), SILVER($), INR($)) */
#gvData_top3 td.top5sell,
#gvData_top3_silver td.top5sell,
#gvData_top3_coins td.top5sell {
    color: #c9a155 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    padding: 8px 4px 2px !important;
    line-height: 1.3;
}

/* Main price value */
#gvData_top3 span.top5span,
#gvData_top3_silver span.top5span,
#gvData_top3_coins span.top5span {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: transparent !important;
    padding: 2px 0 !important;
    border-radius: 0 !important;
    display: block;
    line-height: 1.2;
}

/* Price up — green */
#gvData_top3 span.top5span[style*="background: green"],
#gvData_top3_silver span.top5span[style*="background: green"],
#gvData_top3_coins span.top5span[style*="background: green"] {
    background: transparent !important;
    color: #2ee62e !important;
}

/* Price down — red */
#gvData_top3 span.top5span[style*="background: red"],
#gvData_top3_silver span.top5span[style*="background: red"],
#gvData_top3_coins span.top5span[style*="background: red"] {
    background: transparent !important;
    color: #ff4d4d !important;
}

/* L / H row */
#gvData_top3 tr.GoldRtae2 td,
#gvData_top3_silver tr.GoldRtae2 td,
#gvData_top3_coins tr.GoldRtae2 td {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.7rem !important;
    padding: 2px 4px 8px !important;
    line-height: 1.3;
    white-space: nowrap;
}

#gvData_top3 .bloc_GS,
#gvData_top3_silver .bloc_GS,
#gvData_top3_coins .bloc_GS {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.7rem !important;
    display: inline;
    line-height: 1.3;
}

/* Mobile */
@media (max-width: 500px) {
    #gvData_top3 span.top5span,
    #gvData_top3_silver span.top5span,
    #gvData_top3_coins span.top5span {
        font-size: 1.05rem !important;
    }
    #gvData_top3 td.top5sell,
    #gvData_top3_silver td.top5sell,
    #gvData_top3_coins td.top5sell {
        font-size: 0.65rem !important;
        padding: 6px 2px 2px !important;
    }
    #gvData_top3 tr.GoldRtae2 td,
    #gvData_top3_silver tr.GoldRtae2 td,
    #gvData_top3_coins tr.GoldRtae2 td,
    #gvData_top3 .bloc_GS,
    #gvData_top3_silver .bloc_GS,
    #gvData_top3_coins .bloc_GS {
        font-size: 0.58rem !important;
    }
}

/* Tablet */
@media (min-width: 501px) and (max-width: 1024px) {
    #gvData_top3 span.top5span,
    #gvData_top3_silver span.top5span,
    #gvData_top3_coins span.top5span {
        font-size: 1.2rem !important;
    }
}

#iconimage .brand-lockup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: auto;
    max-width: 100%;
}

#iconimage .brand-lockup img {
    flex: 0 1 131px;
    max-width: 131px !important;
    width: 100%;
    height: auto;
}

#iconimage .brand-wordmark {
    color: #d4af37;
    font-family: "Merriweather", Georgia, serif;
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: linear-gradient(180deg, #fff4c8 0%, #d7ad3f 38%, #7a5418 76%, #f0d06c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 1px 0 rgba(255, 246, 207, 0.75), 0 2px 3px rgba(54, 35, 5, 0.45);
}

@media (max-width: 575px) {
    #iconimage .brand-lockup {
        gap: 8px;
    }

    #iconimage .brand-lockup img {
        flex-basis: 88px;
        max-width: 88px !important;
    }

    #iconimage .brand-wordmark {
        font-size: 24px;
    }
}