.christmas-gift-ribbon-img {
  position: absolute;
  top: 0;
  left: 0;
}
.christmas-2025-2026 {
  overflow: hidden;
}
.christmas-dear-img {
  position: absolute;
  top: 158px;
  left: 86px;
}
.christmas-gift-ribbon-right-img {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.christmas-dear-right-img {
  position: absolute;
  bottom: 20px;
  right: -75px;
}
.christmas-shop-now-btn .action-button-new a {
  padding-left: 30px !important;
}
.christmas-shop-now-btn {
  margin-top: 65px;
}
.christmas-shop-now-btn .action-button-new {
  margin: auto;
  z-index: 99;
}

.home_banner .christmas-shop-now-btn .action-button-new > a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #ffe7b9 -30%, #caa96a 100%);
  clip-path: polygon(
    0% 0%,
    0% 100%,
    1px 100%,
    1px 1px,
    calc(100% - 1px) 1px,
    calc(100% - 1px) calc(100% - 1px),
    1px calc(100% - 1px),
    1px 100%,
    100% 100%,
    100% 0%
  );
  z-index: 9999;
}
.home_banner .christmas-shop-now-btn .action-button-new a span {
  background: none !important;
  background-clip: text !important;
  font-family: "Berlingske Serif";
  -webkit-background-clip: text !important;
  font-size: 22px;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(
    to bottom,
    #f3cd88 0%,
    #caa969 100%
  ) !important;
}
.home_banner .christmas-shop-now-btn .action-button-new a i {
  width: 0;
}
.home_banner .christmas-shop-now-btn .action-button-new a:hover i {
  width: 20px;
}
.home_banner .christmas-shop-now-btn .action-button-new a > i::before {
  color: #caa96a;
}
.img4 {
  position: absolute;
  top: 55px;
  right: 46px;
  z-index: 2;
  opacity: 0;
}
.christmas-2025-2026.slick-current.slick-active .img4 {
  position: absolute;
  top: 55px;
  right: 46px;
  z-index: 2;
  opacity: 0;
  /* Add jumping and wiggle animation */
  animation: christmasImg4Jump 1.2s 2s cubic-bezier(0.55, 0, 0.4, 1) forwards,
    christmasImg4Wiggle 1.1s 3.2s ease-in-out forwards;
}

@keyframes christmasImg4Jump {
  0% {
    opacity: 0;
    transform: translateY(60px) scale(0.5);
  }
  65% {
    opacity: 1;
    transform: translateY(-15px) scale(1.08);
  }
  85% {
    transform: translateY(5px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes christmasImg4Wiggle {
  0% {
    transform: scale(1) rotate(-4deg);
  }
  20% {
    transform: scale(1.07) rotate(6deg);
  }
  40% {
    transform: scale(0.98) rotate(-5deg);
  }
  60% {
    transform: scale(1.04) rotate(5deg);
  }
  80% {
    transform: scale(0.99) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.christmas-dear-img {
  opacity: 0;
}

.christmas-2025-2026.slick-current.slick-active .christmas-dear-img {
  animation: slideInLeftToRight 4s 1.5s ease-out forwards;
}

@keyframes slideInLeftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150px) translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) translateY(0px);
  }
}

/*
@keyframes slideInLeftToRight {
  0% {
    opacity: 1;
    transform: translateX(-200px) rotate(10deg);
  }
  60% {
    opacity: 1;
    transform: translateX(-100px) translateY(100px) rotate(20deg) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
} */

/* .christmas-gift-ribbon-img {
  display: block;

  overflow: hidden;

  mask-image: linear-gradient(to top, black 0%, transparent 0%);
  -webkit-mask-image: linear-gradient(to top, black 0%, transparent 0%);
  transition: mask-image 0.3s, -webkit-mask-image 0.3s;
}

.christmas-gift-ribbon-img img {
  display: block;
} */
.christmas-dear-right-img {
  opacity: 0;
  width: 340px;
}
.christmas-2025-2026.slick-current.slick-active .christmas-dear-right-img {
  animation: slideInRightToLeft 4s 1.5s ease-out forwards;
  opacity: 0;
}

@keyframes slideInRightToLeft {
  0% {
    opacity: 1;
    transform: translateX(150px) translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

/* Keyframe animation for dear - gentle up and down movement */
@keyframes dearMoveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

/*
@keyframes slideInRightToLeft {
  0% {
    opacity: 1;
    transform: translateX(200px) translateY(0px) rotate(0deg) scale(1);
  }
  60% {
    opacity: 1;
    transform: translateX(120px) translateY(100px) rotate(-30deg) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateX(0) translateY(0px) rotate(0deg) scale(1);
  }
} */

#background-wrap {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;

  top: 0;
}

#animated-spark {
  opacity: 0;
  z-index: 1;
  transform: scale(0);
}

.snowflake {
  position: absolute;
  top: -40px;
  color: #fff;
  font-size: 1em;
  opacity: 0.85;
  user-select: none;
  pointer-events: none;
  transition: opacity 0.3s;
  will-change: transform;
  animation: fall linear forwards;
}
.wrappersnowfall {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: 1;
  top: 0;
  overflow: hidden;
}
.z-index1 {
  z-index: 2;
  position: relative;
}
.z-index0 {
  z-index: 0;
}
@keyframes fall {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 0.7;
  }

  80% {
    opacity: 1;
  }

  100% {
    transform: translateY(100vh) scale(0.94) rotate(360deg);
    opacity: 0.05;
  }
}

