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

table.Trending_Table_Root {
    font-family: "Open Sans", sans-serif !important;
    /* font-family: 'Montserrat' !important;  */
}
.heading {
    color: #CC9B4F !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(1) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

table.table1001 td:nth-child(2) table.goldd {
    background-image: url(../img/appimages/Box5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(3) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
table.table1001 td:nth-child(4) table.goldd {
    background-image: url(../img/appimages/Box4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
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, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
    background: #fff;
    background-image: linear-gradient(to bottom, #c29125, #b68012, #CC9B4F, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
    border-top: 2px solid;
    border-bottom: 2px solid;
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
    /* background: #000; */
    /* background-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
}

/* Add here all your CSS customizations */
.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: #fff;
    border: 1px solid rgba(203, 142, 42, 0.18);
    border-radius: 20px;
    box-shadow: 0 28px 60px rgba(1, 29, 40, 0.28);
    overflow: hidden;
}

.close {
    color: #232325;
    text-shadow: none;
    opacity: 1;
}
.close:focus,
.close:hover {
    color: #232325;
    text-decoration: none;
    opacity: 1;
}

.theme-modal {
    padding-right: 0 !important;
}

.theme-modal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 640px;
    margin: 7vh auto;
}

.theme-modal .modal-content {
    background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
}

.theme-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 1rem 1.25rem;
    border-bottom: 0;
    background: linear-gradient(135deg, #011d28 0%, #cb8e2a 100%);
}

.theme-modal .modal-title {
    margin: 0;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.theme-modal .close {
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.theme-modal .close:hover,
.theme-modal .close:focus {
    background: rgba(255, 255, 255, 0.28);
    color: #fff;
    transform: rotate(90deg);
}

.theme-modal .close span {
    display: block;
    line-height: 1;
}

.theme-modal .modal-body {
    padding: 1.5rem;
    background: transparent;
    color: #1f2933;
    font-size: 1rem;
    line-height: 1.7;
}

.theme-modal .modal-body p:last-child {
    margin-bottom: 0;
}

.modal-backdrop.in {
    opacity: 0.6;
}

@media (max-width: 575.98px) {
    .theme-modal .modal-dialog {
        width: calc(100% - 20px);
        margin: 4vh auto;
    }

    .theme-modal .modal-header {
        padding: 0.9rem 1rem;
    }

    .theme-modal .modal-title {
        font-size: 0.95rem;
    }

    .theme-modal .close {
        width: 38px;
        height: 38px;
        font-size: 1.6rem;
    }

    .theme-modal .modal-body {
        padding: 1.2rem;
    }
}
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: #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 {
    /* background: #dfdfdf; */
}
.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;
}

/* End Marquee 2 */

.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: 600 !important; */ /* display: inline-block; */
    font-weight: 400;
    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: 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: #000; 
        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 6px !important;
    }

    .table1002 {
        width: 100%;
        line-height: 30px;
        margin-top: 10px;
        background-color: #CC9B4F;
        border-spacing: 4px 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, #CC9B4F,#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: #000 !important;
        padding-top: 5px !important;
        /* line-height: 1.3; */
        /* font-family: 'Montserrat' !important;  */
    }
    table.goldd tr:nth-child(2) td {
        line-height: 2;
        font-size: 11px;
        /* padding: 4px 0 0; */
        padding-top: 5px !important;
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.6;
        /* 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;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#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: #000;
        line-height: 0.5;
    }
    .headertable1 th {
        text-align: center;
    }
    .ratevalue1 {
        text-align: left;
    }
    .ratevalue4,
    .ratevalue3 {
        font-weight: 400;
    }

    .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;
    }
    .sell {
        font-size: 12.5px !important;
        font-size: 600;
        color: #fff;
    }
    .imgWidth {
        width: 50%;
    }

    .LogoImgWidth {
        width: 60%;
        /* max-height: 90px; */
        margin-left: 0%;
        padding: 20px 10px;
    }
    .LogoImgWidth1 {
        width: 76%;
        /* max-height: 90px; */
        margin-left: 12%;
        padding: 20px 0px;
    }

    .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 !important;
        /* 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 !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/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 2%; */
        /* background: #000; */
        /* border-bottom: 3px solid transparent;
    border-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F) 1; */
        /* padding: 5px 0; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#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.6;
        /* border: 1px solid #CC9B4F; */
        margin-top: 6px;
        background-color: #262626;
        /* 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, #CC9B4F,#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, #CC9B4F,#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-image: url(../img/appimages/Box_07.png);
        background-size: 100% 100%;
        background-repeat: no-repeat; */
        /* background-image: linear-gradient(to bottom,#B88214, #C29125, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 400;
        font-size: 15px !important;
        margin-bottom: 5px;
        margin-top: 8px;
        /* padding: 5px 0; */
        line-height: 1.6;
        background: #262626;
        /* border-radius: 5px; */
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #CC9B4F, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 400;
        font-size: 14px !important;
        padding: 5px 0 5px 10px !important;
    }

    .bog_Gc1 {
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    span.top5sell {
        font-size: 14px !important;
        font-weight: 600 !important;
        /* padding: 1px 5px 1px!important; */
    }
    span.top25span {
        font-size: 16px;
        font-weight: 500;
        padding: 1px 8px 1px !important;
    }
    span.top5span {
        font-size: 18px;
        font-weight: 400;
        /* padding: 1px 10px 1px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 23px;
        font-weight: 400;
        padding: 1px 10px 1px !important;
    }
    .topMar {
        margin-bottom: 4%;
        font-size: 15px;
    }
    .goldd1Buysell {
        font-size: 13px;
        color: #000;
    }

    span.bloc_GS {
        font-size: 9px;
        line-height: 1.6;
    }

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

@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: 2;
        padding-top: 5px !important;
        font-size: 15px;
    }
    table.goldd tr:nth-child(3) td {
        line-height: 1.6;
        padding-bottom: 5px !important;
    }
    .Delete_Ac {
        /* position: fixed;
        right: 85px;
        top: 78px;
        z-index: 999; */
        padding: 0px 20px;
        /* border: 1px solid #fff;
        background: #000; */
        /* 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, #CC9B4F,#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: #000 !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, #CC9B4F, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
    }
    .social_icons img:hover {
        background-position: right center;
        background-image: linear-gradient(to right, #e6c35d 0%, #CC9B4F 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: #CC9B4F;
        border-spacing: 4px 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/Box_02.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;
        /* background-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#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: #000;

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

    .ratevalue4,
    .ratevalue3 {
        font-weight: 400;
        font-size: 22px;
        /* padding: 10px 5px !important; */
    }
    .toptable_ratesFont {
        font-weight: 400;
        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/Strock.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 3%; */
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#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, #CC9B4F,#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.6;
        /* border: 1px solid #CC9B4F; */
        margin-top: 6px;
        background-color: #262626;
        /* 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, #CC9B4F,#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, #CC9B4F,#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, #CC9B4F,#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, #CC9B4F,#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: 400; */
    }

    .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, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 400;
        font-size: 18px !important;
        /* border-radius: 5px; */
        margin-bottom: 5px;
        margin-top: 10px;
        line-height: 1.6;
        background: #262626;
        /* padding: 8px 0!important; */
    }
    .mjdma {
        background-image: linear-gradient(to bottom, #c29125, #b68012, #CC9B4F, #f8de7a, #fdec98, #fdec98, #fdeb95, #efd06b, #d3a93f);
        font-weight: 400;
        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: 400;
        /* padding: 1px 15px 1px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 28px;
        font-weight: 400;
        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;
    }

    .sell {
        font-size: 14px !important;
        font-size: 600 !important;
        color: #fff;
    }
    .imgWidth {
        width: 25%;
    }
    .LogoImgWidth {
        display: none;
        width: 56%;
        /* max-height: 90px; */
        margin-left: 22%;
        padding: 10px 10px;
    }
    .LogoImgWidth1 {
        width: 60%; /* max-height: 90px; */
        margin-left: 20%;
        padding: 20px 0px;
    }
    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: 18px !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 {
        /* border-image: linear-gradient(to bottom, #C29125,#B68012, #CC9B4F,#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; */
        /* 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, #CC9B4F,#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 #CC9B4F; */
        margin-top: 6px;
        background-color: #262626;
        /* 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;
    }

}

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

@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, #CC9B4F,#F8DE7A,#FDEC98,#FDEC98, #FDEB95, #EFD06B, #D3A93F); */
        font-weight: 400;
        font-size: 16px !important;
        background: #262626;
    }
    .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: 400;
        /* padding: 2px 15px 2px!important; */
        border-radius: 4px;
    }
    span.top55span {
        font-size: 30px;
        font-weight: 400;
        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; */
    }
    .sell {
        font-size: 15px !important;
        font-size: 600 !important;
        color: #fff;
    }
    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;
}

/* Header logo alignment override */
#iconimage {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#iconimage > span {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
}

