/* ------------------------------------------------------------------- 
  PADDING 
---------------------------------------------------------------------- */

.tw-px-1 {
    padding-left: 0.25rem; /* 4px */
    padding-right: 0.25rem; /* 4px */
}

.tw-py-1 {
    padding-top: 0.25rem; /* 4px */
    padding-bottom: 0.25rem; /* 4px */
}

.tw-ps-1 {
    padding-inline-start: 0.25rem; /* 4px */
}

.tw-pe-1 {
    padding-inline-end: 0.25rem; /* 4px */
}

.tw-pt-1 {
    padding-top: 0.25rem; /* 4px */
}

.tw-pr-1 {
    padding-right: 0.25rem; /* 4px */
}

.tw-pb-1 {
    padding-bottom: 0.25rem; /* 4px */
}

.tw-pl-1 {
    padding-left: 0.25rem; /* 4px */
}

.tw-p-1.5 {
    padding: 0.375rem; /* 6px */
}

.tw-px-1.5 {
    padding-left: 0.375rem; /* 6px */
    padding-right: 0.375rem; /* 6px */
}

.tw-py-1.5 {
    padding-top: 0.375rem; /* 6px */
    padding-bottom: 0.375rem; /* 6px */
}

.tw-ps-1.5 {
    padding-inline-start: 0.375rem; /* 6px */
}

.tw-pe-1.5 {
    padding-inline-end: 0.375rem; /* 6px */
}

.tw-pt-1.5 {
    padding-top: 0.375rem; /* 6px */
}

.tw-pr-1.5 {
    padding-right: 0.375rem; /* 6px */
}

.tw-pb-1.5 {
    padding-bottom: 0.375rem; /* 6px */
}

.tw-pl-1.5 {
    padding-left: 0.375rem; /* 6px */
}

.tw-p-2 {
    padding: 0.5rem; /* 8px */
}

.tw-px-2 {
    padding-left: 0.5rem; /* 8px */
    padding-right: 0.5rem; /* 8px */
}

.tw-py-2 {
    padding-top: 0.5rem; /* 8px */
    padding-bottom: 0.5rem; /* 8px */
}

.tw-ps-2 {
    padding-inline-start: 0.5rem; /* 8px */
}

.tw-pe-2 {
    padding-inline-end: 0.5rem; /* 8px */
}

.tw-pt-2 {
    padding-top: 0.5rem; /* 8px */
}

.tw-pr-2 {
    padding-right: 0.5rem; /* 8px */
}

.tw-pb-2 {
    padding-bottom: 0.5rem; /* 8px */
}

.tw-pl-2 {
    padding-left: 0.5rem; /* 8px */
}

.tw-p-2.5 {
    padding: 0.625rem; /* 10px */
}

.tw-px-2.5 {
    padding-left: 0.625rem; /* 10px */
    padding-right: 0.625rem; /* 10px */
}

.tw-py-2.5 {
    padding-top: 0.625rem; /* 10px */
    padding-bottom: 0.625rem; /* 10px */
}

.tw-ps-2.5 {
    padding-inline-start: 0.625rem; /* 10px */
}

.tw-pe-2.5 {
    padding-inline-end: 0.625rem; /* 10px */
}

.tw-pt-2.5 {
    padding-top: 0.625rem; /* 10px */
}

.tw-pr-2.5 {
    padding-right: 0.625rem; /* 10px */
}

.tw-pb-2.5 {
    padding-bottom: 0.625rem; /* 10px */
}

.tw-pl-2.5 {
    padding-left: 0.625rem; /* 10px */
}

.tw-p-3 {
    padding: 0.75rem; /* 12px */
}

.tw-px-3 {
    padding-left: 0.75rem; /* 12px */
    padding-right: 0.75rem; /* 12px */
}

.tw-py-3 {
    padding-top: 0.75rem; /* 12px */
    padding-bottom: 0.75rem; /* 12px */
}

.tw-ps-3 {
    padding-inline-start: 0.75rem; /* 12px */
}

.tw-pe-3 {
    padding-inline-end: 0.75rem; /* 12px */
}

.tw-pt-3 {
    padding-top: 0.75rem; /* 12px */
}

