.bg-base {
    background-color: var(--base-color) !important;
}

.btn-light {
    --bs-btn-bg: #f3f3f3 !important;
}

.text-base {
    color: var(--base-content) !important;
}

.bg-green {
    background-color: var(--green-color) !important;
}

.fill-green {
    fill: var(--green-content) !important;
}

.text-green {
    color: var(--green-content) !important;
}

.bg-accent {
    background-color: var(--accent-bg) !important;
}

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

.text-red {
    color: var(--red-color) !important;
}

.border-red {
    border-left-color: var(--red-color) !important;
    border-right-color: var(--red-color) !important;
    border-top-color: var(--red-color) !important;
    border-bottom-color: var(--red-color) !important;
}

.text-accent {
    color: var(--accent-content) !important;
}

.c-pointer {
    cursor: pointer !important;
}

.text-sm {
    font-size: 14px !important;
}

.text-12px {
    font-size: 12px !important;
}

.text-22px {
    font-size: 22px !important;
}

.h-fit {
    height: fit-content !important;
}

.p-40px {
    padding: 40px !important;
}
.py-40px{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.px-40px {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.p-20px {
    padding: 20px;
}

.py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.px-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.py-118px {
    padding-top: 118px !important;
    padding-bottom: 118px !important;
}
.py-12px {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-18px{
    padding-top: 18px!important;
    padding-bottom: 18px!important;
}
.pt-20px {
    padding-top: 20px !important;
}

.my-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mt-32px {
    margin-top: 32px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.mb-40px {
    margin-bottom: 40px !important;
}

.mb-100px {
    margin-bottom: 100px !important;
}

.min-w-0 {
    min-width: 0 !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-18 {
    font-size: 18px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-60{
    font-size: 60px!important;
}
.--ls{
    letter-spacing: -2px;
}
.gap-32px {
    gap: 32px;
}
.h-20rem{
    height: 20rem!important;
}
.icon-box{
    display: flex;
    width: 44px;
    height: 44px;
    background-color: #FFFFFF26;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 2px solid #FFFFFFB8;
}