.lh-54{
    line-height: 54px;
}

.ls-n2 {
    letter-spacing: -0.2px; /* Negative letter spacing of 0.2 pixels */
}

.ls-0 {
    letter-spacing: 0; /* Letter spacing of 0 pixels */
}

.ls-02 {
    letter-spacing: 0.2px; /* Letter spacing of 0.2 pixels */
}

.ls-04 {
    letter-spacing: 0.4px; /* Letter spacing of 0.4 pixels */
}

.ls-06 {
    letter-spacing: 0.6px; /* Letter spacing of 0.6 pixels */
}

.ls-08 {
    letter-spacing: 0.8px; /* Letter spacing of 0.8 pixels */
}

.ls-1 {
    letter-spacing: 1px; /* Letter spacing of 1 pixel */
}

.ls-12 {
    letter-spacing: 1.2px; /* Letter spacing of 1.2 pixels */
}

.ls-14 {
    letter-spacing: 1.4px; /* Letter spacing of 1.4 pixels */
}

.ls-16 {
    letter-spacing: 1.6px; /* Letter spacing of 1.6 pixels */
}

.ls-18 {
    letter-spacing: 1.8px; /* Letter spacing of 1.8 pixels */
}

.ls-2 {
    letter-spacing: 2px; /* Letter spacing of 2 pixels */
}

/*margin classes */
.m-auto {
    margin: auto;
}
  
.m-0 {
    margin: 0;
}

.m-1 {
    margin: 0.25rem; /* 4px */
}

.m-2 {
    margin: 0.5rem; /* 8px */
}

.m-3 {
    margin: 1rem; /* 16px */
}

.m-4 {
    margin: 1.5rem; /* 24px */
}

.m-5 {
    margin: 3rem; /* 48px */
}

/*padding classes */
.p-0 {
    padding: 0;
}

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

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

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

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

.p-5 {
    padding: 3rem; /* 48px */
}
/* Negative Margin classes */
.mx-n6 {
    margin-left: -4.5rem; /* -72px */
    margin-right: -4.5rem; /* -72px */
}

.mx-n5 {
    margin-left: -3rem; /* -48px */
    margin-right: -3rem; /* -48px */
}

.mx-n4 {
    margin-left: -2.25rem; /* -36px */
    margin-right: -2.25rem; /* -36px */
}

.mx-n3 {
    margin-left: -1.5rem; /* -24px */
    margin-right: -1.5rem; /* -24px */
}

.mx-n2 {
    margin-left: -0.75rem; /* -12px */
    margin-right: -0.75rem; /* -12px */
}

.mx-n1 {
    margin-left: -0.25rem; /* -4px */
    margin-right: -0.25rem; /* -4px */
}

/* Margin classes */
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 0.25rem; /* 4px */
    margin-right: 0.25rem; /* 4px */
}

.mx-2 {
    margin-left: 0.5rem; /* 8px */
    margin-right: 0.5rem; /* 8px */
}

.mx-3 {
    margin-left: 1rem; /* 16px */
    margin-right: 1rem; /* 16px */
}

.mx-4 {
    margin-left: 1.5rem; /* 24px */
    margin-right: 1.5rem; /* 24px */
}

.mx-5 {
    margin-left: 3rem; /* 48px */
    margin-right: 3rem; /* 48px */
}

.mx-6 {
    margin-left: 4.5rem; /* 72px */
    margin-right: 4.5rem; /* 72px */
}
.mx-12 {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* Negative Margin classes */
.my-n6 {
    margin-top: -4.5rem; /* -72px */
    margin-bottom: -4.5rem; /* -72px */
}

.my-n5 {
    margin-top: -3rem; /* -48px */
    margin-bottom: -3rem; /* -48px */
}

.my-n4 {
    margin-top: -2.25rem; /* -36px */
    margin-bottom: -2.25rem; /* -36px */
}

.my-n3 {
    margin-top: -1.5rem; /* -24px */
    margin-bottom: -1.5rem; /* -24px */
}

.my-n2 {
    margin-top: -0.75rem; /* -12px */
    margin-bottom: -0.75rem; /* -12px */
}

.my-n1 {
    margin-top: -0.25rem; /* -4px */
    margin-bottom: -0.25rem; /* -4px */
}

/* Margin classes */
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 0.25rem; /* 4px */
    margin-bottom: 0.25rem; /* 4px */
}

