/* Add custom CSS styles below */ 
 .NG-hero-section .flex.flex-col.items-start {
    margin-right: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    width: 40%;
    left: 0 !important;
    right: unset;

  align-items: center
}

.NG-hero-section-0 .block-title {
    color: #000000;
    text-align: center;
    width: 60%;
    border-bottom: 3px solid #74886f;
}

.sticky .absolute p {
    -webkit-text-stroke: 6px transparent;
    background: linear-gradient(to bottom, #000000, rgb(0 0 0 / 70%), #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
}
@media (min-width: 992px) {
.GL-promotional-banner .img-height .relative.z-10 {
    z-index: 10;
    display: flex;
    flex-direction: inherit;
    width: 40%;
}
 .GL-promotional-banner .img-height .relative.z-10 p{
  font-size: 55px !important ;
}
  .btn-swap {
    transition-duration: .3s;
    text-align: center;
}
 .sticky .absolute p {
    font-size: 60px;
    padding: 20px 0 !important ;
} 
    .NG-categories .grid {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

}
.footer_logo_size img {
    width: 204px !important;
    max-width: 160px;
}
@media (max-width: 768px) {
.NG-hero-section .subtext-bottom p{
display: none;
 }
.GL-promotional-banner-5 >div>div {
    height: auto !important;
}
  .NG-hero-section-0 .block-title {

    width: 95%;

    font-size: 20px;
}
    .NG-categories .grid {
    grid-template-columns: repeat(6,minmax(0,1fr));
}
.card {
    grid-column: 2 span;
}
  .card:nth-child(4) {
    grid-column: 2/4;
}
}