#iconimage .LogoImgWidth1 {
    display: block;
    width: min(100%, 260px);
    max-width: 100%;
    max-height: 86px;
    height: auto;
    margin: 0 auto !important;
    padding: 0;
}

@media (max-width: 900px) {
    #iconimage .LogoImgWidth1 {
        width: min(78%, 250px);
        max-height: 76px;
        padding: 0;
    }
}

/* ================================================
   GLOBAL DARK THEME - site-wide
   Navy background  |  Gold  #CC9B4F
   ================================================ */

/* Body */
html,
body,
.body {
    background-image: url("../img/appimages/bg.png") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #e0e0e0;
}

/* ---- HEADER ---- */
#header,
#header .header-body,
#header .header-top,
#header .header-top-container,
#header .header-conta30\.iner,
#header .header-row,
#header .header-column,
#header .header-nav,
#header .header-nav-main,
#header .header-nav-main nav,
#header #mainNav,
#header #navhead,
#header .nav,
#header .nav > li,
#header .nav > li > a,
#header .dropdown,
#header .dropdown-item,
#header .btn,
#header #Lb3,
#header #Lb4,
.header-body,
.header-top {
    background-color: transparent !important;
    background-image: none !important;
}

#header,
#header .naviRow,
#header .header-nav,
#header .header-nav-main,
#header .nav,
#header .nav > li,
#header .nav > li > a,
#header .dropdown-item,
#header .dropdown-toggle,
#header #mainNav a,
#header #showlogin a,
#header #Lb1,
#header #Lb2,
#header #Lb3,
#header #Lb4,
#header #Lb4 a,
#header .btn {
    color: #ffffff !important;
}
#header #mainNav li:has(> a[href="Calculator.html"]) {
    display: none !important;
}
.header-top {
    border-bottom: 1px solid rgba(204, 155, 79, 0.45) !important;
}