.christmas-2025-2026.slick-current.slick-active .christmas-gift-ribbon-img img {
  animation: slideInRightToLeft2 2s ease-out forwards;
}

@keyframes slideInRightToLeft2 {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.christmas-2025-2026.slick-current.slick-active
  .christmas-gift-ribbon-right-img
  img {
  animation: slideInRightToLeft3 2s 1.5s ease-out forwards;
  opacity: 0;
}

@keyframes slideInRightToLeft3 {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.christmas-img {
  opacity: 0;
  transform: scale(1.5) translateY(50px);
}
.christmas-2025-2026.slick-current.slick-active .christmas-img {
  opacity: 0;
  transform: scale(1.5) translateY(50px);
  animation: zoomOutSlideInBottomToTopFade 2s ease-out forwards;
}

@keyframes zoomOutSlideInBottomToTopFade {
  0% {
    opacity: 0;
    transform: scale(1.5) translateY(50px);
  }
  60% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.christms-stripe-header {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 148px;
  opacity: 20%;
  background-color: #eebc69;
}

.christmas-2025-2026.slick-current.slick-active #animated-spark {
  animation: sparkBottomToTop 1.3s 1.2s ease-out forwards;
}

@keyframes sparkBottomToTop {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  60% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.coin-group {
  position: absolute;
  bottom: 157px;
  display: flex;
  left: 0px;
  align-items: end;
  width: 259px;
}
.christmas-2025-2026 {
  position: relative;
}

.christmas-2025-2026.slick-current.slick-active .coin-group .coin-1,
.christmas-2025-2026.slick-current.slick-active .coin-group .coin-2,
.christmas-2025-2026.slick-current.slick-active .coin-group .coin-3 {
  animation: coinTyreRotate 1.2s cubic-bezier(0.55, 0, 0.4, 1) forwards;
  opacity: 0;
  will-change: transform, opacity;
}

.coin-1,
.coin-2,
.coin-3 {
  opacity: 0;
  will-change: transform, opacity;
}

.christmas-2025-2026.slick-current.slick-active .coin-group .coin-1 {
  animation-delay: 1.2s;
}
.coin-2 {
  margin-left: -75px;
  margin-bottom: -7px;
  animation-delay: 1.6s;
}
.christmas-2025-2026.slick-current.slick-active .coin-group .coin-2 {
  margin-left: -75px;
  margin-bottom: -7px;
  animation-delay: 1.6s;
}
.coin-3 {
  margin-left: -75px;
  margin-bottom: -7px;
  animation-delay: 1.9s;
}
.christmas-2025-2026.slick-current.slick-active .coin-group .coin-3 {
  margin-left: -75px;
  margin-bottom: -7px;
  animation-delay: 1.9s;
}

@keyframes coinTyreRotate {
  0% {
    opacity: 0;
    transform: translateX(150px) rotate(90deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.coin-1-shadow {
  position: absolute;
  bottom: -108px;
  opacity: 0;
}
.christmas-2025-2026.slick-current.slick-active .coin-1-shadow {
  position: absolute;
  bottom: -108px;
  opacity: 0;
  animation: coinShadowFadeIn 1s 1.8s forwards cubic-bezier(0.55, 0, 0.4, 1);
}

@keyframes coinShadowFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.coin-2-shadow {
  position: absolute;
  bottom: -75px;
  margin-left: 20px;
  opacity: 0;
}
.christmas-2025-2026.slick-current.slick-active .coin-2-shadow {
  position: absolute;
  bottom: -75px;
  margin-left: 20px;
  opacity: 0;
  animation: coinShadowFadeIn2 1s 2.5s forwards cubic-bezier(0.55, 0, 0.4, 1);
}
@keyframes coinShadowFadeIn2 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.coin-3-shadow {
  position: absolute;
  bottom: -48px;
  margin-left: 17px;
  opacity: 0;
}
.christmas-2025-2026.slick-current.slick-active .coin-3-shadow {
  position: absolute;
  bottom: -48px;
  margin-left: 17px;
  opacity: 0;
  animation: coinShadowFadeIn3 1s 2.9s forwards cubic-bezier(0.55, 0, 0.4, 1);
}
@keyframes coinShadowFadeIn2 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.shine-effects {
  position: absolute;
  bottom: 20px;
  left: 86px;
  mix-blend-mode: screen;
  z-index: 2;
  opacity: 0;
  /* Animation for shine flicker/pulse */
  transform: scale(0);
}
.christmas-2025-2026.slick-current.slick-active .shine-effects {
  position: absolute;
  bottom: 85px;
  left: 82px;
  mix-blend-mode: screen;
  z-index: 2;
  opacity: 0;
  /* Animation for shine flicker/pulse */
  transform: scale(0);
  animation: shineEffectPulse 1.2s 2.8s infinite alternate
    cubic-bezier(0.55, 0, 0.4, 1);
}

@keyframes shineEffectPulse {
  0% {
    opacity: 0.75;
    transform: scale(0.75) rotate(-2deg);
  }
  45% {
    opacity: 1;
    transform: scale(0.9) rotate(10deg);
  }
  100% {
    opacity: 0.5;
    transform: scale(0.75) rotate(-10deg);
  }
}
.shine-effects-img9 {
  position: absolute;
  bottom: 85px;
  right: 52px;
  mix-blend-mode: screen;
  z-index: 2;
  opacity: 0;
  /* Animation for shine flicker/pulse */
  transform: scale(0);
}
.christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
  position: absolute;
  bottom: 80px;
  right: 52px;
  mix-blend-mode: screen;
  z-index: 2;
  opacity: 0;
  /* Animation for shine flicker/pulse */
  transform: scale(0);
  animation: shineEffectPulse 1.2s 3.8s infinite alternate
    cubic-bezier(0.55, 0, 0.4, 1);
}
.christmas-img8 {
  position: absolute;
  bottom: 148px;
  width: 112px;
  opacity: 0;
  right: 70px;
}
.christmas-2025-2026.slick-current.slick-active .christmas-img8 {
  position: absolute;
  bottom: 148px;
  width: 112px;
  opacity: 0;
  right: 70px;
  /* Christmas image animation: gentle float & scale pulse */
  animation: christmasImg8Float 1.5s 2s ease-in-out forwards;
}

@keyframes christmasImg8Float {
  0% {
    transform: translateY(20px);
    width: 112px;
    opacity: 0;
  }

  100% {
    transform: translateY(0px);

    opacity: 1;
  }
}
.christmas-img8 img {
  width: 100%;
}
.gold-bank-way {
  opacity: 0;
}
.christmas-2025-2026.slick-current.slick-active .gold-bank-way {
  opacity: 0;
  transform: translateY(40px);
  animation: goldBankWayBottomToTop 1.2s 0.7s cubic-bezier(0.55, 0, 0.4, 1)
    forwards;
  width: 557px;
}

@keyframes goldBankWayBottomToTop {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  60% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.bell-img-container {
  opacity: 0;
  position: absolute;
  bottom: 90px;
  left: -20px;
  opacity: 0;
}

.christmas-2025-2026.slick-current.slick-active .bell-img-container {
  animation: bellContainerBottomToTop 1.2s 2.8s forwards;
}

@keyframes bellContainerBottomToTop {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  60% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.bell-img {
  width: 100px;
}
.bell-img-container {
  bottom: 20px;
}
.christmas-2025-2026.slick-current.slick-active .bell-img {
  /* goldBankWayBottomToTop is 1.2s duration, 0.4s delay
     So, set bellRing animation to start after 1.2s + 0.4s = 1.6s delay */

  animation: bellRing 1.5s ease-in-out 2.5s forwards;
  transform-origin: 50% 10%;
  opacity: 1;
}

@keyframes bellRing {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  10% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(7deg);
  }
  40% {
    transform: rotate(-7deg);
  }
  50% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  70% {
    transform: rotate(3deg);
  }
  80% {
    transform: rotate(-3deg);
  }
  90% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*
.christmas-dear-right-img img {
  animation: dearMoveUpDown 1.6s 3.6s ease-in-out infinite alternate;
}
.christmas-dear-img img {
  animation: dearMoveUpDown 1.6s 3.9s ease-in-out infinite alternate;
}

@keyframes dearMoveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
} */

@media (max-width: 1199.5px) {
  .christmas-2025-2026.slick-current.slick-active .img4 {
    top: 101px;
    width: 125px;
    right: -7px;
  }
  .christmas-2025-2026.slick-current.slick-active #animated-spark {
    width: 350px;
  }
  .christmas-dear-right-img {
    right: -70px;
    width: 220px;
  }
  .christmas-gift-ribbon-right-img {
    width: 140px;
  }
  .christmas-gift-ribbon-img {
    width: 130px;
  }
  .christmas-dear-img {
    position: absolute;
    top: 148px;
    left: 36px;
  }
  .christmas-2025-2026.slick-current.slick-active .christmas-img8 {
    right: 19px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
    bottom: 80px;
    right: -8px;
  }
  .coin-group {
    bottom: 176px;
    width: 209px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects {
    bottom: 12px;
    left: 67px;
  }
}
@media (max-width: 991.5px) {
  .coin-group {
    bottom: 176px;
    width: 209px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects {
    bottom: -28px;
    left: 27px;
  }
  .christmas-2025-2026.slick-current.slick-active #animated-spark {
    width: 240px;
  }
  .coin-group {
    bottom: 204px;
    width: 165px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-group .coin-2 {
    margin-left: -53px;
    margin-bottom: -5px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-group .coin-3 {
    margin-left: -30px;
    margin-bottom: -5px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-1-shadow {
    bottom: -66px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-2-shadow {
    bottom: -52px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-3-shadow {
    bottom: -36px;
  }

  bellContainerBottomToTop animation {
    opacity: 1;
    transform: translateY(0px);
  }

  .christmas-2025-2026.slick-current.slick-active .bell-img-container {
    animation: bellContainerBottomToTop 1.2s 2.8s forwards;
  }
  .bell-img-container {
    bottom: 57px;
    left: -16px;
    width: 75px;
  }
  .christmas-2025-2026.slick-current.slick-active .christmas-img8 {
    right: -1px;
    bottom: 185px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
    bottom: 120px;
    right: -23px;
  }
  .christmas-2025-2026.slick-current.slick-active .img4 {
    top: 158px;
    width: 95px;
    right: -3px;
  }
  .christmas-gift-ribbon-img {
    width: 135px;
  }
  .christmas-dear-img {
    position: absolute;
    top: 168px;
    left: 26px;
  }
  .christmas-gift-ribbon-right-img {
    width: 144px;
  }
  .christmas-dear-right-img {
    right: -50px;
    width: 215px;
    bottom: 10px;
  }
  .home_banner .christmas-shop-now-btn .action-button-new a span {
    font-size: 18px;
  }
}

@media (max-width: 767.5px) {
  .christms-stripe-header {
    height: 140px;
  }
  .new-home .home_slider.christmas-2025-2026 {
    padding-top: 140px;
  }
  .christmas-2025-2026.slick-current.slick-active #animated-spark {
    width: 180px;
    height: 180px;
  }
  .bell-img-container {
    bottom: 19px;
    left: -20px;
    width: 63px;
  }
  .christmas-2025-2026.slick-current.slick-active .gold-bank-way {
    width: 330px;
  }
  .christmas-shop-now-btn {
    margin-top: 0px;
  }
  .coin-group {
    bottom: 73px;
  }
  .christmas-2025-2026.slick-current.slick-active .christmas-img8 {
    right: 49px;
    bottom: 50px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
    bottom: 10px;
    right: 50px;
    width: 95px;
  }
  .home_banner .christmas-shop-now-btn .action-button-new a span {
    font-size: 22px;
  }
  .christmas-2025-2026.slick-current.slick-active .img4 {
    top: 9px;
    width: 95px;
    right: 67px;
  }
  .width300px {
    margin-top: 0 !important;
  }
}
@media (max-width: 575.5px) {
  .christmas-2025-2026.slick-current.slick-active .img4 {
    top: -18px;
    width: 78px;
    right: 54px;
  }
  .christmas-2025-2026.slick-current.slick-active .christmas-img8 {
    right: 54px;
    bottom: 43px;
    width: 90px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
    bottom: -3px;
    right: 43px;
  }
  .christmas-2025-2026.slick-current.slick-active .gold-bank-way {
    margin: auto;
  }
  .coin-group {
    bottom: 64px;
    left: 60px;
    width: 135px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-1-shadow {
    bottom: -58px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-2-shadow {
    bottom: -43px;
  }
  .christmas-2025-2026.slick-current.slick-active .coin-3-shadow {
    bottom: -29px;
  }
  .christmas-dear-right-img {
    right: -20px;
    width: 135px;
    bottom: 0;
  }
  .christmas-dear-img {
    left: 0px;
    width: 165px;
  }
  .christmas-gift-ribbon-right-img {
    right: -50px;
  }
  .christmas-gift-ribbon-img {
    left: -50px;
  }
  .christmas-2025-2026.slick-current.slick-active .gold-bank-way {
    width: 310px;
  }
  .width300px {
    width: 440px;
    position: relative;
  }
}
@media (max-width: 445.5px) {
  .christmas-gift-ribbon-right-img {
    width: 154px;
    bottom: -30px;
  }
  .christmas-2025-2026.slick-current.slick-active .gold-bank-way {
    width: 240px;
  }
  .christmas-dear-right-img {
    right: -40px;
    width: 135px;
    bottom: 10px;
  }
  .christmas-dear-img {
    left: -30px;
    width: 165px;
  }
  #animated-spark {
    margin-top: 10px;
  }
  .christmas-gift-ribbon-img {
    left: -70px;
  }
  .christmas-dear-img {
    width: 121px;
  }
  .christmas-2025-2026.slick-current.slick-active .img4 {
    right: 10px;
    top: -19px;
  }
  .christmas-shop-now-btn {
    margin-top: 35px;
  }
  .bell-img-container {
    bottom: 16px;
    left: -17px;
    width: 63px;
  }
  .christmas-2025-2026.slick-current.slick-active #animated-spark {
    width: 190px;
    height: 180px;
  }
  .christmas-dear-right-img {
    right: -40px;
    width: 105px;
  }
  .christmas-gift-ribbon-right-img {
    right: -70px;
  }
  .coin-group {
    bottom: 50px;
    left: 10px;
    width: 125px;
  }
  .christmas-2025-2026.slick-current.slick-active .christmas-img8 {
    right: 14px;
    bottom: 23px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects-img9 {
    bottom: -17px;
    right: 5px;
  }
  .christmas-2025-2026.slick-current.slick-active .shine-effects {
    bottom: 12px;
    left: 45px;
    width: 65px;
  }
  .width300px {
    width: 300px;
    position: relative;
  }
}

.goldbank-homepage.override-text-black-for-banner .header-menu ul > li > a {
  color: #030303;
}
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .announcement-text {
  color: #030303;
}
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .metal-name,
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .ounces,
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .grams {
  color: #030303;
}
.goldbank-homepage.override-text-black-for-banner .gold_price p {
  color: #030303;
}
.goldbank-homepage.override-text-black-for-banner .btn-group.our-network a {
  color: #030303;
}
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .announcement-wrapper
  .speaker
  .speaker-white-icon {
  display: none;
}
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .announcement-wrapper
  .speaker
  .speaker-black-icon {
  display: inline-block;
}
.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .headerLinks
  .dropdown-toggle
  img {
  filter: invert(100%);
}

.goldbank-homepage.override-text-black-for-banner
  .header_inner
  .price-container
  .arrows
  > i,
.goldbank-homepage.override-text-black-for-banner
  .header_bottom
  .header_inner
  .headerLinks
  .cart::after {
  color: #030303;
}
@media (max-width: 767.5px) {
  .goldbank-homepage.override-text-black-for-banner #nav-icon3 div {
    color: #fff;
  }
  .goldbank-homepage.override-text-black-for-banner
    .header_inner
    .headerLinks
    .dropdown-toggle
    img {
    filter: invert(0%);
  }

  .goldbank-homepage.override-text-black-for-banner.menu-open
    .header_inner
    .headerLinks
    .dropdown-toggle
    img {
    filter: invert(100%);
  }
  .goldbank-homepage.override-text-black-for-banner
    .main-wrapper:has(.search-open)
    .header_inner
    .headerLinks
    .dropdown-toggle
    img {
    filter: invert(1);
  }
  .goldbank-homepage.override-text-black-for-banner
    .header_bottom
    .header_inner
    .headerLinks
    > .cart::after {
    filter: invert(100%);
  }

  .goldbank-homepage.override-text-black-for-banner
    .header_inner.menu-open
    .headerLinks
    .dropdown-toggle
    img {
    filter: invert(100%);
  }
  .goldbank-homepage.override-text-black-for-banner
    .new-homeheader
    > .header_bottom {
    /* background: #00000066; */
  }
  .goldbank-homepage.override-text-black-for-banner
    .header_bottom
    .header_inner.menu-open
    .headerLinks
    .cart::after {
    filter: invert(100%);
  }
}
.specific-home-page-header {
  /* background-color: red !important; */
}
.override-text-black-for-banner {
  .header_logo .black_logo {
    display: inline;
  }
  .header_logo .white_logo {
    display: none;
  }
}

.christmas-banner-enable {
  .header_logo img {
    min-height: 43px;
  }
  .header_logo {
    min-height: 43px;
  }
}
.override-text-black-for-banner.gold_price {
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(5px);
}
.override-text-black-for-banner {
  .new-homeheader > .header_bottom {
    background: rgba(0, 0, 0, 0.05);
    /* backdrop-filter: blur(5px); */
    border: 0 !important;
  }
  .fixed-width-container header .header_bottom {
    border: 0 !important;
  }

  .gold_price p {
    font-weight: 500;
  }
  .header_inner .price-container .separator {
    border-left-color: rgba(0, 0, 0, 0.2);
  }
  .home_slider .slide:before {
    display: none !important;
  }
  @media (max-width: 767.5px) {
    .home_banner .slide .action-button a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }
}
@media (max-width: 767.5px) {
  .override-text-black-for-banner {
    .header_inner.menu-open .cart-white-svg {
      display: inline !important;
    }
    .header_inner.menu-open .cart-black-svg {
      display: none !important;
    }
    .cart-white-svg {
      display: none;
    }
    .cart-black-svg {
      display: inline !important;
    }
    #nav-icon3 span {
      background: black;
    }
    #nav-icon3 div {
      color: black !important;
      font-weight: 600 !important;
    }
    .header_bottom .header_inner .headerLinks .cart::after {
      filter: none !important;
      font-weight: 600 !important;
    }
  }

  .christmas-banner-enable {
    .header_logo img {
      min-height: 37px;
    }
    .header_logo {
      min-height: 43px;
    }
  }
}
@media (min-width: 768px) {
  .override-text-black-for-banner {
    .home_banner .christmas-shop-now-btn .action-button-new > a::before {
      background: none !important;
    }
    .home_banner .christmas-shop-now-btn .action-button-new > a:hover::after {
      background: #b7893a !important;
    }
    .home_banner .christmas-shop-now-btn .action-button-new a span {
      color: #b7893a !important;
      -webkit-text-fill-color: unset !important;
      background-image: unset !important;
    }
    .home_banner .christmas-shop-now-btn .action-button-new a > i::before {
      color: #b7893a !important;
      font-weight: 500 !important;
    }
  }
}

@media (max-width: 767.5px) {
  .override-text-black-for-banner.search-modal-open {
    .new-homeheader > .header_bottom {
      background: #f5f5f5;
      backdrop-filter: none;
    }
  }
}