@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap');
/*  Base CSS Start */
:root {
  --headerbg: #F9F6F1;
  --white: #ffffff;
  --bgbody: #F9F6F1;
  --black: #1C1C1C;
  --bodytext: #4B4B4B;
  --bg-gray: #F9F6F1;
  --green-bg:#008000;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --rate-color: #C3922C;
  --blue-color: #EF6C00;
  --dark-gray:#1A202C;
  font-size: 14px;
  --font-head:"Aleo", serif;;
  --font-body: "Open Sans", sans-serif;
  --gold-bg:#996868;
  --gold-color:#C3922C;
  --gold-color15:#C3922C40;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;}
body::-webkit-scrollbar{width:10px;background:rgb(var(--bgbody));}
body::-webkit-scrollbar-track{background:rgb(var(--bgbody));}
body::-webkit-scrollbar-thumb{background:var(---primary-100);width:4px;border-radius:2px;}

/* Body and Heading Fonts */
body{color:var(--black);background:var(--bgbody);font-weight:400;font-size:1rem;font-family:var(--font-body);line-height:normal;}
h1,h2,h3,h4,h5,h6,button,.btn,li,a{font-style:normal;}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-family:var(--font-head);font-weight:700;margin-bottom:24px;}
p{line-height:1.5;}
a{text-decoration:none;color:#C3922C}
a:hover,a:focus,a:active{outline:none;text-decoration:none;}
li{margin-bottom:8px;list-style-type:square;}
h1{font-size:1.938rem;}
h2{font-size:1.875rem;}
h3{font-size:1.5rem;}
h4{font-size:1.125rem;}

/* Common CSS */
.bg-gray{background-color:var(--bg-gray);}
section{padding:50px 0;}
/* Button */

/* Navbar */

.navbar-brand a img{width:160px;height:auto;}
.nav-item{list-style:none;margin:0;padding:0 15px;}
.nav-link{--bs-nav-link-font-size:18px;--bs-nav-link-font-weight:500;display:inline-block;text-align:center;position:relative;padding:0;color:var(--bg-gray);}
.navbar-expand-lg .navbar-nav .nav-link{padding:0;}
.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{color:var(--white);}
.navbar-nav .nav-link:hover:after{background-color:var(--white);}
.nav-item .nav-link:after{content:'';width:100%;height:2px;background-color:transparent;position:absolute;top:100%;left:0;}
.nav-item.active .nav-link:after{background-color:var(--white);}
.headerwrap{background-color:var(--black);}
.navbar-expand .navbar-nav .nav-link{padding:0;}
.bodywrap{position:relative;}

.img-res{display:block;max-width:100%;height:auto;}



/*New Design CSS*/

.font-bold{font-weight:700;}
.text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-2xl{}

.headerwrap .container,
.hero-container .container{max-width: 80%;}

.hero-container{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);position:relative;overflow:hidden;padding:40px 0;display:flex;align-items:center;min-height:400px;}

