.slick-slide {
  margin: 0 10px; /* gap between slides */
}
.slick-list {
  margin: 0 -10px; /* prevent overflow */
}

@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Light.eot');
    src: url('/fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Outfit-Light.woff2') format('woff2'),
        url('/fonts/Outfit-Light.woff') format('woff'),
        url('/fonts/Outfit-Light.ttf') format('truetype'),
        url('/fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quiny';
    src: url('/fonts/Quiny.eot');
    src: url('/fonts/Quiny.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Quiny.woff2') format('woff2'),
        url('/fonts/Quiny.woff') format('woff'),
        url('/fonts/Quiny.ttf') format('truetype'),
        url('/fonts/Quiny.svg#Quiny') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('/fonts/Outfit-Regular.eot');
    src: url('/fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Outfit-Regular.woff2') format('woff2'),
        url('/fonts/Outfit-Regular.woff') format('woff'),
        url('/fonts/Outfit-Regular.ttf') format('truetype'),
        url('/fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 .animate-gradient {
    background: linear-gradient(45deg, #ff9321, #631dff, #ff9321);
    background-size: 300% 300%;
    animation: gradientShift 8s ease infinite;
  }

  @keyframes gradientShift {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

   /* Fade-out animation */
  .fade-out {
    animation: fadeOut 2s forwards;
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }


