.horizontal-slide-from-right-to-left {
  animation: horizontal-slide-from-right-to-left linear 10s infinite;
}

@keyframes horizontal-slide-from-right-to-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.horizontal-slide-from-left-to-right {
  animation: horizontal-slide-from-left-to-right linear 10s infinite;
}

@keyframes horizontal-slide-from-left-to-right {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(50%);
  }
}

.animation-duration-2s {
  animation-duration: 2s;
}
.animation-duration-5s {
  animation-duration: 5s;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

.rotate-full {
  animation: rotate-full 10s linear infinite;
}
@keyframes rotate-full {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.scrolling {
  animation: fadeInDown 0.9s 1;
  backdrop-filter: blur(4px);
}

.swiper-wrapper {
  transition-timing-function: linear;
}

.swiper-scrollbar-drag {
  cursor: pointer;
  width: 85px !important;
  height: 50px;
  top: -24px;
  left: -2px;
  position: absolute;
  background-size: cover;
  background-color: transparent;
  background-image: url(../img/icons/icon-white-slider-drug-arrow.svg);
}

.testimonial-custom-pagination .swiper-pagination-bullet {
  width: 50px;
  height: 6px;
  border-radius: 6px;
  background-color: #a58a6a;
}

.testimonial-custom-pagination .swiper-pagination-bullet-active {
  background-color: #221f1a;
}

.offcanvas-body {
  transition: transform 0.3s ease;
}

.text-red-600 {
    color: rgb(220 38 38);
}

.text-orange-400 {
    color: rgb(251 146 60) !important;
}

.text-green-500 {
    color: rgb(34 197 94);
}

.text-amber-400 {
    color: rgb(251 191 36);
}

.text-amber-500 {
    color: rgb(245 158 11);
}

.bg-green-100 {
    background-color: rgb(220 252 231);
}

.bg-green-400 {
    background-color: rgb(74 222 128);
}

.bg-green-500 {
    background-color: rgb(34 197 94);
}

.bg-green-600 {
    background-color: rgb(22 163 74);
}

.bg-orange-400 {
    background-color: rgb(251 146 60 / 1);
}

.bg-amber-600 {
    background-color: rgb(217 119 6);
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.m-5 {
    margin: 1.25rem;
}

.mr-2 {
    margin-right: 0.75rem;
}

.mr-3 {
    margin-right: 1rem;
}

.ml-2 {
    margin-right: 0.75rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.p-0 {
    padding: 0 !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-4 {
    padding: 1rem !important;
}

.p-8 {
    padding: 2rem !important;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(10rem/* 16px */ * var(--tw-space-x-reverse));
    margin-left: calc(1rem/* 16px */ * calc(1 - var(--tw-space-x-reverse)));
}

.border-l-4 {
    border-left-width: 4px;
}