.heading-1 {
    @apply text-3xl font-bold
}

.heading-2 {
    @apply lg:text-2xl font-bold text-lg
}

.heading-3 {
    @apply lg:text-xl text-base font-bold
}

.heading-4 {
    @apply text-lg font-semibold
}

.heading-5 {
    @apply text-base font-semibold
}

.link {
    @apply text-[#1B8EF2]
}

.table {
    @apply w-full
}

.table thead tr th {
    @apply text-sm text-muteLight text-left font-normal
}

.table thead tr th {
    @apply py-2
}

.table tr th,
.table tr td {
    @apply py-2 text-sm
}

.container-section {
    @apply w-full mx-auto px-3;
    @apply lg:w-[1080px] lg:px-0;
}

.cols-1 {
    @apply col-span-1
}

.cols-2 {
    @apply col-span-2
}

.cols-3 {
    @apply col-span-3
}

.cols-4 {
    @apply col-span-4
}

.cols-5 {
    @apply col-span-5
}

.cols-6 {
    @apply col-span-6
}

.cols-7 {
    @apply col-span-7
}

.cols-8 {
    @apply col-span-8
}

.cols-9 {
    @apply col-span-9
}

.cols-10 {
    @apply col-span-10
}

.cols-11 {
    @apply col-span-11
}

.cols-12 {
    @apply col-span-12
}

.product-ads-section {
    @apply bg-gray-100 mx-[calc(-50vw_+_50%)] w-screen
}