.tw-pr-3 {
    padding-right: 0.75rem; /* 12px */
}

.tw-pb-3 {
    padding-bottom: 0.75rem; /* 12px */
}

.tw-pl-3 {
    padding-left: 0.75rem; /* 12px */
}

.tw-p-3.5 {
    padding: 0.875rem; /* 14px */
}

.tw-px-3.5 {
    padding-left: 0.875rem; /* 14px */
    padding-right: 0.875rem; /* 14px */
}

.tw-py-3.5 {
    padding-top: 0.875rem; /* 14px */
    padding-bottom: 0.875rem; /* 14px */
}

.tw-ps-3.5 {
    padding-inline-start: 0.875rem; /* 14px */
}

.tw-pe-3.5 {
    padding-inline-end: 0.875rem; /* 14px */
}

.tw-pt-3.5 {
    padding-top: 0.875rem; /* 14px */
}

.tw-pr-3.5 {
    padding-right: 0.875rem; /* 14px */
}

.tw-pb-3.5 {
    padding-bottom: 0.875rem; /* 14px */
}

.tw-pl-3.5 {
    padding-left: 0.875rem; /* 14px */
}

.tw-p-4 {
    padding: 1rem; /* 16px */
}

.tw-px-4 {
    padding-left: 1rem; /* 16px */
    padding-right: 1rem; /* 16px */
}

.tw-py-4 {
    padding-top: 1rem; /* 16px */
    padding-bottom: 1rem; /* 16px */
}

.tw-ps-4 {
    padding-inline-start: 1rem; /* 16px */
}

.tw-pe-4 {
    padding-inline-end: 1rem; /* 16px */
}

.tw-pt-4 {
    padding-top: 1rem; /* 16px */
}

.tw-pr-4 {
    padding-right: 1rem; /* 16px */
}

.tw-pb-4 {
    padding-bottom: 1rem; /* 16px */
}

.tw-pl-4 {
    padding-left: 1rem; /* 16px */
}

.tw-p-5 {
    padding: 1.25rem; /* 20px */
}

.tw-px-5 {
    padding-right: 1.25rem; /* 20px */
    padding-left: 1.25rem; /* 20px */
}

.tw-py-5 {
    padding-top: 1.25rem; /* 20px */
    padding-bottom: 1.25rem; /* 20px */
}

.tw-ps-5 {
    padding-inline-start: 1.25rem; /* 20px */
}

.tw-pe-5 {
    padding-inline-end: 1.25rem; /* 20px */
}

.tw-pt-5 {
    padding-top: 1.25rem; /* 20px */
}

.tw-pr-5 {
    padding-right: 1.25rem; /* 20px */
}

.tw-pb-5 {
    padding-bottom: 1.25rem; /* 20px */
}

.tw-pl-5 {
    padding-left: 1.25rem; /* 20px */
}

.tw-p-6 {
    padding: 1.5rem; /* 24px */
}

.tw-px-6 {
    padding-left: 1.5rem; /* 24px */
    padding-right: 1.5rem; /* 24px */
}

.tw-py-6 {
    padding-top: 1.5rem; /* 24px */
    padding-bottom: 1.5rem; /* 24px */
}

.tw-ps-6 {
    padding-inline-start: 1.5rem; /* 24px */
}

.tw-pe-6 {
    padding-inline-end: 1.5rem; /* 24px */
}

.tw-pt-6 {
    padding-top: 1.5rem; /* 24px */
}

.tw-pr-6 {
    padding-right: 1.5rem; /* 24px */
}

.tw-pb-6 {
    padding-bottom: 1.5rem; /* 24px */
}

.tw-pl-6 {
    padding-left: 1.5rem; /* 24px */
}

.tw-p-7 {
    padding: 1.75rem; /* 28px */
}

.tw-px-7 {
    padding-left: 1.75rem; /* 28px */
    padding-right: 1.75rem; /* 28px */
}

.tw-py-7 {
    padding-top: 1.75rem; /* 28px */
    padding-bottom: 1.75rem; /* 28px */
}

.tw-ps-7 {
    padding-inline-start: 1.75rem; /* 28px */
}

.tw-pe-7 {
    padding-inline-end: 1.75rem; /* 28px */
}