.my-2 {
    margin-top: 0.5rem; /* 8px */
    margin-bottom: 0.5rem; /* 8px */
}

.my-3 {
    margin-top: 1rem; /* 16px */
    margin-bottom: 1rem; /* 16px */
}

.my-4 {
    margin-top: 1.5rem; /* 24px */
    margin-bottom: 1.5rem; /* 24px */
}

.my-5 {
    margin-top: 3rem; /* 48px */
    margin-bottom: 3rem; /* 48px */
}

.my-6 {
    margin-top: 4.5rem; /* 72px */
    margin-bottom: 4.5rem; /* 72px */
}

.ms-n6 {
    margin-left: -4.5rem; /* -72px */
}

.ms-n5 {
    margin-left: -3rem; /* -48px */
}

.ms-n4 {
    margin-left: -2.25rem; /* -36px */
}

.ms-n3 {
    margin-left: -1.5rem; /* -24px */
}

.ms-n2 {
    margin-left: -0.75rem; /* -12px */
}

.ms-n1 {
    margin-left: -0.25rem; /* -4px */
}

.ms-0 {
    margin-left: 0;
}
  
.ms-1 {
    margin-left: 0.25rem; /* 4px */
}

.ms-2 {
    margin-left: 0.5rem; /* 8px */
}

.ms-3 {
    margin-left: 1rem; /* 16px */
}

.ms-4 {
    margin-left: 1.5rem; /* 24px */
}

.ms-5 {
    margin-left: 3rem; /* 48px */
}

.ms-6 {
    margin-left: 4.5rem; /* 72px */
}

/* Negative Margin classes */
.mt-n6 {
    margin-top: -4.5rem; /* -72px */
}

.mt-n5 {
    margin-top: -3rem; /* -48px */
}

.mt-n4 {
    margin-top: -2.25rem; /* -36px */
}

.mt-n3 {
    margin-top: -1.5rem; /* -24px */
}

.mt-n2 {
    margin-top: -0.75rem; /* -12px */
}

.mt-n1 {
    margin-top: -0.25rem; /* -4px */
}
  
/* Margin classes */
.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 0.25rem; /* 4px */
}

.mt-2 {
    margin-top: 0.5rem; /* 8px */
}

.mt-3 {
    margin-top: 1rem; /* 16px */
}

.mt-4 {
    margin-top: 1.5rem; /* 24px */
}

.mt-5 {
    margin-top: 3rem; /* 48px */
}

.mt-6 {
    margin-top: 4.5rem; /* 72px */
}

/* Negative Margin classes */
.me-n6 {
    margin-right: -4.5rem; /* -72px */
}

.me-n5 {
    margin-right: -3rem; /* -48px */
}

.me-n4 {
    margin-right: -2.25rem; /* -36px */
}

.me-n3 {
    margin-right: -1.5rem; /* -24px */
}

.me-n2 {
    margin-right: -0.75rem; /* -12px */
}

.me-n1 {
    margin-right: -0.25rem; /* -4px */
}

/* Margin classes */
.me-0 {
    margin-right: 0;
}

.me-1 {
    margin-right: 0.25rem; /* 4px */
}

.me-2 {
    margin-right: 0.5rem; /* 8px */
}

.me-3 {
    margin-right: 1rem; /* 16px */
}

.me-4 {
    margin-right: 1.5rem; /* 24px */
}

.me-5 {
    margin-right: 3rem; /* 48px */
}

.me-6 {
    margin-right: 4.5rem; /* 72px */
}

/* Negative Margin classes */
.mb-n6 {
    margin-bottom: -4.5rem; /* -72px */
}

.mb-n5 {
    margin-bottom: -3rem; /* -48px */
}