body.live-rates-page #header .header-top {
    width: 100% !important;
    background-color: #000000 !important;
    background-image: none !important;
}

body.live-rates-page #header .header-top-container,
body.live-rates-page #header .header-top .header-row,
body.live-rates-page #header .header-top .header-column {
    background-color: #000000 !important;
    background-image: none !important;
}

body.live-rates-page #header .header-top-social-icons li {
    color: #ffffff !important;
}

.headImg,
.header-row.headImg {
    background-color: transparent !important;
    background-image: none !important;
}

#header,
#header .header-body,
#header .header-top,
#header .header-row,
#header .header-column,
#header .header-nav,
#header .header-nav-main {
    min-height: 0 !important;
}

#header .header-top,
#header .header-top-container,
#header .header-row.headImg,
#header .header-row.headImg .container,
#header .header-row.headImg .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#header .naviRow {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#header #mainNav > li > a,
#header #mainNav > li > .dropdown-item,
#header .header-nav-main nav > ul > li > a {
    padding: 5px 8px !important;
    line-height: 1.1 !important;
    font-size: 13px !important;
}

#header #openaccountbtn a,
#header #Lb4 a,
#header a#Lb3 {
    padding: 5px 10px !important;
    line-height: 1 !important;
    font-size: 12px !important;
}

#header .header-btn-collapse-nav {
    padding: 6px 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Header date/time text */
span#date_time,
span#date_time_us,
span#date_time_eng {
    color: #CC9B4F !important;
}

/* naviRow borders — keep gold */
.naviRow {
    background-color: transparent !important;
    background-image: none !important;
    border-top-color: #CC9B4F;
    border-bottom-color: #CC9B4F;
}

/* Dropdown menus (Booking Desk sub-menu) */
.dropdown-menu {
    background-color: #000000 !important;
    background-image: none !important;
    border: 1px solid #CC9B4F !important;
}
.dropdown-menu .dropdown-item {
    color: #fff !important;
    background-color: transparent;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* Mobile nav collapse panel */
@media (max-width: 991px) {
    .header-nav-main nav {
        background-color: transparent !important;
        background-image: none !important;
        border-top: 1px solid #CC9B4F;
    }
    .header-nav-main nav > ul > li > a {
        border-bottom-color: #1e3b1e !important;
        color: #CC9B4F !important;
    }
    .header-nav-main nav > ul > li > a:hover {
        background-color: transparent !important;
        background-image: none !important;
        color: #ffffff !important;
    }
}

#header a:hover,
#header a:focus,
#header .btn:hover,
#header .btn:focus,
#header .dropdown-menu li,
#header .dropdown-menu a,
#header .dropdown-menu a:hover,
#header .dropdown-menu a:focus {
    background-color: transparent !important;
    background-image: none !important;
}

#header #openaccountbtn a,
#header #Lb4 a,
#header a#Lb3 {
    background:
        linear-gradient(180deg, #fff77a 0%, #d8ad3e 48%, #9f681b 100%) !important;
    border: 1px solid rgba(255, 241, 145, 0.85) !important;
    color: #06122b !important;
    box-shadow: 0 0 14px rgba(204, 155, 79, 0.28);
}

#header #openaccountbtn a:hover,
#header #openaccountbtn a:focus,
#header #Lb4 a:hover,
#header #Lb4 a:focus,
#header a#Lb3:hover,
#header a#Lb3:focus {
    background:
        linear-gradient(180deg, #ffe978 0%, #c9972e 52%, #75470e 100%) !important;
    color: #ffffff !important;
}

/* Hamburger & close icon lines */
.header-btn-collapse-nav .hamburguer span {
    background-color: #CC9B4F !important;
}
.header-btn-collapse-nav .close span {
    background-color: #CC9B4F !important;
}

/* ---- MAIN CONTENT ---- */
.main {
    background-color: transparent !important;
    background-image: none !important;
}

/* Page sections should show the global background image */
section.section,
.main section.section,
.bg-light-5 {
    background-color: transparent !important;
    background-image: none !important;
    color: #e0e0e0;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #CC9B4F;
}

