:root {
  --primary-color: #0b0b0b;
  --secondary-color: #ffffff;
  --accent-color: #d8ac50;
  --success-color: #006936;
  --font-family-base: 'Poppins', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.5;
  --border-radius: 8px;
  --transition-speed: 0.3s;
}



/* ===== Global Reset ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

/* ===== Links ===== */
a {
  color: var(--primary-color);
  text-decoration: none;
  transition: color var(--transition-speed);
}
a:hover {
  color: var(--accent-color);
}

/* ===== Headings ===== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

/* ===== Paragraphs ===== */
p {
  margin-bottom: 1rem;
}

/* ===== Buttons ===== */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: var(--border-radius);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-speed);
}
.btn-primary {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border: none;
}
.btn-primary:hover {
  background-color: var(--accent-color);
  color: var(--secondary-color);
}


#menu {position: relative;width:100%;}
#menu ul {list-style: none;display: flex;align-items: center;justify-content: start;margin: 0;padding-left: 0;gap: 40px;}
#menu ul li {position: relative;}
#menu ul li a {display: block;text-decoration: none;position: relative;-webkit-transition: all .3s linear;font-size: 16px;transition: all .2s ease-in;padding: 5px 0px;color: var(--text);font-weight: 400;}
#menu ul li a img{margin-left: 10px;}
#menu li>a:only-child::after {margin-left: 0;content: '';}#menu ul li a:hover,#menu ul li.active a,
#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a {color: var(--text);font-weight: 500;}
#menu li.active ul li a {color:var(--text);background: var(--white)}
#menu li.active ul li a:hover {color: #fff;background: var(--primary);}
#menu li>ul {position: absolute;left: 0;top: 4px;z-index: 999;white-space: nowrap;padding-left: 0;}
#menu li>ul li {background: var(--accent-color);border-bottom: 1px solid rgba(0, 0, 0, 0.09);display: block;position: relative;margin: 0;text-align: left;padding-left: 0px;text-transform: capitalize;}
#menu li>ul li:hover {background: var(--accent-color);border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
#menu li>ul li a {color: #ffffff;font-size: 13px;padding: 10px 15px;border-right: 0;transition: none;}
#menu li>ul li a:hover {color: #fff;text-decoration: none}
#menu li ul li.current_page_item>a,
#menu li ul li.current-menu-ancestor>a,
#menu li ul li.current-menu-item>a,
#menu li ul li.current-menu-parent>a {background: #333;color: #fff}
#menu>li:first-child,#menu>li.has-submenu+li {border-left: 0}
#menu li>ul>li>ul {position: absolute;left: 100%;top: 0;transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;
visibility: hidden;opacity: 0}
#menu li>ul>li:hover>ul {visibility: visible;opacity: 1;display: block}
#menu li>ul {transition: all linear .2s 0s;-webkit-transition: all linear .2s 0s;visibility: hidden;opacity: 0;width: 100%;display: block;flex-direction: column;margin: 0;background: transparent;padding-top: 30px;}
#menu li:hover>ul {visibility: visible;opacity: 1;display: block;}
#menu li>ul li a {padding: 0 23px;}
#menu li>ul li a {padding: 10px 23px;}
#menu li ul li:hover ul li a {color: var(--text)}
#menu li ul li:hover ul li:hover a {color: var(--white);}
#menu li ul li:hover a {color: #fff;border-color: var(--primary);}
#menu li>ul li:first-child{border-radius: 4px 4px 0 0;}
#menu li>ul li:last-child{border-radius: 0 0 4px 4px;}
@keyframes menu_sticky {
  0% {
    margin-top: -240px;
  }

  50% {
    margin-top: -90px;
  }

  100% {
    margin-top: 0;
  }
}


