@layer components {

/* Custom Progress Bar */

.custom-progressbar {
    @apply w-full h-[8px] appearance-none rounded-[40px] bg-custom-orange-25;
  }

  /* Customized progress bar */
  .custom-progressbar::-webkit-progress-bar {
    @apply bg-custom-orange-25 rounded-[40px];
  }

  /* Customized progress value */
  .custom-progressbar::-webkit-progress-value {
    @apply bg-custom-orange-500 rounded-[40px];
  }

}