/* Body text */
p {
    color: #e0e0e0;
}

/* Content links (not nav, not buttons) */
.main a:not(.btn):not(.nav-link),
#footer a:not(.btn) {
    color: #CC9B4F;
}
.main a:not(.btn):not(.nav-link):hover,
#footer a:not(.btn):hover {
    color: #ffffff;
}

/* ---- FOOTER ---- */
#footer {
    background-color: transparent !important;
    background-image: none !important;
    border-top: 2px solid #CC9B4F;
}
#footer > section.section {
    background-color: transparent !important;
    background-image: none !important;
}

/* Footer icon colours */
#footer .icon-box-icon i {
    color: #CC9B4F !important;
}
#footer .icon-box-info-title h3 {
    color: #CC9B4F !important;
}
#footer .icon-box-info p {
    color: #c0c0c0 !important;
}
#footer .icon-box-info a {
    color: #CC9B4F !important;
}
#footer .icon-box-info a:hover {
    color: #ffffff !important;
}

/* Footer copyright bar */
.footer-copyright {
    background-color: transparent !important;
    background-image: none !important;
    border-top: 1px solid #1e3b1e;
}
.footer-copyright p,
.footer-copyright span {
    color: #888888 !important;
}

/* ---- FORM ELEMENTS (site-wide dark theme) ---- */

/* Labels — visible on dark backgrounds */
label,
.form-group label {
    color: #CC9B4F !important;
}

/* Input / textarea / select */
.form-control {
    background-color: #1b2e1b !important;
    color: #e0e0e0 !important;
    border: 1px solid #3a5a3a !important;
}
.form-control::placeholder {
    color: #888888 !important;
    opacity: 1;
}
.form-control:focus {
    background-color: #1e341e !important;
    border-color: #CC9B4F !important;
    box-shadow: 0 0 0 0.2rem rgba(221, 184, 80, 0.25) !important;
    color: #ffffff !important;
}

/* Select dropdowns */
select.form-control option {
    background-color: #111e11;
    color: #e0e0e0;
}

/* ---- CONTACT FORM SECTION (contact-us.html) ---- */
/* The contact section already has a black background;
   override the inline color:#000 on its headings/paragraphs */
.bg-light-5 h2,
.bg-light-5 h3,
.bg-light-5 p.lead {
    color: #e0e0e0 !important;
}

/* ---- DOWNLOAD PAGE LINKS ---- */
.main .fa-download {
    color: #CC9B4F !important;
}

/* ---- PAGE BANNER HEADERS (section.page-header) ---- */
/* Keep text readable on the gold gradient CTAs */
.page-header h1 {
    color: #000 !important;
}

/* ---- TABLES  (general dark styling) ---- */
.main
    table:not(.Trending_Table_Root):not(.table1001):not(.goldd):not(.res_mob_font_width):not(.heading):not(.bnkdetails):not(.rateTable):not(.table_answer):not(.goldd1):not(.goldd2):not(.goldd3):not(
        .tt_333
    ) {
    color: #e0e0e0;
}

/* ---- MESSAGE TABLE (Message.html) ---- */
#gvData_Newss,
table.tablestyle {
    color: #e0e0e0 !important;
    background-color: transparent;
}

.rg-bank-details-panel {
    width: min(100%, 720px);
    margin: 16px auto 24px;
    color: #ffffff;
}

.rg-bank-details-panel .center-message {
    border: 1.5px solid #CC9B4F;
    border-radius: 10px;
    background: rgba(8, 10, 10, 0.96);
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    padding: 18px 12px;
}

.rg-bank-details-panel table {
    width: 100%;
}

.seo-h1-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ---- PRIVACY POLICY / DISCLAIMER TEXT ---- */
.main .container p,
.main .container li,
.main .container span:not([style]) {
    color: #e0e0e0;
}

/* Rakesh Gold website live-rate theme */
:root {
    --rg-black: #000000;
    --rg-panel: rgba(8, 10, 10, 0.96);
    --rg-gold: #f2c95e;
    --rg-gold-soft: #f4cf6c;
    --rg-gold-border: #b9872e;
    --rg-line: rgba(177, 123, 42, 0.55);
}

html,
body,
.body {
    background-color: #000 !important;
    background-image: url("../img/rakesh-theme/background-trim.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 115% 115% !important;
}

@media (max-width: 767px) {
    html,
    body,
    .body {
        background-size: 115% 9% !important;
    }
}

#iconimage {
    justify-content: center;
}

#iconimage .LogoImgWidth1,
.scroll-logo {
    object-fit: contain;
}

#iconimage .LogoImgWidth1 {
    width: min(100%, 280px);
    max-height: 120px;
}

@media (max-width: 900px) {
    #iconimage .LogoImgWidth1 {
        width: min(86%, 260px);
        max-height: 96px;
    }
}

.main .section:first-child .container {
    max-width: 1180px;
}

.div-spott {
    width: 100%;
    max-width: 920px;
    padding: 18px 14px 0 !important;
    overflow: hidden;
    box-sizing: border-box;
}