.tw-pt-7 {
    padding-top: 1.75rem; /* 28px */
}

.tw-pr-7 {
    padding-right: 1.75rem; /* 28px */
}

.tw-pb-7 {
    padding-bottom: 1.75rem; /* 28px */
}

.tw-pl-7 {
    padding-left: 1.75rem; /* 28px */
}

.tw-p-8 {
    padding: 2rem; /* 32px */
}

.tw-px-8 {
    padding-left: 2rem; /* 32px */
    padding-right: 2rem; /* 32px */
}

.tw-py-8 {
    padding-top: 2rem; /* 32px */
    padding-bottom: 2rem; /* 32px */
}

.tw-ps-8 {
    padding-inline-start: 2rem; /* 32px */
}

.tw-pe-8 {
    padding-inline-end: 2rem; /* 32px */
}

.tw-pt-8 {
    padding-top: 2rem; /* 32px */
}

.tw-pr-8 {
    padding-right: 2rem; /* 32px */
}

.tw-pb-8 {
    padding-bottom: 2rem; /* 32px */
}

.tw-pl-8 {
    padding-left: 2rem; /* 32px */
}

.tw-p-9 {
    padding: 2.25rem; /* 36px */
}

.tw-px-9 {
    padding-left: 2.25rem; /* 36px */
    padding-right: 2.25rem; /* 36px */
}

.tw-py-9 {
    padding-top: 2.25rem; /* 36px */
    padding-bottom: 2.25rem; /* 36px */
}

.tw-ps-9 {
    padding-inline-start: 2.25rem; /* 36px */
}

.tw-pe-9 {
    padding-inline-end: 2.25rem; /* 36px */
}

.tw-pt-9 {
    padding-top: 2.25rem; /* 36px */
}

.tw-pr-9 {
    padding-right: 2.25rem; /* 36px */
}

.tw-pb-9 {
    padding-bottom: 2.25rem; /* 36px */
}

.tw-pl-9 {
    padding-left: 2.25rem; /* 36px */
}

.tw-p-10 {
    padding: 2.5rem; /* 40px */
}

.tw-px-10 {
    padding-left: 2.5rem; /* 40px */
    padding-right: 2.5rem; /* 40px */
}

.tw-py-10 {
    padding-top: 2.5rem; /* 40px */
    padding-bottom: 2.5rem; /* 40px */
}

.tw-ps-10 {
    padding-inline-start: 2.5rem; /* 40px */
}

.tw-pe-10 {
    padding-inline-end: 2.5rem; /* 40px */
}

.tw-pt-10 {
    padding-top: 2.5rem; /* 40px */
}

.tw-pr-10 {
    padding-right: 2.5rem; /* 40px */
}

.tw-pb-10 {
    padding-bottom: 2.5rem; /* 40px */
}

.tw-pl-10 {
    padding-left: 2.5rem; /* 40px */
}

.tw-p-11 {
    padding: 2.75rem; /* 44px */
}

.tw-px-11 {
    padding-left: 2.75rem; /* 44px */
    padding-right: 2.75rem; /* 44px */
}

.tw-py-11 {
    padding-top: 2.75rem; /* 44px */
    padding-bottom: 2.75rem; /* 44px */
}

.tw-ps-11 {
    padding-inline-start: 2.75rem; /* 44px */
}

.tw-pe-11 {
    padding-inline-end: 2.75rem; /* 44px */
}

.tw-pt-11 {
    padding-top: 2.75rem; /* 44px */
}

.tw-pr-11 {
    padding-right: 2.75rem; /* 44px */
}

.tw-pb-11 {
    padding-bottom: 2.75rem; /* 44px */
}

.tw-pl-11 {
    padding-left: 2.75rem; /* 44px */
}

.tw-p-12 {
    padding: 3rem; /* 48px */
}

.tw-px-12 {
    padding-left: 3rem; /* 48px */
    padding-right: 3rem; /* 48px */
}

.tw-py-12 {
    padding-top: 3rem; /* 48px */
    padding-bottom: 3rem; /* 48px */
}

.tw-ps-12 {
    padding-inline-start: 3rem; /* 48px */
}

.tw-pe-12 {
    padding-inline-end: 3rem; /* 48px */
}

