.sockets {
  width: 100%;
}
.sockets-cont {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 1200px;
}
.socket-box-cont {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 0 20px;
  border: 3px solid var(--primary-color);
}
.sockets-box .bg-body-tertiary {
  background-color: #fff !important;
}
nav.navbar.navbar-expand-lg.bg-body-tertiary {
  border-radius: 10px;
  margin-top: 10px;
}
.sockets-nav-item-four,
.sockets-nav-item,
.sockets-nav-item-two,
.sockets-nav-item-five {
  padding: 10px 0;
  color: var(--Gray-90, #4f5662);
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 28px;
}
#sockets-price-items-crypto {
  margin-bottom: 0 !important;
}
ul#sockets-price-items {
  margin-bottom: 0 !important;
}
.sockets-titles {
  margin-top: 10px !important;
}
ul.sockets-titles.ps-0.row,
ul.sockets-titles-banks.ps-0.row {
  padding: 0 12px !important;
  list-style: none;
  background-color: #f5f8fc;
}
.sockets-titles-banks {
  display: none !important;
  grid-template-columns: 30% 20% 30% 20%;
  border-bottom: 1px solid #ccc;
}
.navbar-box {
  margin-bottom: 1rem;
  display: flex;
}
.navbar-box-title {
  flex-basis: 80%;
  display: flex;
  align-items: center;
}

