@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap');

body {margin: 0px;padding: 0px;line-height: normal;font-family: 'Source Sans Pro', sans-serif;background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url(../images/bg.png);}


* {margin: 0px; padding: 0px; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 {margin: 0px; }
p {margin: 0px; }

.logo {text-align: center;width: 100%;display: block;position: fixed;margin: 0 auto; z-index: -1;top: 194px;}
.logo .main {display: inline-block;}
.logo .main img {display: inline-block; width: 100%;}
.header-logo {display: inline-block; width: 100%; text-align: center; }
.header-logo a {display: inline-block;}
.header-logo a img {display: inline-block; width: 100%; object-fit: cover; object-position: center;}

/*liverate*/
  /* header */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 4px !important;
    padding-left: 4px !important;
}
.menu-header h4 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  right: 39%;
  font-size: 18px;
  padding-top: 8px;
}
.header-top-marquee {display: inline-block;width: 100%;background: #c2a750;}
.header-top-marquee marquee {font-size: 18px;font-weight: 500;padding-top: 4px;text-transform: capitalize;color: #000;font-weight: 500;}
.menu-header{display: inline-block;width: 100%;position: relative;padding: 8px 0;background: #000;}
.menu-header .navbar-collapse {justify-content: right; }
.menu-header a.navbar-brand {margin: 0;display: inline-block;}
.menu-header a.navbar-brand img {display: inline-block; width: 100%; object-fit: cover; object-position: center; }
.menu-header li {margin-right: 5px; }
.menu-header li a {text-transform: capitalize;color:#c2a750 !important;position: relative;transition: 0.4s;z-index: 1;}
.menu-header li a:hover{color: #000 !important}
.menu-header li a:before {position: absolute;content: '';border-radius: 4px;transition: 0.4s;z-index: -1;width: 0%;height: 100%;background:-webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);top: 0;left: 0;}
.menu-header li a:hover:before{width: 100%}
.menu-header a.nav-link i {padding-right: 4px; }
.menu-header li a.active {background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);border-radius: 4px;color: #000000 !important;}  


.menu-header a.navbar-brand img {display: inline-block; width: 100%; object-fit: cover; object-position: center;  }
p.footer-company-name.text-right {width: 50%; display: inline-block;}
.starline img{width:20px;border-radius:50px}
.navbar-nav .nav-link{    font-weight: 600;}
.menu-header li:nth-child(7) {margin-right: 0; }
.l{background: #dc0000;color: #fff !important;/* padding: 1px 8px; */border-radius: 4px;}
.h{background: #016001;color: #fff !important;/* padding: 1px 7px; */border-radius: 4px;}
table{width: 100%; margin: 0 !important;}
.p-h.p0 {width: 32%;border: none;}
.p-h.ph {width: 17%;text-align: center;}
td{font-size: 22px; font-weight: 600; border-top: 0px !important}


/*gold-spot-cover*/
.gold-spot-cover {display: inline-block; width: 100%;}
.gold-spot-cover .gold-cover-tittle {position: relative;text-align: center;border: 1px solid #b6a579;padding-top: 25px;background: #000;}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover:before {width: 37%;height: 3px;background: #c3a34d;top: 105px;left: 0;}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover:after {position: absolute;width: 37%;height: 3px;background: #c3a34d;top: 105px;right: 0;}
.gold-spot-cover .gold-cover-tittle p.spot-mainall {    font-size: 16px;
  margin-bottom: 0px;
  text-align: center;
  color: #000;
  position: absolute;
  background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);
  display: initial;
  padding: 3px 30px;
  left: 3%;
  top: -12px;
  border-radius: 50px;
  font-weight: 600;
  width: 95%;}
.product-title-color span {font-weight: 600;font-size: 18px;color: #000;}
.gold-spot-cover .gold-cover-tittle .cover_bs {
    display: inline-block;
    width: 100%;
}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover {display: inline-block;width: 100%;text-align: center;}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover .rating-cover {display: inline-block;width: 50%;float: left;padding-right: 10px;position: relative;}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover .rating-cover:nth-child(2) {padding-left: 10px;}
.gold-spot-cover .gold-cover-tittle .cover_bs .buy-sell-cover .rating-cover h6 {font-size: 17px;margin-bottom: 10px;font-weight: 600;color: #c2a750;}

.gold-spot-cover .gold-cover-tittle .cover_bs .hl-rate-cover {display: -webkit-box;margin-top: 4px;/* border-top: 1px solid #07403c; */padding: 4px 0;background: #000;}
.gold-spot-cover .gold-cover-tittle .cover_bs .hl-rate-cover p {font-size: 16px;font-weight: 500;text-align: center;color: #c2a750;width: 50%;}
span.bgm {color: #fff;font-size: 30px;padding: 0 5px;}
.rating-cover h5 {color: #fff;font-size: 25px;font-weight: bold;}
 /*liverate-cover*/
.liverate-cover {display: inline-block; width: 100%;}
.liverate-cover .main-product {display: inline-block;width: 100%; position: relative;}
.liverate-cover .main-product::after{
   background: url(../images/firm-logo.png);
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   z-index: 999;
   position: absolute;
   top: 13%;
   z-index: -1;
   opacity: 0.1;
   height: 84%;
   width: 50%;
   left: 25%;
   background-position: center;
   background-attachment: fixed;
   }

.liverate-cover .main-product div#divHeader {display: inline-block;width: 100%;margin-top: 8px;padding: 4px 0;background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);}
.liverate-cover .main-product div#divHeader td.p-h.p0 {padding: 0 0 0 20px;}
.liverate-cover .main-product div#divHeader td.p-h.ph.text-center { padding: 0;}
.liverate-cover .main-product div#divProduct {display: inline-block;width: 100%;color: #fff;}

.liverate-cover .main-product div#divProduct .content-cover {display: inline-block;width: 100%;padding: 5px 0;border: 1px solid #b6a579;background: #000;;}
.liverate-cover .main-product div#divProduct .content-cover td.p-h.p0 h3 {font-size: 22px;font-weight: 600;padding-left: 20px;color: #c2a750;}
.liverate-cover .main-product div#divProduct .content-cover input[type="button"] {background:-webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);border: none;padding: 7px 21px;font-size: 18px;color: #000;border-radius: 4px;}
span.bgs.hl {display: block;font-size:15px;color: #c2a750;padding: 7px 0;}
.gold-spot-cover.desinround p.spot-mainall{}

.gold-spot-cover.desinround .col-md-2 {
  display: inline-block;
  float: inherit;
  max-width: 20%;
  float: left;
  padding: 0px 3px;
}
@media screen and (max-width: 938px){
.gold-spot-cover.desinround .col-md-2 {
    max-width: 33%;
    float: left;
    margin-bottom: 10px;}
}
@media screen and (max-width: 600px){.gold-spot-cover.desinround .col-md-2 {max-width: 50%;}}
/*footer#dk-footer*/
footer#dk-footer {display: inline-block;width: 100%;background: #000;color: #000;margin-top: 50px;width: 100%;float: left;}
footer#dk-footer .main {display: inline-block;width: 100%;text-align: center; margin-top: 20px;}
footer#dk-footer .main h4 {font-size: 22px;font-weight: 600;color: #c2a750;}
footer#dk-footer .main ul {display: inline-block; width: 100%; margin: 0;}
footer#dk-footer .main ul li {list-style: none;display: inline-block;font-size: 18px;font-weight: 600;color: #fff;}
footer#dk-footer .main ul li.add {padding: 0 14px;}
footer#dk-footer .main a {display: inline-block;width: 34%;}
footer#dk-footer .main a img {display: inline-block;width: 100%;object-fit: cover;object-position: center;border: 1px solid #464646;}
footer#dk-footer .main p {font-size: 18px;font-weight: 500;color:#fff;}
footer#dk-footer .cover-copyright {display: inline-block;width: 100%;background: #1c1c1c;padding: 6px 0px 4px;margin-top: 26px;}
footer#dk-footer .cover-copyright .cover-copyright-tittle {display: inline-block;width: 49%;}
footer#dk-footer .cover-copyright .cover-copyright-tittle h6 {font-size: 16px;color: #c2a750;font-weight: bold;}
footer#dk-footer .cover-copyright a.starline {font-size: 14px;color: #fff;font-weight: bold;}

/*about-us*/
.header {text-align: center;}
.title-wth.title-name {color: #c2a750; font-size: 24px; margin: 10px 0; font-weight: 600;}
.bank-cover p {line-height: 27px; margin: 0px; display: block; float: left; font-size: 16px; width: 100%; margin-bottom: 10px; color: #000000;}

/*update*/
.date-picker {text-align: right;}
.date-picker input[type="text"] {border:1px solid #c2a750;height: 33px;border-radius: 2px;color: #000;font-size: 12px;width: 145px;padding-left: 7px;margin-bottom: 15px;font-weight: bold;}
.date-picker input[type="button"] {cursor: pointer;background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);border-radius: 3px;color: #000;padding: 4px 16px;font-size: 16px;border: 0;}
.up-cover {margin-bottom: 10px;padding: 10px;width: 100%;float: left;border-radius: 0;box-shadow: 3px 3px 8px 0px #00000036;background:#000;border: 1px solid #b6a579;}
.update-date-cover h2 {font-size: 22px;text-align: center;margin: 0;padding: 10px 0px;background:-webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);border-radius: 0;color: #000;width: 100%;float: left;}
.update-date-cover h2 p {display: inline-block;margin-left: 14px;font-size: 16px;margin-bottom: 0;color: #000;}
.update-title h4 {margin: 10px 0px; width: 100%; float: left; color:#c2a750; font-size: 24px; font-weight: bold;}
.update-title p {width: 100%; float: left; font-size: 18px; letter-spacing: 0; color: #fff;}
#divNews h1{color:#c2a750;}
.ui-widget-content a{font-size: 15px;}
/*economic-calender*/
.main-cover {margin-top: 30px;}

/*bank-detail*/
.mar-btm {margin-bottom: 15px; float: left; width: 100%;}
.bank-img {float: left; margin-bottom: 10px;}
.img-thumbnail {width: 100%; border: 0px; border-radius: 0px; padding: 0px;}
.tg-contentbox {background: #000;float: left;width: 100%;min-height: 201px;box-shadow: -1px 2px 2px 0 #00000063;border: 1px solid #b6a579;}
.tg-contentbox .ban1 {width: 35%; font-size: 13px; color: #fff; border-color: #000; padding: 10px 0px 10px 5px; font-weight: 500;}
.b_bott {float: right; font-size: 13px; color: #fff; border-color: #fff;}
.tg-contentbox .ban3 {width: 65%; font-size: 13px; color: #fff; border-color: #000; padding: 10px 0px 10px 5px; font-weight: 500;}


/*contact-detail*/
.cnt-detail-cover {text-align: center;border-radius: 4px;width: 100%;float: left;padding-bottom: 0;}
.bank-cover p {line-height: 27px;margin: 0px;display: block;float: left;font-size: 16px;width: 100%;margin-bottom: 10px;color: #e2b10d;box-shadow: 3px 3px 8px 0px #00000036;}
.cnt-detail-cover p i {font-size: 24px;margin-top: 8px;margin-bottom: 10px;height: 42px;width: 42px;text-align: center;line-height: 42px;color: #000;border-radius: 30px;background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);display: inline-block;}
.cnt-detail-cover p strong {display: block;margin-bottom: 10px;font-size: 20px;color:#c2a750;}
.cnt-detail-cover p span {color: #fff;font-size: 16px;width: 100%;display: block;}
.feedback-cover1 {padding: 10px;box-shadow: 1px 1px 4px #00000059;border: 1px solid #b6a579;background: #000;}
.feedback-cover {background: #000;}
.cnt-title {text-align: center; background: #f89d13; border-radius: 4px;}
.cnt-title h2 {margin: 0;padding: 10px 0px;color: #000;border-radius: 4px;background: -webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);}
 #contact-form .form-group {margin-top: 10px; width: 100%;}
.for-img-look label {background: #0000; margin-bottom: 0px; color: #000;}
.form-control {border: 1px solid #cecece;letter-spacing: 0;box-shadow: 1px 1px 4px #00000059;}
.bank-cover p {line-height: 27px;margin: 0px;border:1px solid #b6a579;padding: 10px;display: block;float: left;font-size: 16px;width: 100%;margin-bottom: 10px;color: #fff;background: #000;}
.thm-btn.bgclr-1 {padding: 7px 24px;letter-spacing: 0;background:-webkit-linear-gradient(top, #b5913b, #FDE08D, #b5913b);border-radius: 3px;color: #000;transition: 0.5s;border: 1px solid #142527;cursor: pointer;}

/*add-banner*/
.add-banner img {width: 45%; margin-top: 3%;}
.cross {position: absolute; right: 26%; top: 3%; }
.add-banner .cross span {color: #000; height: 40px; width: 40px; background: #fff; display: block; font-size: 29px; line-height: 36px; border-radius: 50%; text-align: center; opacity: 0.7; }
.add-banner {background: #000000a1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; text-align: center; }

/*pop-up-css*/
.pop-up-cover {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999; background: #000000b8;}
.pop-up-cover .pop {position: absolute; top: 39%;left: 5%;right: 5%;background: #000;padding: 10px 20px; border-radius: 5px; border: 2px solid #d8bb6d;}
.pop-text {position: relative;}
.pop-text a {position: absolute;right: 10px;color:#C2A753;}
.pop-text h4 {font-size: 26px;font-weight: bold;color:#C2A753; padding-right: 41px;}
.pop-text p {margin: 0;font-weight: bold;font-size: 18px;  color: #ffffff;margin-top: 9px;}
.pop-logo {display: inline-block;width: 100%;}
.pop-logo img {display: inline-block;}
.rating-cover h5 span {padding: 0 5px;}
@media screen and (max-width:768px){
.pop-logo img{width:100%}}



@media screen and (max-width:1180px){
  .rating-cover h5 {
    font-size: 18px;
}
}




