.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.illuminati {
    display: none;
}

.pos-abs {
    position: absolute;
}
.pos-rel {
    position: relative;
}

.pos-top {
    top: 0;
}

.pos-bottom {
    bottom: 0;
}
.pos-left {
    left: 0;
}
.pos-right {
    right: 0;
}

.z-100 {
    z-index: 100;
}

.overflow-hidden {
    overflow: hidden;
}
.ws-nowrap {
    white-space: nowrap;
}

.width-height-1 {
    width: 1rem;
    height: 1rem;
}

.width-height-2 {
    width: 2rem;
    height: 2rem;
}
.width-height-25 {
    width: 2.5rem;
    height: 2.5rem;
}
.width-height-3 {
    width: 3rem;
    height: 3rem;
}
.width-height-35 {
    width: 3.5rem;
    height: 3.5rem;
}
.width-height-6 {
    width: 6rem;
    height: 6rem;
}

.width-max {
    width: max-content;
}
.width-fit {
    width: fit-content;
}
.width-2 {
    width: 2rem;
}
.width-3 {
    width: 3rem;
}

.width-45 {
    width: 45%;
}

.width-60 {
    width: 60px;
}

.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}

.height-08 {
    height: 0.8rem;
}

.max-width-38 {
    max-width: 38rem;
}
.max-width-42 {
    max-width: 42rem;
}
.max-width-50 {
    max-width: 50rem;
}
.max-width-200 {
    max-width: 200px;
}
.max-width-450 {
    max-width: 450px;
}
.max-width-500 {
    max-width: 500px;
}
.max-width-575 {
    max-width: 575px;
}
.max-width-600 {
    max-width: 600px;
}
.max-width-640 {
    max-width: 640px;
}
.min-width-20 {
    min-width: 20rem;
}