.tw-pt-12 {
    padding-top: 3rem; /* 48px */
}

.tw-pr-12 {
    padding-right: 3rem; /* 48px */
}

.tw-pb-12 {
    padding-bottom: 3rem; /* 48px */
}

.tw-pl-12 {
    padding-left: 3rem; /* 48px */
}

.tw-p-14 {
    padding: 3.5rem; /* 56px */
}

.tw-px-14 {
    padding-left: 3.5rem; /* 56px */
    padding-right: 3.5rem; /* 56px */
}

.tw-py-14 {
    padding-top: 3.5rem; /* 56px */
    padding-bottom: 3.5rem; /* 56px */
}

.tw-ps-14 {
    padding-inline-start: 3.5rem; /* 56px */
}

.tw-pe-14 {
    padding-inline-end: 3.5rem; /* 56px */
}

.tw-pt-14 {
    padding-top: 3.5rem; /* 56px */
}

.tw-pr-14 {
    padding-right: 3.5rem; /* 56px */
}

.tw-pb-14 {
    padding-bottom: 3.5rem; /* 56px */
}

.tw-pl-14 {
    padding-left: 3.5rem; /* 56px */
}

.tw-p-16 {
    padding: 4rem; /* 64px */
}

.tw-px-16 {
    padding-left: 4rem; /* 64px */
    padding-right: 4rem; /* 64px */
}

.tw-py-16 {
    padding-top: 4rem; /* 64px */
    padding-bottom: 4rem; /* 64px */
}

.tw-ps-16 {
    padding-inline-start: 4rem; /* 64px */
}

.tw-pe-16 {
    padding-inline-end: 4rem; /* 64px */
}

.tw-pt-16 {
    padding-top: 4rem; /* 64px */
}

.tw-pr-16 {
    padding-right: 4rem; /* 64px */
}

.tw-pb-16 {
    padding-bottom: 4rem; /* 64px */
}

.tw-pl-16 {
    padding-left: 4rem; /* 64px */
}

.tw-p-20 {
    padding: 5rem; /* 80px */
}

.tw-px-20 {
    padding-left: 5rem; /* 80px */
    padding-right: 5rem; /* 80px */
}

.tw-py-20 {
    padding-top: 5rem; /* 80px */
    padding-bottom: 5rem; /* 80px */
}

.tw-ps-20 {
    padding-inline-start: 5rem; /* 80px */
}

.tw-pe-20 {
    padding-inline-end: 5rem; /* 80px */
}

.tw-pt-20 {
    padding-top: 5rem; /* 80px */
}

.tw-pr-20 {
    padding-right: 5rem; /* 80px */
}

.tw-pb-20 {
    padding-bottom: 5rem; /* 80px */
}

.tw-pl-20 {
    padding-left: 5rem; /* 80px */
}

.tw-p-24 {
    padding: 6rem; /* 96px */
}

.tw-px-24 {
    padding-left: 6rem; /* 96px */
    padding-right: 6rem; /* 96px */
}

.tw-py-24 {
    padding-top: 6rem; /* 96px */
    padding-bottom: 6rem; /* 96px */
}

.tw-ps-24 {
    padding-inline-start: 6rem; /* 96px */
}

.tw-pe-24 {
    padding-inline-end: 6rem; /* 96px */
}

.tw-pt-24 {
    padding-top: 6rem; /* 96px */
}

.tw-pr-24 {
    padding-right: 6rem; /* 96px */
}

.tw-pb-24 {
    padding-bottom: 6rem; /* 96px */
}

.tw-pl-24 {
    padding-left: 6rem; /* 96px */
}

.tw-p-28 {
    padding: 7rem; /* 112px */
}

.tw-px-28 {
    padding-left: 7rem; /* 112px */
    padding-right: 7rem; /* 112px */
}

.tw-py-28 {
    padding-top: 7rem; /* 112px */
    padding-bottom: 7rem; /* 112px */
}

.tw-ps-28 {
    padding-inline-start: 7rem; /* 112px */
}

.tw-pe-28 {
    padding-inline-end: 7rem; /* 112px */
}

.tw-pt-28 {
    padding-top: 7rem; /* 112px */
}

