/* Add custom CSS styles below */ 

a.button.bg-primary,
a.btn-swap,
   .banner_grid .text-wrapper a{
   background: linear-gradient(90deg,rgba(87, 173, 50, 1) 0%, rgba(105, 44, 122, 1) 100%);
   border: none;
}
.index{
.NG-hero-section .wrapper {
    width: 25%;
    left: 10%;
    right: auto;
}
section.NG-animated-1,
  .bg-primary.footer-payments{
    background: linear-gradient(90deg,rgba(87, 173, 50, 1) 0%, rgba(105, 44, 122, 1) 100%);
}
.NG-hero-section .swiper.s-slider-container .swiper-slide:not(:first-child) {
display:none;
}
section.NG-categories {
    margin-top: 4rem;
}
section:not(.NG-main-banner) h1.font-normal {
    color: #692C7A !important;
}
.GL-promotional-banner h2.text-\[clamp\(0\.875rem\,0\.0938rem\+2\.5vw\,1\.5rem\)\].font-normal.leading-\[1\.2\] {
    filter: drop-shadow(0px 4px 4px rgba(103, 45, 122, 0.6));
    font-weight: bold;
}
 .NG-main-banner-7 .banner_grid-1 {
    justify-content: center;
       align-items: flex-end;
}
.NG-main-banner-6 .text-wrapper.justify-center.container.items-center {
    margin-left: 0;
    width: 50% !important;
    width: 50% !important;
    margin-right: auto;
}
@media (max-width: 768px){
  .NG-hero-section .wrapper {
    width: 40%;
}
  .NG-categories .card-back-overlay {
    opacity: 0;
}
  .NG-categories .card-inner {
    height: 200px;
}
 .GL-promotional-banner h2.font-normal{
    font-size: 22px;
}
  .NG-hero-section .wrapper {
    left: auto;
    right: 10%
}
 /* .NG-hero-section-0 .swiper.s-slider-container .swiper-slide {
    height: 50vh;
}*/
}
  }