.mb-n4 {
    margin-bottom: -2.25rem; /* -36px */
}

.mb-n3 {
    margin-bottom: -1.5rem; /* -24px */
}

.mb-n2 {
    margin-bottom: -0.75rem; /* -12px */
}

.mb-n1 {
    margin-bottom: -0.25rem; /* -4px */
}

/* Margin classes */
.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 0.25rem; /* 4px */
}

.mb-2 {
    margin-bottom: 0.5rem; /* 8px */
}
.mb-3 {
    margin-bottom: 0.75; /* 12px */
}
.mb-4 {
    margin-bottom: 1rem; /* 16px */
}

.mb-5 {
    margin-bottom: 1.5rem; /* 24px */
}

.mb-6 {
    margin-bottom: 3rem; /* 48px */
}

.mb-7 {
    margin-bottom: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.px-n6 {
    padding-left: -4.5rem; /* -72px */
    padding-right: -4.5rem; /* -72px */
}

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

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

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

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

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

/* Padding classes */
.px-0 {
    padding-left: 0;
    padding-right: 0;
}

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

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

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

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

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

.px-6 {
    padding-left: 4.5rem; /* 72px */
    padding-right: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.py-n6 {
    padding-top: -4.5rem; /* -72px */
    padding-bottom: -4.5rem; /* -72px */
}

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

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

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

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

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

/* Padding classes */
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

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

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

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

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

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

.py-6 {
    padding-top: 4.5rem; /* 72px */
    padding-bottom: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.ps-n6 {
    padding-left: -4.5rem; /* -72px */
}

.ps-n5 {
    padding-left: -3rem; /* -48px */
}

.ps-n4 {
    padding-left: -2.25rem; /* -36px */
}

.ps-n3 {
    padding-left: -1.5rem; /* -24px */
}

.ps-n2 {
    padding-left: -0.75rem; /* -12px */
}

.ps-n1 {
    padding-left: -0.25rem; /* -4px */
}

/* Padding classes */
.ps-0 {
    padding-left: 0;
}

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

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

.ps-3 {
    padding-left: 1rem; /* 16px */
}

.ps-4 {
    padding-left: 1.5rem; /* 24px */
}

.ps-5 {
    padding-left: 3rem; /* 48px */
}

.ps-6 {
    padding-left: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.pt-n6 {
    padding-top: -4.5rem; /* -72px */
}

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

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

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

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

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

/* Padding classes */
.pt-0 {
    padding-top: 0;
}

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

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

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

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

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

.pt-6 {
    padding-top: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.pe-n6 {
    padding-right: -4.5rem; /* -72px */
}

.pe-n5 {
    padding-right: -3rem; /* -48px */
}

.pe-n4 {
    padding-right: -2.25rem; /* -36px */
}

.pe-n3 {
    padding-right: -1.5rem; /* -24px */
}

.pe-n2 {
    padding-right: -0.75rem; /* -12px */
}

.pe-n1 {
    padding-right: -0.25rem; /* -4px */
}

/* Padding classes */
.pe-0 {
    padding-right: 0;
}

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

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

.pe-3 {
    padding-right: 1rem; /* 16px */
}

.pe-4 {
    padding-right: 1.5rem; /* 24px */
}

.pe-5 {
    padding-right: 3rem; /* 48px */
}

.pe-6 {
    padding-right: 4.5rem; /* 72px */
}

/* Negative Padding classes */
.pb-n6 {
    padding-bottom: -4.5rem; /* -72px */
}

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

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

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

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

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

/* Padding classes */
.pb-0 {
    padding-bottom: 0;
}

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

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

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

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

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

.pb-6 {
    padding-bottom: 4.5rem; /* 72px */
}

.gap-1 {
    gap: 4px;
}
.gap-2 {
    gap: 8px;
}
.gap-3 {
    gap: 12px;
}
.gap-4 {
    gap: 16px;
}
.gap-5 {
    gap: 24px;
}
.gap-6 {
    gap: 32px;
}
.gap-7 {
    gap: 48px;
}

.padding-24 {
    padding: 24px;
}