.m-05{
    margin: 0.5rem;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-125 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.my-4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mx-05 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-1{
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-15 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mt--05{
    margin-top: -0.5rem;
}
.mt-05 {
    margin-top: 0.5rem;
}
.mt-075 {
    margin-top: 0.75rem;
}
.mt-1 {
    margin-top: 1rem;
}
.mt-125 {
    margin-top: 1.25rem;
}
.mt-14 {
    margin-top: 1.4rem;
}
.mt-15 {
    margin-top: 1.5rem;
}
.mt-175 {
    margin-top: 1.75rem;
}
.mt-2 {
    margin-top: 2rem;
}
.mt-25 {
    margin-top: 2.5rem;
}
.mt-3 {
    margin-top: 3rem;
}

.mt-35 {
    margin-top: 3.5rem;
}
.mt-4 {
    margin-top: 4rem;
}

.mt-45 {
    margin-top: 4.5rem;
}
.mt-5 {
    margin-top: 5rem;
}
.mt-6 {
    margin-top: 6rem;
}
.mt-7 {
    margin-top: 7rem;
}
.mt-8 {
    margin-top: 8rem;
}
.mt-9 {
    margin-top: 9rem;
}
.mb--1 {
    margin-bottom: -1rem;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-015 {
    margin-bottom: 0.15rem;
}
.mb-025 {
    margin-bottom: 0.25rem;
}
.mb-05 {
    margin-bottom: 0.5rem;
}
.mb-1 {
    margin-bottom: 1rem;
}
.mb-15 {
    margin-bottom: 1.5rem;
}
.mb-2 {
    margin-bottom: 2rem;
}
.mb-25{
    margin-bottom: 2.5rem;
}
.mb-3 {
    margin-bottom: 3rem;
}
.mb-35 {
    margin-bottom: 3.5rem;
}
.mb-4 {
    margin-bottom: 4rem;
}
.mb-5 {
    margin-bottom: 5rem;
}
.mr-05 {
    margin-right: 0.5rem;
}
.mr-075{
    margin-right: 0.75rem;
}
.mr-1 {
    margin-right: 1rem;
}

.mr-15 {
    margin-right: 1.5rem;
}
.mr-2 {
    margin-right: 2rem;
}
.ml-025 {
    margin-left: 0.25rem;
}
.ml-05 {
    margin-left: 0.5rem;
}
.ml-075{
    margin-left: 0.75rem;
}
.ml-1 {
    margin-left: 1rem;
}
.ml-2 {
    margin-left: 2rem;
}
.ml-4 {
    margin-left: 4rem;
}

.p-025{
    padding: 0.25rem;
}
.p-05{
    padding: 0.5rem;
}
.p-06{
    padding: 0.6rem;
}
.p-075 {
    padding: 0.75rem;
}
.p-1 {
    padding: 1rem;
}

.p-12 {
    padding: 1.2rem;
}
.p-15 {
    padding: 1.5rem;
}

.p-2 {
    padding: 2rem;
}
.py-025 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-05 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-075 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.px-025 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-05 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-15 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-4 {
    padding-left: 4rem;
    padding-right: 4rem;
}
.pt-02 {
    padding-top: 0.2rem;
}

.pt-025 {
    padding-top: 0.25rem;
}
.pb-1 {
    padding-bottom: 1rem;
}

.pl-05 {
    padding-left: 0.5rem;
}
.pl-15 {
    padding-left: 1.5rem;
}
.pl-2 {
    padding-left: 2rem;
}

.pr-15 {
    padding-right: 1.5rem;
}

.gap-05 {
    gap: 0.5rem;
}

.gap-075 {
    gap: 0.75rem;
}
.gap-1 {
    gap: 1rem;
}
.gap-15 {
    gap: 1.5rem;
}
.gap-2 {
    gap: 2rem;
}
.gap-3 {
    gap: 3rem;
}
.gap-4 {
    gap: 4rem;
}

.gap-7 {
    gap: 7rem;
}

.gap-8 {
    gap: 8rem;
}

.ta-center {
    text-align: center;
}
.ta-justify {
    text-align: justify;
}
.ta-left {
    text-align: left;
}
.ta-right {
    text-align: right;
}

.font-title {
    font-family: var(--font-title);
}

.font-09 {
    font-size: 0.9rem;
}

.font-1 {
    font-size: 1rem;
}
.font-12 {
    font-size: 1.2rem;
}
.font-13 {
    font-size: 1.3rem;
}
.font-135 {
    font-size: 1.35rem;
}
.font-14 {
    font-size: 1.4rem;
}
.font-15 {
    font-size: 1.5rem;
}
.font-16 {
    font-size: 1.6rem;
}
.font-17 {
    font-size: 1.7rem;
}
.font-185 {
    font-size: 1.85rem;
}
.font-19 {
    font-size: 1.9rem;
}
.font-2 {
    font-size: 2rem;
}
.font-21 {
    font-size: 2.1rem;
}
.font-225 {
    font-size: 2.25rem;
}
.font-25 {
    font-size: 2.5rem;
}
.font-275 {
    font-size: 2.75rem;
}

.font-28 {
    font-size: 2.8rem;
}
.font-3 {
    font-size: 3rem;
}

.font-32 {
    font-size: 3.2rem;
}
.font-8 {
    font-size: 8rem;
}

.font-400 {
    font-weight: 400;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.font-800 {
    font-weight: 800;
}

.italic {
    font-style: italic;
}

.line-height-15 {
    line-height: 1.5;
}
.line-height-18 {
    line-height: 1.8;
}

.black {
    color: #000;
}
.black-almost {
    color: var(--black-almost);
}
.black-blue {
    color: var(--black-blue);
}
.blue {
    color: var(--blue);
}
.blue-dark {
    color: var(--blue-dark);
}
.blue-light {
    color: var(--blue-light);
}
.blue-navy {
    color: var(--blue-navy);
}
.blue-ocean {
    color: var(--blue-ocean);
}
.blue-royal {
    color: var(--blue-royal);
}
.green {
    color: var(--green);
}
.green-dark {
    color: var(--green-dark);
}
.green-emerald {
    color: var(--green-emerald);
}
.green-teal {
    color: var(--green-teal);
}
.grey-blue {
    color: var(--grey-blue);
}
.grey-blue-dark {
    color: var(--grey-blue-dark);
}
.grey-dark {
    color: var(--grey-dark);
}
.grey-darker {
    color: var(--grey-darker);
}
.grey-light {
    color: var(--grey-light);
}
.orange {
    color: var(--orange);
}
.orange-dark {
    color: var(--orange-dark);
}
.orange-darker {
    color: var(--orange-darker);
}
.red-dark {
    color: var(--red-dark);
}
.red-darker {
    color: var(--red-darker);
}
.red-flash {
    color: var(--red-flash);
}

.white {
    color: #FFF;
}

.bg-black {
    background-color: #000;
}

.bg-blue-ocean {
    background-color: var(--blue-ocean);
}
.bg-blue-pastel {
    background-color: var(--blue-pastel);
}
.bg-green {
    background-color: var(--green);
}
.bg-green-flash {
    background-color: var(--green-flash);
}
.bg-green-pastel {
    background-color: var(--green-pastel);
}
.bg-grey {
    background-color: var(--grey-light);
}
.bg-grey-lavender {
    background-color: var(--grey-lavender);
}
.bg-orange {
    background-color: var(--orange);
}
.bg-orange-flash {
    background-color: var(--orange-flash);
}
.bg-orange-pastel {
    background-color: var(--orange-pastel);
}

.bg-radial-circle {
    background: var(--bg-radial-circle);
}
.bg-red-flash {
    background-color: var(--red-flash);
}
.bg-red-light {
    background-color: var(--red-light);
}
.bg-red-pastel {
    background-color: var(--red-pastel);
}
.bg-white {
    background-color: #FFF;
}
.bg-white-green {
    background-color: var(--white-green);
}
.bg-white-red {
    background-color: var(--white-red);
}

.bg-yellow {
    background-color: var(--yellow);
}
.bg-yellow-pastel {
    background-color: var(--yellow-pastel);
}

.border-0 {
    border: 0;
}
.border-1 {
    border: 1px solid #000;
}
.border-1-light {
    border: var(--border-light);
}

.border-2-gradient-left {
    border: 2px solid transparent;
    border-image: linear-gradient(90deg, #3b82f6, #8b5cf6) 1;
}

.border-2-gradient-right {
    border: 2px solid transparent;
    border-image: linear-gradient(90deg, #8b5cf6, #3b82f6) 1;
}
.border-2-blue-dark {
    border: 2px solid var(--blue-dark);
}
.border-3-blue-dark {
    border: 3px solid var(--blue-dark);
}
.border-3-blue-ocean {
    border: 3px solid var(--blue-ocean);
}
.border-y-1-grey {
    border-top: 1px solid var(--grey-light);
    border-bottom: 1px solid var(--grey-light);
}
.border-x-blue-light {
    border-left: 5px solid var(--blue-light);
    border-right: 5px solid var(--blue-light);
}

.border-x-blue-ocean {
    border-left: 5px solid var(--blue-ocean);
    border-right: 5px solid var(--blue-ocean);
}
.border-x-orange-dark {
    border-left: 5px solid var(--orange-dark);
    border-right: 5px solid var(--orange-dark);
}
.border-x-red-flash {
    border-left: 5px solid var(--red-flash);
    border-right: 5px solid var(--red-flash);
}

.border-t-0 {
    border-top: 0 !important;
}

.border-b-0 {
    border-bottom: 0 !important;
}

.border-l-0 {
    border-left: 0 !important;
}

.border-r-0 {
    border-right: 0 !important;
}

.border-b-grey-lavender {
    border-bottom: 1px solid var(--grey-lavender);
}
.border-b-grey-light {
    border-bottom: 1px solid var(--grey-light);
}
.border-b-grey-white {
    border-bottom: 1px solid var(--grey-white);
}
.border-l-4-blue {
    border-left: 4px solid var(--blue);
}

.border-rad-04 {
    border-radius: 0.4rem;
}
.border-rad-1 {
    border-radius: 1rem;
}
.border-rad-125 {
    border-radius: 1.25rem;
}
.border-rad-15 {
    border-radius: 1.5rem;
}
.border-rad-4 {
    border-radius: 4rem;
}
.border-rad-50 {
    border-radius: 50px;
}

.border-rad-t-1 {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.border-rad-b-1 {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.brad-circle {
    border: 0.2rem solid #000;
    border-radius: 10rem;
}

.underline-blue {
    text-decoration: underline;
    text-decoration-color: var(--blue);
    text-underline-offset: 3px;
    text-decoration-thickness: 3px;
}
.overline{
    text-decoration: overline;
}

.shadow{
    box-shadow: var(--shadow);
}
.shadow-card{
    box-shadow: var(--shadow-card);
}
.shadow-strong {
    box-shadow: var(--shadow-strong);
}
.shadow-no{
    box-shadow: none;
}

.opacity-75 {
    opacity: 0.75;
}

.blur-2 {
    filter: blur(2px);
}

.upper-roman {
    list-style-type: upper-roman;
}

.flip-x {
    transform: scaleX(-1);
}
.flip-y {
    transform: scaleY(-1);
}

.rotate--2 {
    transform: rotate(-2deg);
}
.rotate--1 {
    transform: rotate(-1deg);
}
.rotate-1 {
    transform: rotate(1deg);
}

.letter-spacing-1 {
    letter-spacing: 0.1rem;
}

.hover-yellow-light:hover {
    background-color: var(--yellow-light);
}