@tailwind base;
@tailwind components;
@tailwind utilities;

@layer tailwind-base, primevue, tailwind-utilities;

.custom-bg {
    @apply bg-gradient-to-br from-[#e2e8ec] to-white shadow-[5px_5px_15px_#D1D9E6,_-5px_-5px_15px_#ffffff];
  }
.custom-bg-hover {
    @apply hover:bg-gradient-to-br  hover:from-primary-400 hover:text-white hover:to-white hover:shadow-[5px_5px_15px_#D1D9E6,_-5px_-5px_15px_#ffffff] ;
  }
@layer tailwind-base {
    @tailwind base;
}

@layer tailwind-utilities {
    @tailwind components;
    @tailwind utilities;
}

@layer utilities {
    .clip-wave {
      clip-path: path('M0,0 L0,230 Q175,300 350,230 L350,0 Z');
    }
  }