/* Add custom CSS styles below */ 
.NG-testimonials .container.leading-normal.text-center {
    background: #432A19;
    padding: 2rem;
}
.fixed-pinned .the-logo , .the-logo:not(.index .the-logo){
    height: 80px;
    filter: brightness(0.2);
}
.NG-hero-section .wrapper {
    top: 22%;
    width: 28%;
    right: auto;
    left: 10%;
    align-items: center;
    text-align: center;
}
.GL-promotional-banner-2 .relative.z-10 {
    width: 35%;
}
.NG-main-banner .text-wrapper h1 {
    width: 25%;
    line-height: normal;
}
.NG-main-banner  .banner.rounded-lg.items-center.sal-animate {
    justify-content: flex-end;
}
.GL-promotional-banner-6  .relative.items-start.justify-start.sal-animate .relative.z-10 {
    margin-top: 3rem;
    margin-right: 2rem;
}
.GL-promotional-banner-6  .relative.rounded-md.items-end.justify-center.sal-animate h2 {
    width: 70%;
    justify-self: flex-end;
    text-align: center;
}
@media (min-width: 600px) {
.NG-categories .swiper-wrapper {
    justify-content: center;
}}
@media (max-width: 600px) {
.fixed-pinned .the-logo {
    height: 60px;
}
.NG-hero-section .wrapper {
    top: 15%;
    width: 55%;
    left: 2%;
}
.NG-hero-section-0  .banner-wrapper {
    background-position: 75%;
}
.GL-promotional-banner-2 .relative.z-10 {
    width: 38%;
}
.NG-main-banner .text-wrapper h1 {
    width: 44%;
}
.GL-promotional-banner-6  .relative.overflow-hidden.items-start.justify-start.sal-animate {
    height: 35vh;
}
.GL-promotional-banner-6  .relative.items-start.justify-start.sal-animate .relative.z-10 {
    margin-top: 1rem;
    margin-right: 1rem;
}
.NG-categories .card-back-overlay {
    opacity: 0;
}}

.product-single .sidebar img.object-contain {
    object-fit: cover;
}