.tw-pr-28 {
    padding-right: 7rem; /* 112px */
}

.tw-pb-28 {
    padding-bottom: 7rem; /* 112px */
}

.tw-pl-28 {
    padding-left: 7rem; /* 112px */
}

.tw-p-32 {
    padding: 8rem; /* 128px */
}

.tw-px-32 {
    padding-left: 8rem; /* 128px */
    padding-right: 8rem; /* 128px */
}

.tw-py-32 {
    padding-top: 8rem; /* 128px */
    padding-bottom: 8rem; /* 128px */
}

.tw-ps-32 {
    padding-inline-start: 8rem; /* 128px */
}

.tw-pe-32 {
    padding-inline-end: 8rem; /* 128px */
}

.tw-pt-32 {
    padding-top: 8rem; /* 128px */
}

.tw-pr-32 {
    padding-right: 8rem; /* 128px */
}

.tw-pb-32 {
    padding-bottom: 8rem; /* 128px */
}

.tw-pl-32 {
    padding-left: 8rem; /* 128px */
}

.tw-p-36 {
    padding: 9rem; /* 144px */
}

.tw-px-36 {
    padding-left: 9rem; /* 144px */
    padding-right: 9rem; /* 144px */
}

.tw-py-36 {
    padding-top: 9rem; /* 144px */
    padding-bottom: 9rem; /* 144px */
}

.tw-ps-36 {
    padding-inline-start: 9rem; /* 144px */
}

.tw-pe-36 {
    padding-inline-end: 9rem; /* 144px */
}

.tw-pt-36 {
    padding-top: 9rem; /* 144px */
}

.tw-pr-36 {
    padding-right: 9rem; /* 144px */
}

.tw-pb-36 {
    padding-bottom: 9rem; /* 144px */
}

.tw-pl-36 {
    padding-left: 9rem; /* 144px */
}

.tw-p-40 {
    padding: 10rem; /* 160px */
}

.tw-px-40 {
    padding-left: 10rem; /* 160px */
    padding-right: 10rem; /* 160px */
}

.tw-py-40 {
    padding-top: 10rem; /* 160px */
    padding-bottom: 10rem; /* 160px */
}

.tw-ps-40 {
    padding-inline-start: 10rem; /* 160px */
}

.tw-pe-40 {
    padding-inline-end: 10rem; /* 160px */
}

.tw-pt-40 {
    padding-top: 10rem; /* 160px */
}

.tw-pr-40 {
    padding-right: 10rem; /* 160px */
}

.tw-pb-40 {
    padding-bottom: 10rem; /* 160px */
}

.tw-pl-40 {
    padding-left: 10rem; /* 160px */
}

.tw-p-44 {
    padding: 11rem; /* 176px */
}

.tw-px-44 {
    padding-left: 11rem; /* 176px */
    padding-right: 11rem; /* 176px */
}

.tw-py-44 {
    padding-top: 11rem; /* 176px */
    padding-bottom: 11rem; /* 176px */
}

.tw-ps-44 {
    padding-inline-start: 11rem; /* 176px */
}

.tw-pe-44 {
    padding-inline-end: 11rem; /* 176px */
}

.tw-pt-44 {
    padding-top: 11rem; /* 176px */
}

.tw-pr-44 {
    padding-right: 11rem; /* 176px */
}

.tw-pb-44 {
    padding-bottom: 11rem; /* 176px */
}

.tw-pl-44 {
    padding-left: 11rem; /* 176px */
}

.tw-p-48 {
    padding: 12rem; /* 192px */
}

.tw-px-48 {
    padding-left: 12rem; /* 192px */
    padding-right: 12rem; /* 192px */
}

.tw-py-48 {
    padding-top: 12rem; /* 192px */
    padding-bottom: 12rem; /* 192px */
}

.tw-ps-48 {
    padding-inline-start: 12rem; /* 192px */
}

.tw-pe-48 {
    padding-inline-end: 12rem; /* 192px */
}

.tw-pt-48 {
    padding-top: 12rem; /* 192px */
}

.tw-pr-48 {
    padding-right: 12rem; /* 192px */
}

.tw-pb-48 {
    padding-bottom: 12rem; /* 192px */
}

.tw-pl-48 {
    padding-left: 12rem; /* 192px */
}

