/* Add custom CSS styles below */ 
body#app , .text-black{
    color: #C2A26A !important;
}
.text-gray-500 {
    color: rgb(218 218 218);
}
.s-product-options-option-label {
    color: rgb(255 255 255);
}
.single__test .s-social-share-list li a {
    fill: #C2A26A;
}

.NG-hero-section-0 .banner-wrapper {
    background-position: left bottom;
}
.marquee-content {
    display: none !important;
}
.NG-marquee-banner .marquee-wrapper {
    background-color: unset !important;
}
.NG-marquee-banner .discount-content .discount-number span {
    display: none;
}

.NG-marquee-banner .discount-content .discount-number {
    background: linear-gradient(90deg,rgba(187, 156, 102, 0) 0%, rgba(187, 156, 102, 1) 100%);
    font-size: 30px;
    padding: 10px;
}
.GL-promotional-banner{
  
  .relative.z-10 {
    text-align: center;
}
  a.btn-swap {
    border: none;
}}

.NG-hero-section .wrapper {
    align-items: center;
    max-width: 38%;
    text-align: center;
}
.NG-hero-section .banner-wrapper[aria-label="2 / 2"]{
   .wrapper {
    right: auto;
    left: 5%;
}
  p.subtext{
    display: none !important;
}}
.NG-hero-section {
  p.subtext{
    display: block !important;
}
  .subtext-bottom {
    display: none !important;
}
                 }
@media (min-width:767px){
.GL-promotional-banner h2.font-normal {
    font-size: 45px;
    max-width: 230px;
    text-align: center;
}
.NG-marquee-banner + .NG-marquee-banner .lg\:h-\[300px\] {
    height: 100%;
    min-height: fit-content;
}}

@media (max-width:767px){
.NG-hero-section .wrapper {
    max-width: 60%;
    gap: 5px;
}
.NG-categories .card-back-overlay {
    opacity: 0;
}
.NG-marquee-banner .discount-content .discount-number {
    font-size: 16px;
  padding: 8px;
}
.NG-marquee-banner + .NG-marquee-banner .discount-content {
    left: 46% !important;
}
.GL-promotional-banner h2.font-normal {
    font-size: 28px;
    max-width: 143px;
}
}