/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 23 2026 | 07:34:01 */
:root {
  --slide-size: 80vw;
}
@media (min-width:900px){
  :root{
    --slide-size: 680px;
  }
}
.slider {
  width:100%;
  overflow:hidden;
}
.track {
  display:flex;
  animation: slide 20s infinite cubic-bezier(0.9, 0, 0.1, 1);
}
.slide {
  flex:0 0 var(--slide-size);
  display:flex;
  justify-content:center;
}
.slide img{
  width:100%;
  height:auto;
  display:block;
}
@keyframes slide {
  0%,8% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 6 * var(--slide-size)));
  }
  16%,24% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 7 * var(--slide-size)));
  }
  32%,40% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 8 * var(--slide-size)));
  }
  48%,56% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 9 * var(--slide-size)));
  }
  64%,72% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 10 * var(--slide-size)));
  }
  80%,88% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 11 * var(--slide-size)));
  }
  100% {
    transform: translateX(calc((100% - var(--slide-size)) / 2 - 12 * var(--slide-size)));
  }
}
.slider:hover .track{
  animation-play-state:paused;
}