/* Add custom CSS styles below */ 
.NG-main-banner-0 .banner-1 {
    background-position: left;
}


@media (min-width:767px){
  .NG-main-banner-0 .banner {
    min-height: 92vh !important;
}
.NG-main-banner-0 .text-wrapper h1, .NG-main-banner-0 .text-wrapper p {
    font-size: 80px;
    line-height: normal;
    max-width: fit-content;
}}


/*categories*/
.NG-categories .card img, .NG-categories .card-back-image {
    object-fit: contain;
}
@media (min-width:767px){
.NG-categories .lg\:grid-cols-4 {
    grid-template-columns: repeat(3,minmax(0,1fr));
} 
.NG-categories .container {
    max-width: 900px;
}}
@media (max-width:767px){
.NG-categories .card-back-overlay {
    opacity: 0;
}
.GL-promotional-banner .flex.flex-col.md\:flex-row.gap-4 {
    height: 500px !important;
}}


.s-product-card-image-cover {
    object-fit: contain !important;
}
.s-product-card-vertical .s-product-card-image {
    background: #fff;
}