header.sticky .topbar{display: none;}
header.sticky #menu>ul {margin-top: 15px;margin-bottom: 15px;}
#menu>ul>li {padding: 0;line-height: 1;}
#menu>ul>li:last-child {padding-right: 0;border: 0;}
#menu>ul>li:nth-last-of-type(1) a { padding-right: 0; border-right: 0;}
#menu>ul>li:nth-child(1) a {padding-left: 0;}
#menu>ul>li ul {padding-top: 30px;min-width: 260px;}
header .logo { width: fit-content; margin: 0 0;}
header .logo img{max-width: 201px;width:100%;}
.topbar {background-color: var(--secondary);}
.topbar ul li {display: inline-block;color: var(--white);position: relative; padding:4px 20px;border-right: 1px solid var(--white);font-weight: 400;line-height: 16px;}
.topbar ul li img{padding-right: 10px;}
.topbar ul li:first-child {padding-left: 0;}
.topbar ul li:last-child {border: 0;padding-right:0;  }
.topbar ul li a{font-size: 18px;}
.topbar ul {display: flex;margin-bottom: 0;justify-content: end;padding: 5px 0;}
.topbar .social a:first-child {border-right: 1px solid var(--white);}
.topbar .social a {display: inline-block;margin-bottom: 0;}
header .main-menu{padding: 6px 0;background-color: var(--bg);}
header .search-box{display: flex;align-items: center;background-color: transparent;border: 1px solid #33333300;border-radius: 8px;padding: 5px;max-width:526px;margin: 0 auto;background: #F3F3F3;}
header .search-box .form-control{background-color: transparent;border: none;}
header .search-box .form-control::placeholder{font-size: 16px;color:#26262682;font-weight: 500;}
header .search-box .form-control:focus{box-shadow: none !important;outline: none !important; border-color: #ccc !important;}
header .search-box button{background-color:var(--primary);border: none;color: var(--white);font-size:16px;font-weight:500;border-radius: 100px;padding: 4px 2px;max-width:40px;width:100%;border: 1px solid #33333373;border-radius: 8px;    height: 40px;}
header .action-box{display: flex;align-items: center;gap:18px;}
header .action-box .icon-box{align-items: center;margin-top: 0;}  
.bottom-bar{background-color: var(--primary);padding: 9px 0;border-top: 1px solid #3333;border-bottom: 1px solid #3333;}
.bottom-bar .nav-links ul{display: flex;align-items: center;gap:18px;margin-bottom: 0;}
.gap-bottom-40{margin-bottom:40px;}

.top-header-ticker {
  width: 100%;
  background-color: #0B0B0B;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  font-size: 0.9rem;
  color: #fff;
}
.cart-count{    background:var(--success-color);width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: white; position: absolute;  left: 3px;top: -10px;}
.ticker-content {
  display: inline-block;
  white-space: nowrap;
}

.ticker-content span {
  margin-right: 50px;
}

.text-red { color: #ff4d4d; }
.text-green { color: #4cd964; }
.account-box{gap: 12px  ;}
.account-box .icon-box{margin-top: 0;}
.account-box img{width: 18px;object-fit: contain;}
/* ===== Cards ===== */
.card {
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: var(--secondary-color);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition:
    transform var(--transition-speed),
    box-shadow var(--transition-speed);
}
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}


section {
  padding: 80px 0; /* default vertical spacing */
}
.banner-slider .owl-nav.disabled+.owl-dots {    margin-top: 10px;    position: absolute;    bottom: 8px;    left: 0;    right: 0;    margin-inline: auto;}
.hero-section {
 
  padding: 20px 0 0;
  position: relative;
}

.hero-image {  max-width: 100%;}

/* Responsive adjustments */


.metal-collection h2{font-weight: 600; }

.card-metal {
  border-radius: 12px;padding: 30px 24px;
  overflow: hidden;
  position: relative;height: 100%;
  transition: transform 0.3s, box-shadow 0.3s;
}
.card-metal::before{content: "";left: 0;right: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(36deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.52) 100%);position: absolute;opacity: .6;}


.card-metal-content {   
position: relative;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;align-items: start;text-align: start;
  transition: background 0.3s;z-index: 2;
}
.card-metal-content .top-content{flex-grow: 1;padding-bottom: 30px;}
.card-metal .left-big h5 {  font-size: 2.25rem;}
.card-metal h5 {
  font-size: 1.25rem;}

.card-metal p {
  font-size: 0.95rem;
  margin-bottom: 10px;
}

.card-metal ul {
  list-style: none;
  padding: 0;margin-top: 20px;
  margin-bottom: 15px;
}
.card-metal ul li + li{margin-top: 14px;}
.card-metal ul li::before {
  content: "✓";
  color: #c9a349;
  margin-right: 8px;
}

.btn-buy {
  background-color: #c9a349;
  color: #fff;
  border-radius: 50px;
  padding: 10px 25px;
  transition: all 0.3s;
}

.btn-buy:hover {
  background-color: #b5903f;
  color: #fff;
}

.btn-sell {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 10px 25px;
  transition: all 0.3s;
}

.btn-sell:hover {
  background-color: #fff;
  color: #0B0B0B;
}

.top-gold-coins h2 {
  font-size: 1.75rem;
}

.btn-view-all {
  background-color: #c9a349;
  color: #fff;
  border-radius: 50px;
  padding: 8px 20px;
  transition: all 0.3s;
}
.btn-view-all:hover {
  background-color: #b5903f;
}

.product-card {border-radius: 12px;padding: 12px 18px;overflow: hidden;position: relative;transition: transform 0.3s, box-shadow 0.3s;height:100%;}
.product-card:hover { transform: translateY(-5px);  box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.product-card .img-box{position: relative;padding:0;    aspect-ratio: 4 / 3;width: 100%;height: auto; overflow: hidden;}
.product-card .badge {font-size:15px;left: 0;top:5x; padding: 5px 16px;  border-radius: 0 12px 12px 0;z-index: 2;background-color: var(--success-color);font-weight: 400;}
.product-card .img-box img{width: 100%;object-fit: contain;    height: 100%;}
.product-card .card-body{display:flex;flex-direction:column;}
.product-card .card-body h6{font-size:18px;}
.product-card .card-body p{flex-grow:1;font-size:14px;}
.badge.bg-light{bottom: 0;border-radius: 8px;border: 1px solid #ECF4EC; font-size: 13px;padding: 0;background-color:#ECF4EC !important;color: #215e27 !important;font-weight:500;width:fit-content;text-transform: capitalize;  align-items: center;  gap: 4px;display: flex;bottom: -10px;height:fit-content;top: unset;}
.main-box-img{position:relative;}
.badge.bg-light .dot{font-size:22px;font-weight:700;color:var(--success-color);}
.card-body { border-top: 1px solid #3333;margin-top: 10px;padding: 16px 0 0;}
.product-card .btn-box{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap;}
.text-gold { color: #c9a349;}
.btn-add-cart {
  background-color: #c9a349;
  color: #fff;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 0.9rem;
  transition: all 0.3s;
  display: inline-block;
}

.btn-add-cart:hover {
  background-color: #b5903f;
  color: #fff;
}

.stats-section {padding: 0 0  30px;}
.stats-section hr{margin: 40px 0 0;background-color: #0b0b0b7e;}
.stat-item{display: flex;gap: 8px;align-items: center;}
.stat-item img {  width: 50px;  height: 50px;}
.stat-item h6 {font-size: 1rem;margin-bottom: 0.25rem;}
.stat-item p {  font-size: 0.85rem;  color: #555;}





.buy-collectibles{padding:60px 0 ;}
.buy-collectibles .bg-dark{background:var(--primary-color) !important;border-radius: 24px;padding: 50px 30px 50px 60px;}


.text-gold {  color: #c9a349;  font-weight: 700;}
.buy-collectibles h2{font-size: 42px;}
.category-card {border-radius: 12px;overflow: hidden;border: 1px solid var(--accent-color);background-color: #1a1a1a;transition: transform 0.3s, box-shadow 0.3s;height:100%;}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.category-card img {
  width: 100%;aspect-ratio: 4/3;object-fit: cover;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.category-card .card-body {
  padding: 10px 15px;
}

.category-card h6 {
  font-size: 1rem;
  margin-bottom: 5px;
}

.category-card p {
  font-size: 0.85rem;
  color: #ccc;
}
.featured-icon img{width: 40px;height: 40px;object-fit: contain ;}



.news-card {border-radius: 20px;  overflow: hidden;  position: relative;  transition: transform 0.3s, box-shadow 0.3s;  background-color: #fff;}
.news-card:hover { transform: translateY(-5px);  box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.news-card .badge {  font-size: 15px;    color: #c9a349;padding:0;margin-bottom:8px;}
.news-card .card-body{padding: 15px 20px 20px;margin: 0;border: 0;}
.news-card img {  width: 100%;object-fit: cover;aspect-ratio: 4/2.6;}

.btn-read-more {
  background-color: transparent;  color: var(--success-color);
  border-radius: 0;
  padding:0;font-weight:600;
  font-size: 16px;
  transition: all 0.3s;
  display: inline-block;
}

.btn-read-more:hover {
  background-color: unset;
  color:  var(--success-color);
}

.bg-gold {
  background-color: #c9a349;
  color: #fff;
  border-radius: 12px;
}
.latest-news{padding:0  0;}
.latest-news hr{margin-top: 40px;margin-bottom: 60px;}
.main-grid-box{display:grid;grid-template-columns:repeat(2,1fr);gap:100px;position:relative;}
.main-grid-box:after{content:"";position:absolute;left:0;width:1px;height:80%;top:0;bottom:0;background:#FFFFFF8A;margin:auto;right:0;}
.newsletter-footer .bg-gold{padding: 40px;}
.newsletter-footer .bg-gold  h4{font-size: 32px;}
.newsletter-footer .bg-gold form{background-color: var(--secondary-color);padding: 8px 8px;border-radius: 16px;}
.newsletter-footer .form-control {  border-radius: 50px;border: transparent;  padding: 8px 15px;font-weight:600;}
.newsletter-footer .form-control:focus,.newsletter-footer .form-control:active,.newsletter-footer .form-control:hover{box-shadow:none ;outline:0;}
.newsletter-footer .btn-dark {border-radius: 50px;padding: 10px 30px;background-color: #333;color: #fff;}
.newsletter-footer a {color: #0B0B0B;text-decoration: none;}
.newsletter-footer a:hover {text-decoration: underline;}
.newsletter-footer img {max-width: 100%;}
.newsletter-footer .bi {font-size: 1.2rem;color: #0B0B0B;}
.form-new{ display: grid !important; grid-template-columns: repeat(4, 1fr);}
.form-new .item:first-child{ grid-column: span 3; align-items: center;  display: flex;}
.newsletter-footer .form-control:placeholder{color:black;font-weight:600;}



.ready-to-sell {padding: 0 0 50px;}
.text-gold {color: #c9a349;}

.contact-item{border-radius: 12px;padding: 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.2s, box-shadow 0.2s;display: flex;flex-direction: column;align-items: center;text-align: center ;height:100%;}
.contact-item .icon-circle img{width: 50px;height: 50px;background-color: #333;color: #fff;border-radius: 50%;margin: 0 auto;}
.contact-item  .top-heading{font-size: 16px;font-weight:600; padding-bottom: 4px;margin-bottom:8px !important;border-bottom: 3px solid var(--accent-color);}
.cta-box  .top-head{display: flex;text-align: center;gap: 8px;margin-bottom: 8px;align-items: center;    justify-content: center;}

.contact-item  p{font-weight: 500; font-size: 14px;  line-height: 1.5; color: #555;}
.cta-box {  background-color: #c9a349;  color: #fff;text-align:center;max-width:240px;width:100%;}
.contact-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.cta-box .btn-dark {background-color: #333;border-radius: 50px; padding: 8px 20px; transition: all 0.3s;}
.cta-box .btn-dark:hover {  background-color: #000;}
.line{margin-top: 30px;margin-bottom: 0;}
.list-unstyled li + li{margin-top:12px;}
.form-new br {display:none;}
.form-new p{margin-bottom:0;}
.form-new span{display:block;height:100%;}

.latest-news-slider .owl-nav{    position: absolute;top: -168px;right: 140px;}
.latest-news-slider .owl-nav button{width: 50px;height: 50px;border: 1px solid var(--primary-color) !important;border-radius: 50% !important;font-size: 20px;display: flex;justify-content: center;align-items: center;}
.latest-news-slider .owl-nav button span{font-size: 20px;}
.latest-news-slider .item{padding:10px;}
footer{background-color: #F5F5F5;padding: 140px 0 0;}
.newsletter-footer{position: relative;margin-bottom: -100px;padding-bottom:-0;}
.social-box{display: flex;padding: 6px 10px;justify-content: space-between;border: 1px solid #3333334f;border-radius: 12px;}
.social-box + .line{margin-bottom: 30px;}
.ico-flex{display: flex;width: 30%;gap: 30px;justify-content: center;border-left: 1px solid  #3333334f;}
.icon-box{display: flex;gap: 12px;margin-top: 20px;position:relative;}
.icon-box .icon{border-radius: 8px;border: 1px solid #3333335d;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.icon-box .icon img{width: 20px;}
.copyright .line{margin-top: 0 ;margin-bottom: 40px;}





.featured-icon p{font-weight:600}

.line{color:#3333334D;}
.news-card .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card .img-box{position:relative; border-bottom: 1px solid #ffc40340;}
.date-badge{position:absolute;left:12px;top:14px;background:#F5F5F5;border-radius:6px;font-size:14px;text-align:center;overflow: hidden;}
.date-badge .month{background:var(--success-color);color:white;font-weight:600;text-transform:uppercase;padding:3px 5px;}
.date-badge  span{color:var(--success-color);display: block;padding: 4px 8px;}
.date-badge span strong{font-weight:600;font-size:14px;color:black;}
.news-card .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card .card-title {  font-size:18px;}

.latest-news hr{margin-top: 50px;margin-bottom: 50px;}

.menu-item-6837{display:none !important;}
.banner-slider{height:100%;}
.banner-slider .owl-item{height:100% !important;}
.banner-slider .owl-stage,.banner-slider .owl-stage-outer ,.banner-slider .owl-stage-outer{height:100% !important;}
.banner-slider .owl-stage{display:flex;align-items:center;}
/* .slider-banner-content{margin-bottom:auto;} */
@media(max-width:1299px){
	.product-card{padding:14px;}
}

@media (max-width: 992px) {
  .category-card img {
    height: auto;
  }
	.banner-slider .row{justify-content:space-between;}
.banner-slider .owl-stage{align-items:start;}
.slider-banner-content{margin-bottom:auto;}
.card-metal-content .top-content{flex-grow: 1;padding-bottom: 10px;}
.main-grid-box{display:flex;flex-direction:column;}
	.main-grid-box:after{content:unset;}
	.gold-line{margin-inline:auto;text-align:center;}
	.hero-section{padding:0;}
}

@media(max-width:991px){
  header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;}
  .topbar { width:100%; position:relative;z-index: 999;padding: 8px 0; }
  .topbar .logo a{font-size: 32px;font-weight: 400;}
  header .logo{width: 180px;}


  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}


  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
    background-color: var(--white);padding: 6px 0;}
  .topbar.sticky .logo{max-width: 125px;}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open img{width: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end; margin-bottom: 0px;padding: 0;}
  .menu_close i {font-size:20px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:white; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 340px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul { margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
  .mobile_menu_wrap ul.main_menu li{padding:10px 0 0 ;color: var(--white);}
  .main_menu li.active a{font-weight: bold;}
  .mobile_menu_wrap ul.main_menu li a {font-size:17px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block;margin-top: 0px; width: 100%; color: var(--white);}
  .mobile_menu_wrap ul li.hassub {position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 4px;font-size: 18px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;background-color: var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden; box-shadow: 0 4px 16px 0 #00000020;border-left:1px solid var(--dark2) ;padding-left: 20px;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;background:white;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: var(--dark);left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: black; padding:10px 20px;margin-top: 0px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  .account-box{padding-left: 16px;margin-bottom: 16px;}
  .search-box-wrap{padding: 12px;}
.ready-to-sell .row{justify-content: center;text-align: center;row-gap:16px !important;}
.ready-to-sell h4 ,.ready-to-sell h4 + h5 ,.ready-to-sell h5 + p{text-align: center;}
.hero-title{font-size: 38px;}
.bg-banner { padding: 0;}
.bg-banner .content-banner{padding: 50px 50px 0;}

.bg-banner .inner-btn {padding-bottom: 25px;}
	.topbar.sticky{background:white;}
	.newsletter-footer .btn-dark{padding:8px 24px;}
	.newsletter-footer .form-control{border-radius:12px;padding:8px;}
	.newsletter-footer .form-new .row{gap:8px;margin:0;}
	.newsletter-footer .form-new .col-lg-3 p{text-align:center;}
	.newsletter-footer .form-new .me-2{margin:0 !important;}
	header .search-box{justify-content:space-between;}
	.social-box{margin-bottom:0 !important;}
	.latest-news {padding-top:20px;}
	.top-gold-coins .col-6:nth-child(even){padding-right:6px;}
.top-gold-coins .col-6:nth-child(odd){padding-left:6px;}
.card-metal .left-big h5 {
    font-size: 26px;}
	.top-content ul li{font-size: 0.85rem;}
	.ready-to-sell .col-lg-3:nth-child(even){padding-left:6px !important;}
	.ready-to-sell .col-lg-3:nth-child(odd){padding-right:6px !important;}

}

@media (max-width: 768px) {
  .hero-title {
    font-size: 1.5rem;
  }
  .hero-subtitle {
    max-width: 100%;
    font-size: 0.95rem;
  }

  .contact-item .icon-circle img {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
 

   .card-metal-content {
    padding: 0;
  }
  .card-metal h5 {
    font-size: 1.1rem;
  }
  .card-metal p {
    font-size: 0.85rem;
  }
  .btn-buy, .btn-sell {
    padding: 8px 20px;font-size:14px;
  }


  .stat-item img {
    width: 40px;
    height: 40px;
  }
  .stat-item h6 {
    font-size: 0.95rem;
  }
  .stat-item p {
    font-size: 0.8rem;
  }
.gap-bottom-40{margin-bottom:0px;}

.newsletter-footer .d-flex {
    flex-direction: column;
  }
  .newsletter-footer form {
    width: 100%;
  }

 .top-gold-coins h2 {
    font-size: 1.5rem;
  }
  .btn-view-all {
    padding: 6px 15px;
    font-size: 0.85rem;
  }
.latest-news hr {margin-top: 20px;margin-bottom: 30px;}
.cta-box .btn-dark{ padding: 8px 20px; font-size: 14px;}
.form-new {grid-template-columns: repeat(5, 1fr);}
.form-new .item:first-child{grid-column: span 4;}
.payment-logo img{background-color:white;  width: 22%;border-radius: 6px;}
	.contact-item p {font-size:12px;}
	 .latest-news {
        padding-top: 0;
    }

}


@media(max-width:575px){
    .hero-title{font-size: 38px;}
    .card-metal{padding: 24px 18px;}
    .buy-collectibles .bg-dark{padding: 20px 20px;}
    .buy-collectibles h2 {font-size: 24px;}
    .category-card .card-body {    padding: 10px 9px; }
    

.latest-news-slider .owl-nav{position: relative;top: 0;left: 0;}
.newsletter-footer .bg-gold{padding: 18px;}
.newsletter-footer .bg-gold h4 {font-size: 24px;margin-bottom: 2px;}
.newsletter-footer .bg-gold form{margin-bottom: 10px;row-gap: 16px;border-radius:12px;}
.newsletter-footer .btn-dark{width: fit-content;padding-inline: 20px;margin-inline: auto;}
.metal-collection {padding: 30px 0 !important;}
.buy-collectibles{padding: 30px 0;}
.latest-news{padding-bottom: 0;}
.newsletter-footer{padding-top:40px;}
.ready-to-sell {padding: 0 0 30px;}
	.social-box + .line{margin-bottom:20px;margin-top:20px;}
.copyright .line {margin-bottom: 20px;}
	footer{padding-top:130px;}
	.main-grid-box p{font-size:14px;}
	footer p{font-size:14px;}
	.list-unstyled li{font-size:15px;}
	.product-card{border-radius: 8px;padding:8px 8px;}
	.product-card .badge{font-size: 10px;padding: 4px 8px;}
    .product-card .card-body h6 { font-size: 15px;}
	.product-card .card-body p{font-size:12px;}
	.btn-box bdi{font-size:12px;}
	.btn-add-cart{font-size: 11px;padding: 5px 8px;font-weight: 500;    border-radius: 4px;}
	.product-card .btn-box{margin-top:0;}
	.product-card .card-body{padding-top:10px;}
.card-metal .left-big h5 {
    font-size: 24px;
}
	.card-metal ul{margin-top:10px;}
.card-metal ul li + li {
    margin-top: 8px;
}
}

@media(max-width:475px){
    .hero-title {        font-size: 36px;}
	
}