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

 .NG-hero-section .flex.flex-col.items-start {
   
   
   top:20rem;
}

}

img.s-trust-badges-image {
    filter: brightness(0.0)invert(1);
}
.s-trust-badges-content {
color:  #fff;
}

@media (max-width: 768px) {

.NG-hero-section .flex.flex-col.items-start {

    align-items: center;
}
  .NG-hero-section-0 .block-title {
 
    text-align: center;
    font-size: 14px;
}


.NG-hero-section-7  .banner-wrapper {
    height: 14svh;
}

}





@media (max-width: 768px) {
  .NG-hero-section-2  .banner-wrapper {
    height: 18svh !important;
}
    .NG-hero-section-4  .banner-wrapper {
    height: 18svh !important;
}
  .NG-hero-section .flex.flex-col.items-start h1{
   font-size: 18px ;
 }
 .NG-hero-section .subtext-bottom p{
display: none;
 }
.GL-promotional-banner  .container img {
    object-fit: fill;
}
  .GL-promotional-banner  
 .flex.flex-col {
    height: 600px !important;
}
.GL-promotional-banner  .container img {
    object-fit: fill !important ;
}
  .NG-marquee-banner .aspect-video {
    object-fit: contain;
}
  
}
 .GL-promotional-banner .flex.flex-col.md\:flex-row.gap-4 {
height: unset !important ; 
}