.tw-p-52 {
    padding: 13rem; /* 208px */
}

.tw-px-52 {
    padding-left: 13rem; /* 208px */
    padding-right: 13rem; /* 208px */
}

.tw-py-52 {
    padding-top: 13rem; /* 208px */
    padding-bottom: 13rem; /* 208px */
}

.tw-ps-52 {
    padding-inline-start: 13rem; /* 208px */
}

.tw-pe-52 {
    padding-inline-end: 13rem; /* 208px */
}

.tw-pt-52 {
    padding-top: 13rem; /* 208px */
}

.tw-pr-52 {
    padding-right: 13rem; /* 208px */
}

.tw-pb-52 {
    padding-bottom: 13rem; /* 208px */
}

.tw-pl-52 {
    padding-left: 13rem; /* 208px */
}

.tw-p-56 {
    padding: 14rem; /* 224px */
}

.tw-px-56 {
    padding-left: 14rem; /* 224px */
    padding-right: 14rem; /* 224px */
}

.tw-py-56 {
    padding-top: 14rem; /* 224px */
    padding-bottom: 14rem; /* 224px */
}

.tw-ps-56 {
    padding-inline-start: 14rem; /* 224px */
}

.tw-pe-56 {
    padding-inline-end: 14rem; /* 224px */
}

.tw-pt-56 {
    padding-top: 14rem; /* 224px */
}

.tw-pr-56 {
    padding-right: 14rem; /* 224px */
}

.tw-pb-56 {
    padding-bottom: 14rem; /* 224px */
}

.tw-pl-56 {
    padding-left: 14rem; /* 224px */
}

.tw-p-60 {
    padding: 15rem; /* 240px */
}

.tw-px-60 {
    padding-left: 15rem; /* 240px */
    padding-right: 15rem; /* 240px */
}

.tw-py-60 {
    padding-top: 15rem; /* 240px */
    padding-bottom: 15rem; /* 240px */
}

.tw-ps-60 {
    padding-inline-start: 15rem; /* 240px */
}

.tw-pe-60 {
    padding-inline-end: 15rem; /* 240px */
}

.tw-pt-60 {
    padding-top: 15rem; /* 240px */
}

.tw-pr-60 {
    padding-right: 15rem; /* 240px */
}

.tw-pb-60 {
    padding-bottom: 15rem; /* 240px */
}

.tw-pl-60 {
    padding-left: 15rem; /* 240px */
}

.tw-p-64 {
    padding: 16rem; /* 256px */
}

.tw-px-64 {
    padding-left: 16rem; /* 256px */
    padding-right: 16rem; /* 256px */
}

.tw-py-64 {
    padding-top: 16rem; /* 256px */
    padding-bottom: 16rem; /* 256px */
}

.tw-ps-64 {
    padding-inline-start: 16rem; /* 256px */
}

.tw-pe-64 {
    padding-inline-end: 16rem; /* 256px */
}

.tw-pt-64 {
    padding-top: 16rem; /* 256px */
}

.tw-pr-64 {
    padding-right: 16rem; /* 256px */
}

.tw-pb-64 {
    padding-bottom: 16rem; /* 256px */
}

.tw-pl-64 {
    padding-left: 16rem; /* 256px */
}

.tw-p-72 {
    padding: 18rem; /* 288px */
}

.tw-px-72 {
    padding-left: 18rem; /* 288px */
    padding-right: 18rem; /* 288px */
}

.tw-py-72 {
    padding-top: 18rem; /* 288px */
    padding-bottom: 18rem; /* 288px */
}

.tw-ps-72 {
    padding-inline-start: 18rem; /* 288px */
}

.tw-pe-72 {
    padding-inline-end: 18rem; /* 288px */
}

.tw-pt-72 {
    padding-top: 18rem; /* 288px */
}

.tw-pr-72 {
    padding-right: 18rem; /* 288px */
}

.tw-pb-72 {
    padding-bottom: 18rem; /* 288px */
}

.tw-pl-72 {
    padding-left: 18rem; /* 288px */
}

.tw-p-80 {
    padding: 20rem; /* 320px */
}

.tw-px-80 {
    padding-left: 20rem; /* 320px */
    padding-right: 20rem; /* 320px */
}