#my-tab.div_spot {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

#my-tab,
#my-tab * {
    box-sizing: border-box;
}

#my-tab .swiper-wrapper,
#my-tab .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

.divBg,
.swiper-pagination1 {
    display: none !important;
}

.rg-rate-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-items: center;
    width: 100%;
    margin: 0 auto 14px;
}

.rg-tab-btn {
    min-height: 40px;
    border: 1.5px solid var(--rg-gold-border);
    border-radius: 22px;
    color: var(--rg-gold);
    font-weight: 700;
    white-space: nowrap;
    width: 100%;
    background: rgba(10, 10, 8, 0.95);
    font-size: 12px;
    letter-spacing: 0.6px;
    cursor: pointer;
}

.rg-tab-btn.rg-tab-active {
    background: linear-gradient(135deg, #f9e077 0%, #d89b28 50%, #9d6118 100%);
    color: #1a1000;
    border-color: #c8921e;
}

@media (max-width: 520px) {
    .rg-rate-switch {
        grid-template-columns: 1fr 1fr;
    }
}

.Trending_Table_Root {
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    background: transparent !important;
    margin: 0 auto;
}

.Trending_Table_Child1,
.Trending_Table_Child2,
#gvData,
#gvData_silver,
#gvData_Unfix,
#gvData_top3,
#gvData_top3_silver,
#gvData_top3_Unfix {
    background: transparent !important;
    color: #f7e9c6 !important;
}

table.table1001 {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 8px 0 !important;
    box-sizing: border-box;
}

table.table1001 > tbody > tr {
    height: 112px !important;
}

table.table1001 > tbody > tr > td {
    height: 112px !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    min-width: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    overflow: hidden;
}

table.table1001 > tbody > tr > td:nth-child(n+4) {
    display: none !important;
}

table.goldd,
table.goldd1,
table.goldd2,
table.goldd3 {
    width: 100% !important;
    table-layout: fixed !important;
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    border: 1.5px solid var(--rg-gold-border);
    border-radius: 10px;
    background: linear-gradient(170deg, #161410 0%, #060504 100%) !important;
    overflow: hidden;
    box-sizing: border-box;
}

table.goldd td,
table.goldd1 td,
table.goldd2 td,
table.goldd3 td {
    color: #f7e9c6 !important;
    background: transparent !important;
    max-width: 100%;
    overflow: hidden;
}

.table1001 table tr:nth-child(1) td {
    height: 34px !important;
    padding: 7px 4px 2px !important;
    vertical-align: middle !important;
}

.table1001 table tr:nth-child(2) td {
    height: 38px !important;
    padding: 2px 4px !important;
    vertical-align: middle !important;
}

.table1001 table tr:nth-child(3) td {
    height: 40px !important;
    padding: 2px 4px 8px !important;
    vertical-align: middle !important;
}

td.sell {
    color: #d8d8d8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    background: transparent !important;
}

html body .main #my-tab table.table1001 td.sell {
    color: #d8d8d8 !important;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere;
}

span.top5span,
span.top55span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

span.top5sell,
span.buy_sell_label {
    color: var(--rg-gold-soft) !important;
    font-weight: 700 !important;
}

.top-rate-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.boxImg,
.boxImg1,
.top-card-img {
    display: block;
    width: 34px !important;
    height: 34px !important;
    max-width: 36px;
    max-height: 30px;
    margin: 4px auto 6px;
    object-fit: contain;
}

.boxImg1 {
    width: 34px !important;
    height: 34px !important;
    max-height: 30px;
}

img.rupee-coin-img.top-card-img {
    width: 34px !important;
    height: 34px !important;
    max-width: 36px;
    max-height: 30px;
}

span.sell,
span.bloc_GS {
    color: #c8c8c8 !important;
}

table.tt_333 {
    width: 100%;
    background: var(--rg-panel) !important;
    border: 1.5px solid var(--rg-gold-border) !important;
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    margin: 0 0 12px !important;
}

table.heading {
    width: 100%;
    background: linear-gradient(135deg, #f9e077 0%, #d89b28 50%, #9d6118 100%) !important;
    border: 0 !important;
    margin: 0 !important;
}

table.heading td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: transparent !important;
}

table.heading td span {
    color: #111 !important;
    font-weight: 700 !important;
}

table.res_mob_font_width {
    width: 100%;
    background: #090909 !important;
    border-bottom: 1px solid var(--rg-line) !important;
    border-collapse: separate !important;
    margin: 0 !important;
}

table.res_mob_font_width tr,
table.res_mob_font_width td {
    background: transparent !important;
}

table.res_mob_font_width td:first-child {
    padding-left: 18px !important;
}

#gvData,
#gvData_silver {
    --rg-commodity-icon-col: 12%;
    border: 1.5px solid var(--rg-gold-border) !important;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.rg-commodity-heading {
    display: grid;
    grid-template-columns: var(--rg-commodity-icon-col) minmax(0, 1fr) 25% 25%;
    align-items: center;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, #f9e077 0%, #d69b28 50%, #a66a18 100%);
    border: 0 !important;
    border-radius: 10px 10px 0 0;
    color: #1a0e00 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    overflow: hidden;
}