select.sockets-nav-item-five.active {
  border-bottom: 1px solid #ccc;
}
.navbar-box-title p {
  width: fit-content;
  border-bottom: 2px solid var(--primary-color);
  font-size: 18px;
  color: #4f5662;
  padding: 6px 0px;
  font-weight: 600;
}
.sockets-price-items .newest-post-item-none {
  text-align: center;
}
.sockets-title,
.sockets-title-banks {
  padding: 12px 0px;
  font-size: 14px;
  font-weight: 600;
}
.container-fluid {
  padding: 0 !important;
}
.sockets-cont-box {
  padding: 0 10px;
}
.sockets-nav-item-four.active,
.sockets-nav-item.active,
.sockets-nav-item-two.active,
.sockets-nav-item-five.active {
  border-bottom: 2px solid var(--primary-color);
}
.list-crypto-names {
  display: none;
}
.list-crypto-names.crypto-names-show {
  display: flex;
}
.sockets-titles {
  background-color: #f5f8fc;
}
.sockets-price-item:last-child {
  border-bottom: none;
}
.sockets-titles,
.sockets-price-item {
  width: 100%;
  margin-left: 0;
  border-bottom: 1px solid var(--primary-color);
}
.sockets-title {
  padding: 16px;
  color: #fff;
}
.sockets-price-item-info {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 16px;
}
.sockets-price-item-info .sockets-price-item-logo {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.sockets-price-item-info .sockets-price-item-name {
  font-size: 14px;
  font-weight: 600;
}
.sockets-price-item-name.pnj-name {
  color: #6f4c3f !important;
}
.sockets-price-box.up {
  color: #00b83d;
}
.sockets-price-box.down {
  color: #f45434;
}
.sockets-price-box {
  font-size: 14px;
  padding: 16px;
  font-weight: 600;
}
.sockets-price-box .sockets-price-box-price {
  font-size: 14px;
}
.sockets-price-box .sockets-price-difference {
  font-size: 12px;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sockets-price-box .sockets-chart-icon {
  font-size: 20px;
  color: #ffc107;
  cursor: pointer;
}
.sockets-price-box-chart {
  display: flex;
  align-items: center;
}
.pagination-sockets-cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 1rem 0;
}
.pagination-sockets-cont button.page-button.active {
  background-color: #f9fafb;
  color: #1a1d21;
  font-weight: 600;
  border-radius: 5px;
}
.pagination-sockets-cont button {
  border: none;
  background-color: #fff;
  width: 40px;
  height: 40px;
}
.pagination-visible {
  display: none !important;
}
.page-button {
  color: #9da4af;
}
.page-button.current {
  background-color: #ffcd04;
  color: #374151;
  border-radius: 4px;
}
ul#bank-names {
  margin-bottom: 0px !important;
}
.none {
  display: none !important;
}
.list-bank-names,
.list-crypto-name,
.list-gold-names {
  list-style: none;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  flex-wrap: nowrap;
}
ul#crypto-names {
  margin-top: 1rem;
}
.crypto-names-show {
  display: flex;
}
.list-bank-name,
.list-crypto-name,
.list-gold-area {
  font-size: 12px;
  padding: 12px 16px;
  white-space: nowrap;
  color: #9da4af;
  flex-shrink: 0;
  border-radius: 999px;
  cursor: pointer;
  user-select: none;
  line-height: 1.14rem;
}
.list-bank-names::-webkit-scrollbar {
  display: none;
  /* Ẩn thanh cuộn */
}
.list-bank-name.active,
.list-crypto-name.active,
.list-gold-area.active {
  background-color: #ffc107 !important;
  /* Màu nền khi active */
  color: #374151 !important;
}
.sockets-banks-items {
  display: none;
}
.list-gold-names {
  justify-content: space-between;
}
.gold-nav {
  display: flex;
  justify-content: space-between;
}
.gold-nav {
  color: #000 !important;
  font-size: 14px;
  line-height: 16px;
}
.gold-navs {
  padding-left: 10px !important;
}
.gold-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}
.gold-nav {
  background-color: #f5f8fc;
  padding: 16px !important;
  border-bottom: #ccc !important;
}
.gold-nav-price {
  text-align: end;
  text-decoration: none;
  color: #000 !important;
}
.gold-nav-price-more::after {
  content: "➔";
  /* Ký tự mũi tên */
  margin-left: 8px;
  /* Khoảng cách giữa text và mũi tên */
  font-size: 16px;
  /* Kích thước mũi tên */
  color: inherit;
  /* Màu sắc kế thừa từ thẻ */
  display: inline-block;
  color: #ffcd04;
}
.sockets-price-gold-buy,
.sockets-price-gold-sell {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-container .search-tokens {
  margin-right: 0rem !important;
}

.newest-post-item {
  display: flex;
  margin-bottom: 16px;
  padding: 0 24px;
}
.newest-post-item-img {
  margin-left: 0;
}
.newest-post-item-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.7777777778;
  border-radius: 12px;
  object-fit: cover;
}
.newest-post-item-title a {
  text-decoration: none;
  color: var(--Gray-120, #1a1d21);
}
.newest-post-item-title {
  color: var(--Gray-120, #1a1d21);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.newest-post-item-des {
  color: var(--Gray-70, #727c8d);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.newest-post-item-date {
  color: var(--Gray-70, #727c8d);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 24px;
}
.advertisement-widget-area {
  margin-top: 24px;
  padding: 0 24px;
}
.widget-title {
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 28px;
}
.advertisement-widget img {
  width: 100%;
  aspect-ratio: 1.7777777778;
  border-radius: 12px;
  object-fit: cover;
  cursor: pointer;
}
.advertisement-widget {
  margin-bottom: 24px;
}
.sockets-box-news {
  position: relative;
}
.socket-box-cont {
  position: sticky;
  top: 72px;
}
.sockets-price-items-gold,
.sockets-price-items-silver {
  margin-bottom: 0 !important;
}
.sockets-price-item-name {
  text-align: start;
}
li[atribute="Thay đổi"] {
  display: none !important;
}
.gold-day.mt-3 {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
  margin-top: 5px;
}
.pnj-time-update {
  border-top: 1px solid var(--primary-color);
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
  justify-content: center;
}
.fine-time-update {
  border-top: 1px solid var(--primary-color);
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
  justify-content: center;
  color: #be0000;
}
.fine-time-update small span {
  font-weight: 600;
}
.fine-gold-name {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  /* .collapse:not(.show) {
        display: flex !important;
        flex-direction: column;
   } */
  .navbar-nav {
    width: 100%;
    flex-direction: row !important;
    justify-content: space-between !important;
  }
  .nav-item {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
  }
  .sockets-nav-item-four,
  .sockets-nav-item,
  .sockets-nav-item-two,
  .sockets-nav-item-five {
    font-size: 18px !important;
  }
  ul.sockets-titles.ps-0.row,
  ul.sockets-titles-banks.ps-0.row {
    padding: 0 12px !important;
  }
  form.d-flex {
    width: 100%;
    margin-top: 1rem;
  }
  .form-control {
    padding: 0.75rem 1rem !important;
  }
  .advertisement-widget-area {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .gold-navs:first-child {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 992px) {
  .sockets-price-item-name {
    text-align: center;
  }
  nav.navbar.navbar-expand-lg.bg-body-tertiary {
    margin-top: 0;
  }
  .socket-box-cont {
    padding: 0;
  }
  .newest-post-item {
    flex-direction: column;
  }
  .newest-post-item-title {
    font-size: 18px;
  }
  .newest-post-item-title {
    margin-top: 16px;
  }
  .sockets-box-news {
    padding-left: 12px;
    padding-right: 12px;
  }
  .sockets-box-news .socket-box-cont {
    border: none;
  }
  .newest-post-item,
  .advertisement-widget-area {
    padding: 0 12px;
  }
  .advertisement-widget-area {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .advertisement-widget {
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
  }
  .sockets-price-item-info {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .navbar-nav {
    margin: 0;
  }
  /* .nav-item .sockets-nav-item-five{
        width: 80%;
    } */
  .advertisement-widget {
    width: 100%;
  }
  .highcharts-figure {
    padding: 0 !important;
  }

  p.highcharts-description.col-12.col-sm-12.col-lg-12 {
    text-align: center;
  }
  .pnj-time-update {
    align-items: center;
  }
  .pnj-time-update small {
    text-align: center;
  }
  .sockets-price-item-name.pnj-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sockets-price-item-name.pnj-name .sockets-title-name-img {
    width: 35px;
  }
}
.sockets-titles {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Chia 3 cột đều nhau */
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sockets-titles.five-titles-gold,
.sockets-price-item.fine-gold-item {
  grid-template-columns: repeat(5, 1fr) !important;
}
.sockets-title {
  padding: 10px;
  background: var(--primary-color); /* Màu nền nhẹ để phân biệt */
}
.sockets-title-name {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0 26px;
}
.sockets-price-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Chia đều 3 cột */
  align-items: center;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid var(--primary-color);
}

.sockets-price-item-info {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: start;
}

.sockets-price-box {
  padding: 10px;
}

.gold-price-icon {
  height: 30px;
}

/* Layout 5 cột cho Fine Gold */
.socket-box-cont-five .sockets-titles {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr; /* Cột tên rộng hơn */
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.socket-box-cont-five .sockets-price-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr; /* Cột tên rộng hơn */
  align-items: center;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid var(--primary-color);
}

.socket-box-cont-five .sockets-price-box-name {
  text-align: left;
  padding-left: 26px;
}

.home-header-cont {
  width: 100%;
  margin: auto;
}

.sockets-price-items-gold .row {
  display: flex;
}

.sockets-price-items-gold .row .col-3 {
  width: calc(100% / 4);
}
.gold-btn.active,
.gold-btn-active {
  border: none;
  background-color: #fff;
  border-bottom: 2px solid var(--primary-color);
}
.home-header {
  width: 100%;
}
.home-header-items {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #f2f2f2;
  width: 100%;
  margin-left: 0;
}
.home-header-item {
  padding: 15px 10px;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  flex: 1;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  text-align: center;
  cursor: pointer;
}
.home-header-item a {
  text-decoration: none;
  color: #161616;
}
.home-header-content {
  background: #e3ecff;
  padding-top: 40px;
  padding-bottom: 20px;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}
.home-header-content h1 {
  font-size: 28px;
  font-weight: 600;
  color: rgba(195, 32, 34, 1);
}
.home-header-content .home-header-title-date {
  font-size: 17px;
  font-weight: 400;
}
.home-header-content .home-header-title-des {
  font-size: 15px;
  line-height: 28px;
}
.home-header-content .row {
  width: 100%;
  margin-left: 0;
}
.home-header-btn-box {
  background: #e3ecff;
  padding: 0 20px;
  display: flex;
  gap: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.home-header-btn-box .home-header-btn {
  font-size: 17px;
  font-weight: 600;
  color: rgba(0, 67, 112, 1);
  padding: 8px 16px 8px 16px;
  border-radius: 12px 12px 0px 0px;
  cursor: pointer;
  border: none;
  background-color: #ededed;
}
.home-header-btn-box .home-header-btn.active {
  background-color: #fff;
}
.home-header-btn-box .row {
  width: 100%;
  margin-left: 0;
  gap: 10px;
}
.home-header-title-box:last-child {
  text-align: end;
}
.gold-price-chart {
  margin-top: 20px;
  border-radius: 15px;
  display: flex;
}
.gold-price-chart .row {
  width: 100%;
  margin-left: 0;
  justify-content: space-between;
}
.gold-price-chart-box {
  width: 100%;
}
.gold-price-select {
  border: 5px solid var(--primary-color);
  padding-top: 20px;
  border-radius: 20px 0px 0px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gold-price-select div {
  align-items: center;
}
.glod-price-btn-box {
  display: flex;
  gap: 10px;
}
.gold-price-btn {
  padding: 12px 20px 12px 20px;
  cursor: pointer;
  border: 2px solid var(--primary-color);
  border-radius: 10px 0 0 10px;
}
.gold-price-active {
  background-color: #fff;
}
.gold-price-btn-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
}
.glod-price-btn-box {
  padding-top: 12px;
}
.glod-price-btn-box-item > p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: rgba(97, 97, 97, 1);
}
.glod-price-btn-box-item .gold-price-btn-price {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
  align-items: center;
}
.gold-btn-main-price {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}
.gold-btn-main-price-import {
  color: rgba(0, 67, 112, 1);
}
.gold-btn-main-price-export {
  color: rgba(195, 32, 34, 1);
}
.glod-btn-submain-price {
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  display: flex;
  color: #ffce51;
  gap: 5px;
}
p.submain-price-gold-percent {
  font-size: 10px;
}
.glod-btn-submain-down {
  color: #c32022;
}
.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.highcharts-data-table tr:hover {
  background: #f1f7ff;
}
.highcharts-tooltip {
  background-color: #f1f1f1;
  /* Màu nền của tooltip */
  border: 1px solid #ccc;
  /* Viền của tooltip */
  padding: 10px;
  /* Khoảng cách giữa nội dung và viền */
  font-size: 14px;
  /* Kích thước chữ */
}
.gold-price-select {
  height: 100%;
}
.highcharts-description {
  padding: 5px 0;
}
span.highcharts-description-update {
  width: 100%;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  font-weight: 600;
  margin-bottom: 15px;
  color: #808080;
}
.highcharts-description-update span {
  font-weight: 500;
}
/* .sockets-titles, .sockets-price-item{
    display: flex;
} */
li.sockets-title.col-3 {
  width: calc(100% / 4);
}
img.gold-price-icon {
  border-radius: 50%;
}
.gold-price-name {
  margin-bottom: 10px;
  padding: 0;
}

.form-gold-price-select {
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%;
}
.form-gold-price-world {
  border-bottom: 2px solid var(--primary-color);
  width: fit-content;
}
.btn-primary-gold-price {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff !important;
  margin-top: 20px;
}

.form-title {
  font-weight: 600 !important;
}
label.form-label.form-title {
  width: 100%;
}

figure.highcharts-figure {
  height: 100%;
}
#gold-price-cont {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#gold-price-cont i {
  font-size: 40px;
  color: var(--primary-color);
}
.different-price-cont {
  padding: 20px 10px;
  border: 3px solid var(--primary-color);
  border-radius: 10px;
  margin-bottom: 10px;
}
p.different-price-content-items-title {
  font-weight: 600;
}
p.different-price-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #4f5662;
  margin-bottom: 15px;
}
.different-price-content {
  display: flex;
}
.different-price-content-items {
  flex-basis: 50%;
  display: flex;
  justify-content: center;
  font-size: 16px;
  gap: 5px;
  flex-wrap: wrap;
}
.different-price-content-price.buy {
  color: rgba(0, 67, 112, 1);
}
.different-price-content-price.sell {
  color: #f45434;
}
.gold-price-title-main {
  margin-top: 30px;
  font-weight: 600;
}
h2.gold-price-chart-main {
  margin-top: 50px;
}
.trademark-gold-mobile {
  display: none;
}
ul#trademarkGold {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}
ul#trademarkGold li {
  white-space: nowrap;
  padding: 6px 12px;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
select#goldType {
  flex-basis: 30%;
}
@media screen and (max-width: 1999px) {
  .gold-price-select {
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  ul#trademarkGold {
    display: none;
  }
  .trademark-gold-mobile {
    display: flex;
  }
  .gold-price-end-day {
    margin-top: 10px;
  }
  .col-form-label {
    width: 100%;
  }
  .gold-price-select {
    padding-top: 10px;
  }
  .gold-price-btn {
    padding: 5px 20px 5px 20px;
  }
  .btn-primary-box {
    margin-top: 10px;
  }
  .form-gold-price-select {
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-basis: 30%;
  }
  .gold-price-start-day,
  .gold-price-start-day {
    display: flex;
    flex-direction: column;
  }
  .gold-price-start-day {
    width: 100% !important;
  }
  .gold-price-end-day {
    width: 100% !important;
  }
  .gold-price-day {
    width: 100%;
    display: flex !important;
  }
  input#startDate {
    width: 100% !important;
    flex-basis: 100% !important;
  }
  input#endDate {
    width: 100% !important;
    flex-basis: 100% !important;
  }
  .gold-day.mt-3 {
    flex-direction: column;
  }

  .gold-price-day:last-child {
    margin-top: 10px;
  }
  .gold-price-btn {
    padding: 5px 10px;
  }
  /* .glod-price-btn-box{
        flex-direction: column;
    } */
  .gold-price-select div {
    width: 100%;
  }
  .gold-price-title-main {
    font-size: 30px;
  }
  h2.gold-price-chart-main {
    margin-top: 40px;
    font-size: 25px;
  }
}
img.sockets-title-name-img {
  border-radius: 50%;
  height: 35px;
}
i.gold-world-price-icon {
  font-size: 10px;
}
img.socket-nav-title-img-desktop {
  /* width: 60px; */
  height: 25px;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .icon-order-history {
    width: 17px;
    height: 17px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-box-title p {
    margin-left: 16px;
  }
  .different-price-cont {
    margin: 0 16px 16px 16px;
  }
  .sockets-titles {
    margin-top: 0 !important;
  }
  select#goldType {
    flex-basis: 100%;
  }
  .form-gold-price-select {
    flex-basis: 100%;
  }
  .form-gold-price-world {
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    text-align: center;
  }
  .sockets-title-name {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
  }
  .wishlist-button img {
    height: 25px !important;
  }
  .sockets-title {
    text-align: center;
  }
  .home-header-item {
    font-size: 14px;
  }
  .home-header-content {
    flex-direction: column;
    align-items: center;
  }
  .home-header-title-box {
    text-align: center;
  }
  .home-header-content .home-header-title-des {
    text-align: center;
  }
  .home-header-btn-box {
    justify-content: center;
    gap: 0;
    justify-content: space-around;
  }
  .gold-price-chart {
    flex-direction: column;
  }
  .gold-price-select {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-radius: 20px;
  }
  .gold-price-btn {
    border-radius: 10px;
  }
  .highcharts- {
    margin-top: 20px;
  }
  .highcharts-description {
    width: 100%;
  }

  .home-header-btn-box .row {
    justify-content: space-around;
  }
  .gold-price-select .glod-price-btn-box {
    gap: 10px;
  }
  button#gold {
    width: 100%;
  }
}