body {
    font-family: "poppins", san-serif !important;
    background-color: #f8f8f8 !important;
}

*[dir="rtl"] .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

*[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

*[dir="rtl"] .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

*[dir="rtl"] .ms-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

*[dir="rtl"] .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}
*[dir="rtl"] .ms-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

*[dir="rtl"] .text-end {
    text-align: left !important;
}
.f-9 {
    font-size: 9px !important;
}
.f-10 {
    font-size: 10px !important;
}
.f-12 {
    font-size: 12px !important;
}
.f-11 {
    font-size: 11px !important;
}
.f-14 {
    font-size: 14px !important;
}
.f-15 {
    font-size: 15px !important;
}
.f-16 {
    font-size: 16px !important;
}
.f-18 {
    font-size: 18px !important;
}
.f-20 {
    font-size: 20px !important;
}
.f-22 {
    font-size: 22px !important;
}
// =========================================================
//                          Font Weight
// =========================================================

// light
.fw-300 {
    font-weight: 300 !important;
}

// regular
.fw-400 {
    font-weight: 400 !important;
}

// medium
.fw-500 {
    font-weight: 500 !important;
}
// semi-bold
.fw-600 {
    font-weight: 600 !important;
}

// bold
.fw-700 {
    font-weight: 700 !important;
}
// extra-bold
.fw-800 {
    font-weight: 800 !important;
}

// Margins/Paddings

.mb-4-px {
    margin-bottom: 4px !important;
}
.mb-5-px {
    margin-bottom: 5px !important;
}
.mt-6 {
    margin-top: 6px !important;
}
.mb-6 {
    margin-bottom: 6px !important;
}
.mb-7 {
    margin-bottom: 7px !important;
}
.mb-52 {
    margin-bottom: 52px !important;
}
.mb-94 {
    margin-bottom: 94px !important;
}
.mr-8 {
    margin-right: 8px !important;
}
*[dir="rtl"] .mr-8 {
    margin-right: 0 !important;
    margin-left: 8px !important;
}
.mr-9 {
    margin-right: 9px !important;
}
*[dir="rtl"] .mr-9 {
    margin-right: 0 !important;
    margin-left: 9px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
*[dir="rtl"] .ml-10 {
    margin-left: 0 !important;
    margin-right: 10px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mr-13 {
    margin-right: 13px !important;
}
.mb-13 {
    margin-bottom: 13px !important;
}
.mb-14 {
    margin-bottom: 14px !important;
}
.mr-14 {
    margin-right: 14px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.mb-18 {
    margin-bottom: 18px !important;
}
.mt-18 {
    margin-top: 18px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
*[dir="rtl"] .mr-20 {
    margin-right: 0 !important;
    margin-left: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}
.mt-26 {
    margin-top: 26px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
*[dir="rtl"] .mr-30 {
    margin-left: 30px !important;
    margin-right: 0 !important;
}
.mb-36 {
    margin-bottom: 36px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.ml-60 {
    margin-left: 60px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mr-80 {
    margin-right: 80px !important;
}
*[dir="rtl"] .mr-80 {
    margin-right: 0 !important;
    margin-left: 80px !important;
}
.mr-90 {
    margin-right: 90px !important;
}
*[dir="rtl"] .mr-90 {
    margin-right: 0 !important;
    margin-left: 90px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mt-100 {
    margin-top: 100px !important;
}

// =========================================================
//                          Color
// =========================================================

.color-danger {
    color: #fb1139 !important;
}
.color-success {
    color: #089752 !important;
}
.color-warning {
    color: #ef932a !important;
}
.color-info {
    color: #1a7fe4 !important;
}
.color-denim {
    color: #1a60ec !important;
}
.color-gray {
    color: #8e8e8e !important;
}
.color-mid-gray {
    color: #686874 !important;
}
.color-jumbo {
    color: #8a8a91 !important;
}
.color-primary {
    color: #089752 !important;
}
.color-secondary {
    color: #343379 !important;
}
.color-blue-bell {
    color: #9095cc !important;
}
.color-persian-blue {
    color: #2422b4 !important;
}
.color-abbey {
    color: #4f4f58 !important;
}
.w-27 {
    min-width: 27px !important;
}
.w-250-px {
    width: 250px !important;
}
.h-34-px {
    height: 34px !important;
}
.h-280-px {
    height: 280px !important;
}
.h-316-px {
    height: 316px !important;
}
.h-495-px {
    height: 495px !important;
}
.mh-294-px {
    min-height: 294px !important;
}
.mh-500-px {
    min-height: 500px !important;
}
.color-black-pearl {
    color: #04041c !important;
}