.rg-commodity-heading > div {
    min-width: 0;
    border: 0 !important;
}

.rg-heading-buy,
.rg-heading-sell {
    text-align: center;
}

.rg-heading-title {
    text-align: left;
    padding-left: 0;
}

#gvData table.tt_33,
#gvData table.tt_33 td,
#gvData_silver table.tt_33,
#gvData_silver table.tt_33 td {
    background: transparent !important;
    border: 0 !important;
}

#gvData table.tt_33,
#gvData_silver table.tt_33 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    box-sizing: border-box;
}

#gvData table.res_mob_font_width,
#gvData_silver table.res_mob_font_width {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    background: #09080a !important;
    border-bottom: 1px solid var(--rg-line) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    line-height: 1.15 !important;
    box-sizing: border-box;
}

#gvData table.res_mob_font_width > tbody > tr > td,
#gvData_silver table.res_mob_font_width > tbody > tr > td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

#gvData table.res_mob_font_width tr td:first-child,
#gvData_silver table.res_mob_font_width tr td:first-child {
    width: var(--rg-commodity-icon-col) !important;
    min-width: var(--rg-commodity-icon-col) !important;
    max-width: var(--rg-commodity-icon-col) !important;
    padding-top: 6px !important;
    padding-right: 2px !important;
    padding-bottom: 6px !important;
    padding-left: 0 !important;
    border-right: 0 !important;
}

#gvData table.res_mob_font_width tr td:nth-child(2),
#gvData_silver table.res_mob_font_width tr td:nth-child(2) {
    width: calc(50% - var(--rg-commodity-icon-col)) !important;
    padding: 8px 2px 8px 0 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

#gvData table.res_mob_font_width span.buy_sell_label,
#gvData_silver table.res_mob_font_width span.buy_sell_label {
    font-size: 14px !important;
    line-height: 1.15 !important;
    padding-left: 0 !important;
}

#gvData table.res_mob_font_width tr td:nth-child(3),
#gvData table.res_mob_font_width tr td:nth-child(4),
#gvData_silver table.res_mob_font_width tr td:nth-child(3),
#gvData_silver table.res_mob_font_width tr td:nth-child(4) {
    width: 25% !important;
}

#gvData table.res_mob_font_width tr td:nth-child(2),
#gvData table.res_mob_font_width tr td:nth-child(3),
#gvData_silver table.res_mob_font_width tr td:nth-child(2),
#gvData_silver table.res_mob_font_width tr td:nth-child(3) {
    border-right: 1px solid rgba(177, 123, 42, 0.5) !important;
}

#gvData .rg-commodity-heading + table.tt_33,
#gvData_silver .rg-commodity-heading + table.tt_33,
#gvData table.tt_33.mt-2,
#gvData_silver table.tt_33.mt-2 {
    margin-top: 0 !important;
}

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

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

.scrip-row-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px;
    object-fit: contain;
    border: 1.5px solid var(--rg-gold-border);
    border-radius: 7px;
    background: #100e08;
    padding: 3px;
}

#gvData span.sell.rate-high,
#gvData span.sell.rate-high .rate-value,
#gvData_silver span.sell.rate-high,
#gvData_silver span.sell.rate-high .rate-value {
    color: #00b050 !important;
}

#gvData span.sell.rate-low,
#gvData span.sell.rate-low .rate-value,
#gvData_silver span.sell.rate-low,
#gvData_silver span.sell.rate-low .rate-value {
    color: #ff2b2b !important;
}

#gvData table.res_mob_font_width span.top55span[style*="color:green"],
#gvData_silver table.res_mob_font_width span.top55span[style*="color:green"] {
    background: green !important;
    color: #ffffff !important;
    padding: 2px 10px !important;
    border-radius: 2px !important;
}

#gvData table.res_mob_font_width span.top55span[style*="color:red"],
#gvData_silver table.res_mob_font_width span.top55span[style*="color:red"] {
    background: red !important;
    color: #ffffff !important;
    padding: 2px 10px !important;
    border-radius: 2px !important;
}

#gvData table.res_mob_font_width span.top55span,
#gvData_silver table.res_mob_font_width span.top55span {
    font-size: clamp(14px, 2.35vw, 20px) !important;
    line-height: 1 !important;
}