.tw-py-80 {
    padding-top: 20rem; /* 320px */
    padding-bottom: 20rem; /* 320px */
}

.tw-ps-80 {
    padding-inline-start: 20rem; /* 320px */
}

.tw-pe-80 {
    padding-inline-end: 20rem; /* 320px */
}

.tw-pt-80 {
    padding-top: 20rem; /* 320px */
}

.tw-pr-80 {
    padding-right: 20rem; /* 320px */
}

.tw-pb-80 {
    padding-bottom: 20rem; /* 320px */
}

.tw-pl-80 {
    padding-left: 20rem; /* 320px */
}

.tw-p-96 {
    padding: 24rem; /* 384px */
}

.tw-px-96 {
    padding-left: 24rem; /* 384px */
    padding-right: 24rem; /* 384px */
}

.tw-py-96 {
    padding-top: 24rem; /* 384px */
    padding-bottom: 24rem; /* 384px */
}

.tw-ps-96 {
    padding-inline-start: 24rem; /* 384px */
}

.tw-pe-96 {
    padding-inline-end: 24rem; /* 384px */
}

.tw-pt-96 {
    padding-top: 24rem; /* 384px */
}

.tw-pr-96 {
    padding-right: 24rem; /* 384px */
}

.tw-pb-96 {
    padding-bottom: 24rem; /* 384px */
}

.tw-pl-96 {
    padding-left: 24rem; /* 384px */
}




/* -------------------------------------------------------------------
   RESPONSIVE PADDING (TAILWIND-STYLE)
--------------------------------------------------------------------- */

/* ✅ sm (≥576px) */
@media (min-width: 576px) {

    /* ALL */
    .sm\:tw-p-0 {
        padding: 0;
    }

    .sm\:tw-p-1 {
        padding: 0.25rem;
    }

    .sm\:tw-p-2 {
        padding: 0.5rem;
    }

    .sm\:tw-p-3 {
        padding: 0.75rem;
    }

    .sm\:tw-p-4 {
        padding: 1rem;
    }

    .sm\:tw-p-5 {
        padding: 1.25rem;
    }

    .sm\:tw-p-6 {
        padding: 1.5rem;
    }

    .sm\:tw-p-8 {
        padding: 2rem;
    }

    /* X AXIS */
    .sm\:tw-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .sm\:tw-px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .sm\:tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .sm\:tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:tw-px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* Y AXIS */
    .sm\:tw-py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sm\:tw-py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .sm\:tw-py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .sm\:tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .sm\:tw-py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    /* TOP */
    .sm\:tw-pt-0 {
        padding-top: 0;
    }

    .sm\:tw-pt-2 {
        padding-top: 0.5rem;
    }

    .sm\:tw-pt-4 {
        padding-top: 1rem;
    }

    .sm\:tw-pt-6 {
        padding-top: 1.5rem;
    }

    /* BOTTOM */
    .sm\:tw-pb-0 {
        padding-bottom: 0;
    }

    .sm\:tw-pb-2 {
        padding-bottom: 0.5rem;
    }

    .sm\:tw-pb-4 {
        padding-bottom: 1rem;
    }

    .sm\:tw-pb-6 {
        padding-bottom: 1.5rem;
    }
}


/* ✅ md (≥768px) */
@media (min-width: 768px) {

    /* ALL */
    .md\:tw-p-0 {
        padding: 0;
    }

    .md\:tw-p-1 {
        padding: 0.25rem;
    }

    .md\:tw-p-2 {
        padding: 0.5rem;
    }

    .md\:tw-p-3 {
        padding: 0.75rem;
    }

    .md\:tw-p-4 {
        padding: 1rem;
    }

    .md\:tw-p-5 {
        padding: 1.25rem;
    }

    .md\:tw-p-6 {
        padding: 1.5rem;
    }

    .md\:tw-p-8 {
        padding: 2rem;
    }

    /* X AXIS */
    .md\:tw-px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .md\:tw-px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .md\:tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .md\:tw-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md\:tw-px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* Y AXIS */
    .md\:tw-py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .md\:tw-py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .md\:tw-py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .md\:tw-py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md\:tw-py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}