@import "tailwindcss";
@plugin "daisyui";

* {
  scroll-behavior: smooth;
}

.animated-shadow-button {
  animation: pulseShadow 2.5s infinite ease-in-out;
  z-index: 100;
}

@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 10px rgba(118, 98, 31, 0.2);
  }
  33% {
    box-shadow: 0 0 35px 3px rgba(118, 98, 31, 0.8);
  }
  66% {
    box-shadow: 0 0 35px 3px rgba(118, 98, 31, 0.8);
  }
  100% {
    box-shadow: 0 0 10px rgba(118, 98, 31, 0.2);
  }
}

.logo-scroll {
  /* display: flex; */
  animation: scroll 60s linear infinite;
  width: max-content;
}
.logo-scroll2 {
  /* display: flex; */
  animation: scrollRight 40s linear infinite;
  width: max-content;
}

.swiper {
  width: 130% !important;
}

@media screen and (max-width: 600px) {
  .swiper {
    width: 250% !important;
  }
  .swiper-slide {
    padding: 5px !important;
  }
}

.swiper img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.swiper-wrapper {
  transition-timing-function: linear !important;
}

.radial-bg {
  background: radial-gradient(circle, #d4af37 40%, rgba(43, 43, 43, 0) 100%);
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50.7%);
  }
}
@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}