.marquee {
    background-color: #d8a12b !important;
    background-image: linear-gradient(90deg, #f9df70 0%, #d8a12b 45%, #9d6118 100%) !important;
    color: #000000 !important;
    border: 1px solid #f3cf63 !important;
    overflow: hidden;
    padding: 2px 0;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
}

.marquee p,
.marquee a,
.marquee span,
.marquee div {
    color: #000000 !important;
}

body.live-rates-page .right-app-cover {
    width: 100%;
    float: none;
    padding: 0 8px;
    box-shadow: 1px 1px 5px 0 #000;
    border-radius: 10px;
    background: transparent;
}

body.live-rates-page .right-app-details {
    border-radius: 10px;
    margin: 5px 0 6px;
    border: 4px groove #fff;
}

body.live-rates-page .app-available,
body.live-rates-page .adrs {
    padding: 4px 0;
}

body.live-rates-page .adrs {
    border-top: 1px solid #CC9B4F;
    margin-top: 6px;
}

body.live-rates-page .booking {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
}

body.live-rates-page .right-app-details h4 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 4px;
    padding: 4px 0 !important;
}

body.live-rates-page .anroid-app-cover,
body.live-rates-page .ios-app-cover {
    display: inline-block;
    width: 48%;
    text-align: center;
}

@media (max-width: 520px) {
    .main .section:first-child .row {
        margin-left: 0;
        margin-right: 0;
    }

    .div-spott {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.live-rates-page #my-tab {
        width: 128% !important;
        max-width: 128% !important;
        transform: scale(0.78);
        transform-origin: top left;
    }

    table.table1001 {
        width: 100% !important;
        max-width: 100% !important;
        border-spacing: 4px 0 !important;
        display: block !important;
    }

    table.table1001 > tbody {
        display: block !important;
        width: 100% !important;
    }

    table.table1001 > tbody > tr {
        display: flex !important;
        width: 100% !important;
        gap: 4px;
    }

    table.table1001 > tbody > tr > td {
        display: block !important;
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    table.goldd,
    table.goldd1,
    table.goldd2,
    table.goldd3 {
        height: 112px !important;
        min-height: 112px !important;
        max-height: 112px !important;
    }

    .table1001 table tr:nth-child(1) td {
        height: 36px !important;
        padding: 6px 3px 2px !important;
    }

    .table1001 table tr:nth-child(2) td {
        height: 36px !important;
        padding: 2px 3px !important;
    }

    .table1001 table tr:nth-child(3) td {
        height: 40px !important;
        padding: 2px 3px 8px !important;
    }

    .top-rate-title {
        max-width: 100%;
        gap: 3px;
        overflow: hidden;
    }

    .boxImg,
    .boxImg1,
    .top-card-img {
        width: 24px !important;
        height: 24px !important;
    }

    span.top5span,
    span.top55span {
        font-size: 17px !important;
    }

    span.top5sell,
    span.buy_sell_label,
    span.sell,
    span.bloc_GS {
        font-size: 9px !important;
    }

    .GoldRtae2 td {
        font-size: 9px !important;
        white-space: nowrap;
    }

    table.heading,
    table.tt_333,
    table.res_mob_font_width {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        box-sizing: border-box;
    }

    table.heading > tbody > tr,
    table.res_mob_font_width > tbody > tr {
        display: grid !important;
        grid-template-columns: 40% 30% 30%;
        width: 100% !important;
        align-items: center;
    }

    table.heading > tbody > tr > td,
    table.res_mob_font_width > tbody > tr > td {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden;
    }

    table.heading td:first-child,
    table.res_mob_font_width td:first-child {
        width: 40% !important;
    }

    table.heading td:nth-child(2),
    table.heading td:nth-child(3),
    table.res_mob_font_width td:nth-child(2),
    table.res_mob_font_width td:nth-child(3) {
        width: 30% !important;
    }

    table.res_mob_font_width td:first-child {
        padding-left: 12px !important;
    }

    table.res_mob_font_width .top55span {
        display: inline-block !important;
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.15 !important;
        padding: 0 !important;
        white-space: nowrap;
    }

    table.res_mob_font_width span.sell {
        display: block !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        white-space: normal;
    }

    html body .main #my-tab table.res_mob_font_width td span.top55span {
        display: inline-block !important;
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1 !important;
        padding: 0 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .rg-tab-btn {
        font-size: 11px;
        letter-spacing: 0;
    }

    table.heading td span {
        font-size: 14px !important;
    }

    table.heading > tbody > tr > td:first-child {
        overflow: visible;
    }

    #gvData .rg-commodity-heading,
    #gvData_silver .rg-commodity-heading {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 12% 30% 29% 29%;
        min-height: 32px !important;
        font-size: 12px !important;
        box-sizing: border-box;
    }

    #gvData,
    #gvData table.tt_33,
    #gvData table.res_mob_font_width,
    #gvData_silver,
    #gvData_silver table.tt_33,
    #gvData_silver table.res_mob_font_width {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    #gvData table.res_mob_font_width > tbody > tr,
    #gvData_silver table.res_mob_font_width > tbody > tr {
        display: grid !important;
        grid-template-columns: 12% 30% 29% 29%;
        width: 100% !important;
        align-items: center;
    }

    #gvData table.res_mob_font_width > tbody > tr > td,
    #gvData_silver table.res_mob_font_width > tbody > tr > td {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        overflow: hidden;
    }

    #gvData table.res_mob_font_width > tbody > tr > td:first-child,
    #gvData_silver table.res_mob_font_width > tbody > tr > td:first-child {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-top: 4px !important;
        padding-right: 1px !important;
        padding-bottom: 4px !important;
        padding-left: 0 !important;
    }

    #gvData table.res_mob_font_width > tbody > tr > td:nth-child(2),
    #gvData_silver table.res_mob_font_width > tbody > tr > td:nth-child(2) {
        padding: 6px 1px 6px 0 !important;
    }

    #gvData table.res_mob_font_width > tbody > tr > td:nth-child(2),
    #gvData table.res_mob_font_width > tbody > tr > td:nth-child(3),
    #gvData table.res_mob_font_width > tbody > tr > td:nth-child(4),
    #gvData_silver table.res_mob_font_width > tbody > tr > td:nth-child(2),
    #gvData_silver table.res_mob_font_width > tbody > tr > td:nth-child(3),
    #gvData_silver table.res_mob_font_width > tbody > tr > td:nth-child(4) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #gvData .scrip-row-icon,
    #gvData_silver .scrip-row-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px;
        padding: 2px !important;
        margin: 0 auto;
    }

    html body .main #my-tab #gvData table.res_mob_font_width td span.top55span,
    html body .main #my-tab #gvData_silver table.res_mob_font_width td span.top55span {
        font-size: 13px !important;
        line-height: 1 !important;
        padding: 0 !important;
    }

    #gvData table.res_mob_font_width span.sell,
    #gvData table.res_mob_font_width .rate-value,
    #gvData_silver table.res_mob_font_width span.sell,
    #gvData_silver table.res_mob_font_width .rate-value {
        font-size: 7px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 767px) {
    .main .section:first-child .container,
    .col-lg-9.col-md-12.col-xs-12.div-spott,
    .div-spott,
    .col-md-8.col-xs-12.div_spott,
    .col-md-8.col-xs-12.offset-md-2.div_spott {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #my-tab .swiper-wrapper,
    #my-tab .swiper-slide,
    #my-tab .swiper-slideTrending {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.live-rates-page #my-tab {
        /* width: calc(100vw - 12px) !important; */
        /* max-width: calc(100vw - 12px) !important; */
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.live-rates-page #my-tab #gvData,
    body.live-rates-page #my-tab #gvData_silver {
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.live-rates-page #my-tab .Trending_Table_Root,
    body.live-rates-page #my-tab table.table1001,
    body.live-rates-page #my-tab #gvData table.tt_33,
    body.live-rates-page #my-tab #gvData_silver table.tt_33,
    body.live-rates-page #my-tab #gvData table.res_mob_font_width,
    body.live-rates-page #my-tab #gvData_silver table.res_mob_font_width {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

}

#gvData_top3 table.table1001,
#gvData_top3_silver table.table1001 {
    table-layout: fixed !important;
}

