/* Banner logo positioning now handled with Tailwind classes */

.group .nux {
  opacity: 100;
  transform: rotateY(0deg);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
  backface-visibility: hidden;
}

.group:hover .nux {
  opacity: 0;
  transform: rotateY(90deg);
}

.group .benfit-icon,
.group .feature-icon {
  transform: rotateY(-90deg);
  backface-visibility: hidden;
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.group:hover .benfit-icon,
.group:hover .feature-icon {
  transform: rotateY(0deg);
  opacity: 1;
}

.blob-animate {
  border-radius: 45% 55% 60% 40% / 50% 55% 45% 50%;
  animation: itsblobMorph 3s ease-in-out infinite alternate;
}

@keyframes itsblobMorph {
  0% {
    border-radius: 45% 55% 60% 40% / 50% 55% 45% 50%;
    transform: scale(1);
  }

  50% {
    border-radius: 60% 40% 45% 55% / 55% 60% 40% 45%;
    transform: scale(1.1);
  }

  100% {
    border-radius: 20% 50% 20% 60% / 65% 75% 80% 40%;
    transform: scale(1);
  }
}

.actionSwiper {
  position: relative;
  padding-bottom: 56px;
  overflow: hidden !important;
}

.actionSwiper .custom-nav {
  width: 44px;
  height: 44px;
  background: #be9600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  bottom: 0;
  top: auto;
  z-index: 20;
}

.actionSwiper .swiper-button-prev {
  left: 0;
}

.actionSwiper .swiper-button-next {
  right: 0;
}

/* Remove default arrow styles */
.actionSwiper .swiper-button-prev::after,
.actionSwiper .swiper-button-next::after {
  display: none;
}

/* Hover effect */
.actionSwiper .custom-nav:hover {
  background: #ae8900;
}

.swiper-pagination {
  width: fit-content !important;
  left: 45% !important;
}

/* Slide card styles are defined in input.css */

/* Removed legacy mobile positioning - now using Tailwind responsive classes */

.sm\:pagination {
  @media (width < 40rem) {
    left: 28% !important;
  }
}

.md\:px-14 {
  @media (width >=48rem) {
    padding-inline: calc(var(--spacing) * 14);
  }
}

.md\:px-20 {
  @media (width >=48rem) {
    padding-inline: calc(var(--spacing) * 20);
  }
}

.md\:py-14 {
  @media (width >=48rem) {
    padding-block: calc(var(--spacing) * 14);
  }
}

/* Removed - now handled in the rotating transition styles above */

.lg\:pr-20 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 20);
  }
}
.lg\:pt-20 {
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing) * 20);
  }
}
.lg\:pb-20 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 20);
  }
}

.sm\:h-90 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 90);
  }
}
.sm\:h-130 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 120);
  }
}
.md\:mb-8 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.md\:p-5 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.md\:p-16 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 16);
  }
}
.md\:mb-12 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 12);
  }
}
.bg-\[\#F9FAFB\] {
  background-color: #f9fafb;
}
.bg-\[\#50BAEB1A\] {
  background-color: #50baeb1a;
}
.bg-\[\#2CA01C1A\] {
  background-color: #2ca01c1a;
}
.bg-\[\#F3F4F6\] {
  background-color: #f3f4f6;
}
.bg-\[\#F168291A\] {
  background-color: #f168291a;
}
.bg-\[\#000717\] {
  background-color: #000717;
}
.opacity-50 {
  opacity: 50%;
}
.w-fit {
  width: fit-content;
}
.lg\:pl-10 {
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 10);
  }
}
.lg\:mb-4 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.max-w-\[950px\] {
  max-width: 950px;
}
/* Custom cursor - uses OS compositor for zero-lag tracking */
body {
  cursor:
    url("/images/cursor-logo.png") 16 4,
    auto;
}
a,
button,
label,
[role="button"],
.swiper-pagination-bullet,
.actionSwiper .custom-nav {
  cursor: pointer !important;
}
input,
textarea,
select {
  cursor: auto !important;
}
.swiper-wrapper {
  cursor: grab;
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.h-full {
  height: 100%;
}
.object-contain {
  object-fit: contain;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.md\:pr-10 {
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing) * 10);
  }
}