@layer components {
    .accordion-item {
        @apply bg-custom-orange-25 border-2 border-custom-orange-300 rounded-[8px] px-[20px] py-[16px];
    }

    .accordion-title {
        @apply text-custom-grey-900 font-semibold text-lg;
    }

    .accordion-content {
        @apply text-custom-grey-700 font-semibold text-[16px] leading-6 mt-[4px];
    }



    /* Accordion for faq */
    .faq-accordion-item {
        @apply rounded-[8px] px-[20px] py-[16px];
    }

    /* Accordion for faq */
    .schedule-accordion-item {
        @apply rounded-[4px] px-[16px] py-[8px];
    }
}