.tabbed-content {
    @apply container mt-10 mx-auto p-0;
    &__header {
        @apply w-full inline-flex items-center justify-start gap-2 pl-3 flex-wrap md:gap-4 bg-slate-100;
        .title {
            @apply text-body py-2  text-2xl  block;
        }
        .tabs {
            @apply inline-flex gap-2 justify-center md:justify-start ;
            a {
                @apply bg-gray-600 text-white px-3 py-[2px] uppercase text-sm inline-flex items-center justify-center gap-1 rounded-sm;
                svg {
                    @apply w-4 h-4;
                }
                &.active {
                    @apply  cursor-default bg-secondary ;
                }
                &:not(.active) {
                    @apply hover:bg-gray-500;
                }
            }
        }

    }

}