.hero-container h1{font-size:3.5rem;}
.hero-container h1 span{color:var(--gold-color);}
.premium-box{border-radius:12px;background:white;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;min-height:300px;max-width:80%;margin:0 auto;padding:30px;}
.premium-box:hover{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);transform: translateY(-5px);}
.premium-box h2{text-align: center;font-size: 30px;color: var(--bodytext);font-weight: 700;}
.premium-box h2 span{display: block;font-size: 13px;color: var(--gold-color);}
.p-rate-box{display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
.p-rate-box .inner-box{background-color:var(--bgbody);padding: 20px;text-align: center;border-radius: 10px;display:flex;flex-wrap: wrap;align-items: center;}
.p-rate-box .inner-box > span.icons{width:25px;height:25px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;background-color:var(--gold-color15);font-size:11px;color:var(--gold-color);margin-right: 5px;margin-bottom: 5px;}
.p-rate-box .inner-box > span.title{width:calc(100% - 30px);font-size:14px;font-weight: 700;white-space: nowrap;text-align: left;margin-bottom: 5px;}
.p-rate-box .inner-box > span.title small{display: block;font-size: 10px;font-weight: 300;}
.p-rate-box .inner-box > span.price{width: 100%;font-size: 20px;font-weight: 700;padding:5px 0;text-align: center;color: var(--gold-color);}
.p-rate-box .inner-box > span.price small{display: block;font-size: 11px;font-weight:200;color: var(--black);}


.cal-sec{padding:50px 0;}
.cal-sec h2{text-align: center;font-size: 2.2rem;}
.cal-sec h2 span{color: var(--gold-color);}
.cal-sec .sub-title{text-align: center;}

.calc-p-box{max-width: 100%;margin-top:30px;padding:0;overflow: hidden;background-color:#fff;box-shadow: none;border-radius: 0;}
.calc-p-box .nav-tabs{border:0;border-radius:0;margin:0;padding-bottom: 0;}
.calc-p-box .nav-tabs .nav-item{width:50%;padding:0;margin:0;border:0;border-radius: 0;}
.calc-p-box .nav-tabs .nav-item .nav-link{display:flex;width: 100%;min-height:60px;padding: 0 15px;justify-content: center;align-items: center;border:0;border-top:4px solid transparent;color:var(--dark-gray);border-radius: 0;font-weight:400;background-color:#f1f1f1;}
.calc-p-box .nav-tabs .nav-item .nav-link i{width:25px;height:25px;border-radius: 100%;display: inline-flex;justify-content: center;align-items: center;background-color:var(--gold-color15);font-size:11px;color:var(--gold-color);margin-right: 5px;margin-bottom:0px;}
.calc-p-box .nav-tabs .nav-item + .nav-item .nav-link{}
.calc-p-box .nav-tabs .nav-item .nav-link:hover,
.calc-p-box .nav-tabs .nav-item .nav-link:active,
.calc-p-box .nav-tabs .nav-item .nav-link:focus,
.calc-p-box .nav-tabs .nav-item .nav-link.active{color: var(--gold-color);}
.calc-p-box .nav-tabs .nav-item .nav-link.active{font-weight:700;background-color:#fff;border-top-color:var(--gold-color);}
.tab-content{padding:20px;}
.g-txt{color: var(--green-bg);margin-bottom:15px;display: block;}
.form-check{position: relative;display: inline-flex;justify-content: center;align-items:center;padding:0;padding-right: 5px;}
.form-check input.form-check-input{width:20px;height:20px;border-radius:100%;margin:0;margin-right:8px;border:1px solid #c2c2c2;}
.form-check input.form-check-input:focus{box-shadow:none;}
.form-check input.form-check-input:checked{background-color:var(--gold-color);border-color:var(--gold-color);}
.form-check .form-check-label{display: inline-flex;position:relative;cursor:pointer;line-height: 1;}
/*.form-check .form-check-label:before{content:'';width:20px;height:20px;border-radius:100%;position: absolute;left:-5px;top:0;border:1px solid #c2c2c2;}
.form-check .form-check-label:after{content:'';width:10px;height:10px;border-radius: 100%;position: absolute;left:0px;top:5px;background-color: transparent;}
.form-check .form-check-input:checked ~ .form-check-label:before{border-color:var(--gold-color);}
.form-check .form-check-input:checked ~ .form-check-label:after{background-color: var(--gold-bg);}*/

.col-form-label.sc-type{font-size: 18px;}
.col-form-label .tooltip{position:relative;display:inline-flex;cursor:help; opacity: 1;padding-left: 5px;}
.col-form-label .tooltip i{color:#9ca3af;font-size: 1rem;}
.col-form-label .tooltip svg{width: 15px;height: 15px;}
.col-form-label .tooltip svg path{fill:#000;}
.col-form-label .tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#2D3748;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s;font-size:0.875rem;}
.col-form-label .tooltip:hover .tooltip-text {visibility: visible;opacity: 1;}

.newgoldfields h5{margin-bottom:10px;}
.form-group small{font-size: 12px;font-weight: 300;}
.form-group .form-control{border: none;padding: 12px 16px;border:2px solid #E2E8F0;border-radius: 8px;}
.form-group .input-group .select-input{border:2px solid #E2E8F0;border-radius: 8px;padding:12px 16px;background-color: #F1F5F9;appearance:none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234A5568' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position: calc(100% - 12px) center;background-repeat: no-repeat;padding-right: 32px;}
.form-group .input-group .select-input:focus{box-shadow: none;outline: none;}
.form-group .selectbox{border:2px solid #E2E8F0;border-radius: 8px;padding:12px 16px;background-color:#fff;appearance:none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234A5568' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position: calc(100% - 12px) center;background-repeat: no-repeat;padding-right: 32px;}

.submitBtn{text-align:center;padding-top:30px;}
.submitBtn .btn-submit{width:100%;min-height:50px;background-color:var(--blue-color);border-radius:8px;padding:5px 20px;display:inline-flex;justify-content:center;align-items:center;font-size:1.25rem;color:var(--white);border:0;transition: all 0.3s ease;}
.submitBtn .btn-submit:hover{transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}


.newgoldfields{padding-top:0px;}
.exchangeFields{padding-bottom: 20px;border-bottom: 2px solid #9ca3af;margin-bottom:30px;}
/*.exchangeFields{padding-top:20px;}*/
.exchangeFields hr{width: 100%;height: 2px;background-color:#9ca3af;margin:20px 0 10px;padding:0;border:0; }


.resultContainer{padding-top:20px;padding-bottom: 20px;}

.result-total{text-align: center;margin-bottom:25px;margin-top: 20px;}
.result-total h3{line-height: 1.2;margin-bottom:5px;}
.result-total .t-value{display: flex;justify-content: center;font-size:2.25rem;line-height:1;font-weight: 700;color: var(--gold-color);}
.result-total .t-value>span{font-size:1.5rem;line-height:2rem;font-weight:700;}
.resultDetails .price-border{padding:5px 0;border:1px solid var(--dark-gray);border-left:0;border-right:0;margin:5px 0;line-height: 1;}
.resultDetails > div{align-items: center;}
.resultDetails > div span.rate{font-size:1.2rem;color: var(--gold-color);font-weight:400;}


.halmark h2{text-align: center;font-size: 2.2rem;}
.halmark h2 span{color: var(--gold-color);}
.halmark p{text-align: center;}

.sample-detail{text-align: center;padding:30px 0;}
.sample-detail p{font-size: 15px;color: var(--bodytext);margin-bottom: 20px;}
.sampleid{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.sampleid a{display:inline-flex;padding:8px 15px;align-items: center;font-size:1.5rem;margin:0 15px;border:1px solid var(--rate-color);margin-bottom:10px;transition: all 0.3s ease;}
.sampleid a:hover{background-color: var(--rate-color);color: var(--white);box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);transform: translateY(-2px);}
.sampleid a i{font-size: 1rem;padding-left:5px;}

.hm-result{padding:0px;}
.hm-result .rs-sec{display: flex;justify-content: space-between;padding:0px 0;align-items: center;margin:-1px 0 0 0;}
.hm-result .rs-sec>span{background-color:transparent;border-bottom:0px solid #c2c2c2;box-shadow: none;display: flex;width: 50%;align-items:flex-start;font-size: 1rem;font-weight: 300;padding:8px;}
.hm-result .rs-sec>span:last-of-type{text-align:right;justify-content:flex-end;font-size: 1.2rem;color: var(--gold-color);font-weight: 400;}
.rightads{float:right;position:-webkit-sticky;position:sticky;top:20px;margin-right:25px;z-index:999;width:180px;}
.leftads{float:left;position:-webkit-sticky;position:sticky;top:20px;margin-left:25px;z-index:999;width:180px;}
.leftads img{width:100%;}
.rightads img{width:100%;}
.ftads{width:50%;min-height:250px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto 50px;}
.ftads img{width:100%;object-fit:cover;}


.sponsersec{position: relative;padding-top:50px;}

.sponsersec h2{text-align: left;}
.sp-cards{border-radius: 12px;background:var(--white);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;overflow: hidden;transition: all 0.3s ease;cursor: pointer;}
.sp-cards .card-body{min-height:110px;display: flex;align-items: center;}
.sp-cards .card-body h3{margin:0;}
.sp-cards:hover{box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);transform: translateY(-5px);}


.contactsec{padding-bottom:15px;}
.contactsec h2{text-align: center;margin-bottom: 15px;font-size: 2.5rem;}
.contactsec p{text-align: center;margin-bottom: 30px;}
.contactsec .premium-box{margin:0;max-width: 100%;height: 100%;}
.contactsec .premium-box h3{font-size: 1.5rem;padding-bottom:5px;border-bottom: 1px solid #f1f5f9;margin-bottom: 15px;}
.c-info-box .c-info{margin-bottom: 15px;}
.c-info-box .c-info .icons{width:30px;display: inline-flex;font-size: 1.2rem;justify-content: center;padding-top: 5px;}
.c-info-box .c-info .content{width: calc(100% - 30px);}
.c-info-box .c-info .content strong{display: block;font-size:1.1rem;}
.c-info-box .c-info .content p{font-size:1rem;text-align: left;}
.c-info-box .c-info .content p a{color:var(--bodytext);}
.c-info-box .c-info .content p a:hover{color: var(--gold-color);text-decoration:underline;}

.livepricetrands{background-color:#fff;padding:40px 0;}
.livepricetrands .premium-box{max-width:100%;margin:0;}

.top-adbanner{margin:30px auto 30px;border-radius: 12px;overflow: hidden;}
.youtube-ad-footer{margin:50px 0;border-radius: 12px;overflow: hidden;}
.youtube-ad-left > iframe{width:100%;height:500px;}

/*.youtube-ad-left{width:40%;margin:0 auto 30px;}*/
.youtube-ad-right > iframe{width:100%;height:500px;}

/*.youtube-ad-right{width:40%;margin:0 auto 30px;}*/
.youtube-ad-footer > iframe{width:100%;height:350px;}
/* Loader css */
.loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:50px;height:50px;-webkit-animation:spin 2s linear infinite; /* Safari */animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:50px;height:50px;margin:20px auto;}

.footerwrap{background-color:var(--black);min-height:50px;display:flex;justify-content:center;align-items:center;}
.footerwrap .container{text-align:center;color:#fff;}
.footerwrap .container a{color:var(--white);}

.livepricetrands{padding:50px 0;}
.livepricetrands h2{text-align: center;font-size: 2.5rem;}
.livepricetrands p{text-align: center;}
.chart-container figure{margin:0;}
.chart-container figure img{width: 100%;height:auto;}

/*Old CSS*/

/*.calc-sec{position:relative;padding:20px 0 20px;}
.calc-sec:after{content:'';clear:both;width:0;height:0;display:table;visibility:hidden;}
.detailspage{border:1px solid #ccc;padding:12px;background-color:#fff;}*/

/*.calc-sec > .row{margin:0;}*/
/*.calc-container{width:100%;background-color:var(--headerbg);margin:30px auto;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:20px;border:1px solid var(--bg-gray);}
.calc-container h6{margin:0;font-weight:500;font-size:1rem;margin-bottom:3px;}
.calc-container h6 span{font-size:1.5rem;color:var(--rate-color);font-weight:600;}
.calc-container h3{margin:0;font-size:2rem;font-weight:500;margin-bottom:5px;}
.calc-form{margin-top:30px;}
#live_goldrate{margin-top:10px;margin-bottom:10px;padding:10px;}
.calc-form label{font-size:1.125rem;color:var(--bodytext);font-family:var(--font-body);font-weight:700;}
.calc-form label small{display:block;font-size:0.75rem;}
.calc-form .form-select{font-size:1rem;color:var(--black);background-color:var(--white);border:1px solid #B0B0B0;border-radius:5px;height:40px;}
.calc-form .form-control{font-size:1rem;color:var(--black);background-color:var(--white);border:1px solid #B0B0B0;border-radius:5px;height:40px;}
.calc-form .form-select:focus{outline:none;box-shadow:none;}
.calc-form .form-control:focus{outline:none;box-shadow:none;}

.live-gr{width:80%;}*/

/*.live-gr table.table{text-align:center;}
.live-gr table.table tr th,.live-gr table.table tr td{border:1px solid var(--black);padding:5px;text-align:center;font-size:18px;}
*/
/*#halmarkResultContainer .live-gr{width:100%;}
#halmarkResultContainer .live-gr table.table tr th{font-size:13px;text-align:left;}
#halmarkResultContainer .live-gr table.table tr td{font-size:15px;text-align:left;}
@media(min-width:991px){
  .col-100{max-width:inherit;width:80%;padding:0 15px;}
}
@media(max-width:991px){
  .col-100{max-width:inherit;width:100%;padding:0 15px;}
}*/


/* Safari */
/*@-webkit-keyframes spin{
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.sp{font-weight:400;font-size:15px;display:block;}*/

.headerwrap .navbar-expand{padding:0;}
.headerwrap .navbar-expand .navbar-collapse{height:100%;}
img{max-width:100%;height:auto;}
.detailspage.sidebar{height:100%;}
.col-form-label{text-align:left;display:block;font-weight:700;}
.imgbanner{display:block;position:relative;margin-bottom:20px;}
.imgbanner img{width:100%;height:auto;}
.imgbanner:last-of-type{margin-bottom:0;}
.videoframe{display:block;position:relative;margin-bottom:20px;}
.videoframe:last-of-type{margin-bottom:0;}
.videoframe iframe{width:100%;height:600px;}
.navbar-expand .navbar-nav .nav-item{position:relative;}
.navbar-expand .navbar-nav .nav-item:after{content:'';display:block;position:absolute;width:2px;height:100%;right:0;top:0;background:var(--white);}
.navbar-expand .navbar-nav .nav-item:last-of-type:after{display:none;}
.card-img img{width:100%;height:auto;}
.treandsec>.container{max-width:991px;}
  .tab-buttons button {
            padding: 10px 20px; margin: 5px;
            border: 1px solid #ccc; border-radius: 5px;
            cursor: pointer;
        }
        .tab-buttons .active { background-color: #EF6C00; color: #fff; }
        .metrics { display: flex; justify-content: space-around; margin-top: 20px; }
        .metrics div { font-size: 16px; }
        
        
.mjdta-sec .mjdta-table{border-left:1px solid var(--gold-color);min-height:100px;border-right: 1px solid var(--gold-color);} 
.mjdta-sec .mjdta-table .table{margin:0;background-color: transparent;}
.mjdta-sec .mjdta-table .table .thead-dark{background-color: transparent;}
.mjdta-sec .mjdta-table .table .thead-dark .rate_title{background-color: transparent;}
.mjdta-sec .mjdta-table .table .thead-dark .rate_title th{text-align: center;padding:15px 10px;color:var(--white);background-color: var(--gold-color);font-family: var(--font-head);}
.table1 td{border:0;border-bottom:1px solid var(--gold-color);}
.rate_title1{padding:8px;text-align:center;vertical-align:middle;font-weight:bold;font-size:15px;text-shadow:-1px -1px 1px rgb(0 0 0 / 10%);color:#000;}
.gold_rate{float:left;font-size:15px;font-weight:bold;color:#07283a;margin-left:30px;font-family: var(--font-head);}
.rate_arrow{margin-right:100px;font-size:15px;font-weight:bold;color:var(--gold-color);}