#gvData_top3 table.table1001 > tbody > tr,
#gvData_top3_silver table.table1001 > tbody > tr,
#gvData_top3 table.table1001 > tbody > tr > td,
#gvData_top3_silver table.table1001 > tbody > tr > td {
    height: 112px !important;
    max-height: 112px !important;
}

#gvData_top3 table.table1001 table.goldd,
#gvData_top3_silver table.table1001 table.goldd {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
}

#gvData_top3 table.table1001 .top-card-img,
#gvData_top3_silver table.table1001 .top-card-img,
#gvData_top3 table.table1001 .boxImg,
#gvData_top3_silver table.table1001 .boxImg,
#gvData_top3 table.table1001 .boxImg1,
#gvData_top3_silver table.table1001 .boxImg1,
#gvData_top3 table.table1001 .rupee-coin-img,
#gvData_top3_silver table.table1001 .rupee-coin-img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    margin: 3px auto 6px !important;
    object-fit: contain !important;
}

html body .main #my-tab #gvData table.res_mob_font_width td span.top55span[style*="color:green"],
html body .main #my-tab #gvData_silver table.res_mob_font_width td span.top55span[style*="color:green"] {
    background: green !important;
    color: #ffffff !important;
    font-size: clamp(13px, 2.35vw, 20px) !important;
    line-height: 1 !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
}

html body .main #my-tab #gvData table.res_mob_font_width td span.top55span[style*="color:red"],
html body .main #my-tab #gvData_silver table.res_mob_font_width td span.top55span[style*="color:red"] {
    background: red !important;
    color: #ffffff !important;
    font-size: clamp(13px, 2.35vw, 20px) !important;
    line-height: 1 !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
}

/* Same box size for the "unchanged" state so the badge/table doesn't grow or
   shrink when a rate flips between up (green), down (red) and unchanged. */
html body .main #my-tab #gvData table.res_mob_font_width td span.top55span,
html body .main #my-tab #gvData_silver table.res_mob_font_width td span.top55span {
    display: inline-block !important;
    font-size: clamp(13px, 2.35vw, 20px) !important;
    line-height: 1 !important;
    padding: 2px 8px !important;
    border-radius: 2px !important;
}