.font-color-red{
    color: red;
}

body{
    font-family: "Inter Tight", sans-serif!important;
    background-color: #f9fafb!important;
    color: #5d697a !important;
    transition: all 0.3s
    linear;
    overflow-x: hidden;
}

:root {
    --white: #ffffff;
    --white-8: rgba(255 255 255 / 8%);
    --white-15: rgba(255 255 255 / 15%);
    --white-50: rgba(255 255 255 / 50%);
    --white-80: rgba(255 255 255 / 80%);
    --white-200: #f9f9fb;
    --black: #000000;
    --black-10: rgb(0 0 0 / 10%);
    --body-bg: #f9fafb;
    --primary-color: #cdef84;
    --main-color: #007aff;
    --main-color-10: rgb(0 122 255 / 10%);
    --title-black: #01091a;
    --title-black-20: rgb(0 7 25 / 20%);
    --textBlack: #394048;
    --para-text: #5d697a;
    --body-text: #8c939f;
    --positive-para-text: #e9e9e9;
    --sidebar-bg: #1f2336;
    --sidebar-divider: #2b3047;
    --sidebar-text: #7881a4;
    --disabled: #d3d3d3;
    --ld-black: #101827;
    --ld-border: #e4e6eb;
    --ld-testi-bg: #1a2438;
    --ld-section-bg: #f4f8f7;
    --ld-feature-bg: #21243b;
    --ld-feature-item-bg: #2f334b;
    --ld-feature-item-1: #ff6c4c;
    --ld-feature-item-2: #50ca17;
    --ld-feature-item-3: #feae32;
    --ld-feature-item-4: #bd63f9;
    --ld-feature-item-5: #3dbafe;
    --ld-core-feature-item-bg: #f4f8f4;
    --purple: #7a5af8;
    --purple-10: rgb(122 90 248 / 10%);
    --purple-20: rgb(122 90 248 / 20%);
    --positive-red: #fff1ed;
    --stroke: #eef1f3;
    --green: #12b76a;
    --green-10: rgb(18 183 106 / 10%);
    --bg-color: #f9fafb;
    --blue-light: #0ac0e7;
    --positive-blue-light: #ddf9ff;
    --yellow: #fd8900;
    --yellow-10: rgb(255 136 0 / 10%);
    --red: #ff3b30;
    --red-10: rgb(255 59 48 / 10%);
    --dark-color: #394048;
    --light-border: #e8eaed;
    --hover-color: #e5f0fb;
    --header-color: #f2f4f7;
    --positive-yellow: #fff5dd;
    --ongoing: #cf05ec;
    --positive-ongoing: #fdefff;
    --review: #7ba20b;
    --positive-review: #f3ffd0;
    --positive-bg: #ddffde;
    --positive-blue: #f0efff;
    --scroll-track: #efefef;
    --scroll-thumb: #dadada;
    --dashboard-1: #d6f2ff;
    --dashboard-2: #e2ffea;
    --dashboard-3: #f2dfff;
    --dashboard-4: #ffe7e2;
    --img-upload: #c4c4c4;
    --color1-10: rgb(253 76 0 / 10%);
    --color2-10: rgb(253 182 0 / 10%);
    --color3: #cfd9ec;
    --color4: #e8f3ff;
    --color5: #f0f3f6;
    --color6: #101827;
    --table-bottom-70: rgb(238 240 243 / 70%);
}
/* start padding, margin, gap, etc config CSS */


/* Fnot size */
/* Font size */
.mb-fs-32 {
    font-size: 32px;
}

@media screen and (min-width: 576px) {
    .mb-fs-sm-48 {
        font-size: 48px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Font weight */
.mb-fw-100 {
    font-weight: 100;
}

.mb-fw-200 {
    font-weight: 200;
}

.mb-fw-300 {
    font-weight: 300;
}

.mb-fw-400 {
    font-weight: 400;
}

.mb-fw-500 {
    font-weight: 500;
}

.mb-fw-600 {
    font-weight: 600;
}

.mb-fw-700 {
    font-weight: 700;
}

.mb-fw-800 {
    font-weight: 800;
}

.mb-fw-900 {
    font-weight: 900;
}

.mb-fw-1000 {
    font-weight: 1000;
}

/* Line Height */
.mb-lh-32 {
    line-height: 32px;
}

.mb-lh-38 {
    line-height: 38px;
}

.mb-lh-44 {
    line-height: 44px;
}

.mb-lh-48 {
    line-height: 48px;
}

@media screen and (min-width: 576px) {
    .mb-lh-sm-57 {
        line-height: 57px;
    }
}

.mb-lh-10 {
    line-height: 10px !important;
}

.mb-lh-11 {
    line-height: 11px !important;
}

.mb-lh-12 {
    line-height: 12px !important;
}

.mb-lh-13 {
    line-height: 13px !important;
}

.mb-lh-14 {
    line-height: 14px !important;
}

.mb-lh-15 {
    line-height: 15px !important;
}

.mb-lh-16 {
    line-height: 16px !important;
}

.mb-lh-17 {
    line-height: 17px !important;
}

.mb-lh-18 {
    line-height: 18px !important;
}

.mb-lh-19 {
    line-height: 19px !important;
}

.mb-lh-20 {
    line-height: 20px !important;
}

.mb-lh-21 {
    line-height: 21px !important;
}

.mb-lh-22 {
    line-height: 22px !important;
}

.mb-lh-23 {
    line-height: 23px !important;
}

.mb-lh-24 {
    line-height: 24px !important;
}

.mb-lh-25 {
    line-height: 25px !important;
}

.mb-lh-26 {
    line-height: 26px !important;
}

.mb-lh-27 {
    line-height: 27px !important;
}

.mb-lh-28 {
    line-height: 28px !important;
}

.mb-lh-29 {
    line-height: 29px !important;
}

.mb-lh-30 {
    line-height: 30px !important;
}

.mb-lh-31 {
    line-height: 31px !important;
}

.mb-lh-32 {
    line-height: 32px !important;
}

.mb-lh-33 {
    line-height: 33px !important;
}

.mb-lh-34 {
    line-height: 34px !important;
}

/* Letter Spacing */
.mb-ls-1 {
    letter-spacing: 1px !important;
}

.mb-ls-2 {
    letter-spacing: 2px !important;
}

.mb-ls-3 {
    letter-spacing: 3px !important;
}

.mb-ls-4 {
    letter-spacing: 4px !important;
}

.mb-ls-5 {
    letter-spacing: 5px !important;
}

.mb-ls-6 {
    letter-spacing: 6px !important;
}

.mb-ls-7 {
    letter-spacing: 7px !important;
}

.mb-ls-8 {
    letter-spacing: 8px !important;
}

.mb-ls-9 {
    letter-spacing: 9px !important;
}

.mb-ls-10 {
    letter-spacing: 10px !important;
}

/* text justify */
.mb-text-justify {
    text-align: justify;
}

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

.mb-text-white-8 {
    color: var(--white-8) !important;
}

.mb-text-white-50 {
    color: var(--white-50) !important;
}

.mb-text-white-200 {
    color: var(--white-200) !important;
}

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

.mb-text-black-10 {
    color: var(--black-10) !important;
}

.mb-text-body-bg {
    color: var(--body-bg) !important;
}

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

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

.mb-text-main-color-10 {
    color: var(--main-color-10) !important;
}

.mb-text-title-black {
    color: var(--textBlack) !important;
}

.mb-text-title-black2 {
    color: var(--title-black) !important;
}

.mb-text-title-black-20 {
    color: var(--title-black-20) !important;
}

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

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

.mb-text-purple-10 {
    color: var(--purple-10) !important;
}

.mb-text-purple-20 {
    color: var(--purple-20) !important;
}

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

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

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

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

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

.mb-text-yellow-10 {
    color: var(--yellow-10) !important;
}

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

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

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

.mb-text-light-border {
    color: var(--light-border) !important;
}

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

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

.mb-text-scroll-track {
    color: var(--scroll-track) !important;
}

.mb-text-scroll-thumb {
    color: var(--scroll-thumb) !important;
}

.mb-text-img-upload {
    color: var(--img-upload) !important;
}

.mb-text-color1-10 {
    color: var(--color1-10) !important;
}

.mb-text-color2-10 {
    color: var(--color2-10) !important;
}

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

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

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

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

.mb-text-table-bottom-70 {
    color: var(--table-bottom-70) !important;
}

.mb-text-ld-testi-bg {
    color: var(--ld-testi-bg) !important;
}

/* Background Color */
.mb-bg-white {
    background-color: var(--white) !important;
}

.mb-bg-white-8 {
    background-color: var(--white-8) !important;
}

.mb-bg-white-50 {
    background-color: var(--white-50) !important;
}

.mb-bg-white-200 {
    background-color: var(--white-200) !important;
}

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

.mb-bg-black-10 {
    background-color: var(--black-10) !important;
}

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

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

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

.mb-bg-main-color-10 {
    background-color: var(--main-color-10) !important;
}

.mb-bg-title-black {
    background-color: var(--textBlack) !important;
}

.mb-bg-title-black2 {
    background-color: var(--title-black) !important;
}

.mb-bg-title-black-20 {
    background-color: var(--title-black-20) !important;
}

.mb-bg-para-text {
    background-color: var(--para-text) !important;
}

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

.mb-bg-purple-10 {
    background-color: var(--purple-10) !important;
}

.mb-bg-purple-20 {
    background-color: var(--purple-20) !important;
}

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

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

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

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

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

.mb-bg-yellow-10 {
    background-color: var(--yellow-10) !important;
}

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

.mb-bg-red-10 {
    background-color: var(--red-10) !important;
}

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

.mb-bg-light-border {
    background-color: var(--light-border) !important;
}

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

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

.mb-bg-scroll-track {
    background-color: var(--scroll-track) !important;
}

.mb-bg-scroll-thumb {
    background-color: var(--scroll-thumb) !important;
}

.mb-bg-img-upload {
    background-color: var(--img-upload) !important;
}

.mb-bg-color1-10 {
    background-color: var(--color1-10) !important;
}

.mb-bg-color2-10 {
    background-color: var(--color2-10) !important;
}

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

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

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

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

.mb-bg-table-bottom-70 {
    background-color: var(--table-bottom-70) !important;
}

.mb-bg-ld-testi-bg {
    background-color: var(--ld-testi-bg) !important;
}

/* Border Color */
.mb-bd-c-white {
    border-color: var(--white) !important;
}

.mb-bd-c-white-8 {
    border-color: var(--white-8) !important;
}

.mb-bd-c-white-50 {
    border-color: var(--white-50) !important;
}

.mb-bd-c-white-200 {
    border-color: var(--white-200) !important;
}

.mb-bd-c-black {
    border-color: var(--black) !important;
}

.mb-bd-c-black-10 {
    border-color: var(--black-10) !important;
}

.mb-bd-c-body-bg {
    border-color: var(--body-bg) !important;
}

.mb-bd-c-primary-color {
    border-color: var(--primary-color) !important;
}

.mb-bd-c-main-color {
    border-color: var(--main-color) !important;
}

.mb-bd-c-main-color-10 {
    border-color: var(--main-color-10) !important;
}

.mb-bd-c-title-black {
    border-color: var(--textBlack) !important;
}

.mb-bd-c-title-black2 {
    border-color: var(--title-black) !important;
}

.mb-bd-c-title-black-20 {
    border-color: var(--title-black-20) !important;
}

.mb-bd-c-para-text {
    border-color: var(--para-text) !important;
}

.mb-bd-c-purple {
    border-color: var(--purple) !important;
}

.mb-bd-c-purple-10 {
    border-color: var(--purple-10) !important;
}

.mb-bd-c-purple-20 {
    border-color: var(--purple-20) !important;
}

.mb-bd-c-stroke {
    border-color: var(--stroke) !important;
}

.mb-bd-c-green {
    border-color: var(--green) !important;
}

.mb-bd-c-green-10 {
    border-color: var(--green-10) !important;
}

.mb-bd-c-bg-color {
    border-color: var(--bg-color) !important;
}

.mb-bd-c-yellow {
    border-color: var(--yellow) !important;
}

.mb-bd-c-yellow-10 {
    border-color: var(--yellow-10) !important;
}

.mb-bd-c-red {
    border-color: var(--red) !important;
}

.mb-bd-c-red-10 {
    border-color: var(--red-10) !important;
}

.mb-bd-c-dark-color {
    border-color: var(--dark-color) !important;
}

.mb-bd-c-light-border {
    border-color: var(--light-border) !important;
}

.mb-bd-c-hover-color {
    border-color: var(--hover-color) !important;
}

.mb-bd-c-header-color {
    border-color: var(--header-color) !important;
}

.mb-bd-c-scroll-track {
    border-color: var(--scroll-track) !important;
}

.mb-bd-c-scroll-thumb {
    border-color: var(--scroll-thumb) !important;
}

.mb-bd-c-img-upload {
    border-color: var(--img-upload) !important;
}

.mb-bd-c-color1-10 {
    border-color: var(--color1-10) !important;
}

.mb-bd-c-color2-10 {
    border-color: var(--color2-10) !important;
}

.mb-bd-c-color3 {
    border-color: var(--color3) !important;
}

.mb-bd-c-color4 {
    border-color: var(--color4) !important;
}

.mb-bd-c-color5 {
    border-color: var(--color5) !important;
}

.mb-bd-c-color6 {
    border-color: var(--color6) !important;
}

.mb-bd-c-table-bottom-70 {
    border-color: var(--table-bottom-70) !important;
}

.mb-bd-c-ld-testi-bg {
    border-color: var(--ld-testi-bg) !important;
}

/* z-index */
.mb-z-index-1 {
    z-index: 1;
}

.mb-z-index-2 {
    z-index: 2;
}

.mb-z-index-3 {
    z-index: 3;
}

.mb-z-index-4 {
    z-index: 4;
}

.mb-z-index-5 {
    z-index: 5;
}

/* Padding */
.mb-p-0 {
    padding: 0px !important;
}

.mb-p-1 {
    padding: 1px !important;
}

.mb-p-2 {
    padding: 2px !important;
}

.mb-p-3 {
    padding: 3px !important;
}

.mb-p-4 {
    padding: 4px !important;
}

.mb-p-5 {
    padding: 5px !important;
}

.mb-p-6 {
    padding: 6px !important;
}

.mb-p-7 {
    padding: 7px !important;
}

.mb-p-8 {
    padding: 8px !important;
}

.mb-p-9 {
    padding: 9px !important;
}

.mb-p-10 {
    padding: 10px !important;
}

.mb-p-11 {
    padding: 11px !important;
}

.mb-p-12 {
    padding: 12px !important;
}

.mb-p-13 {
    padding: 13px !important;
}

.mb-p-14 {
    padding: 14px !important;
}

.mb-p-15 {
    padding: 15px !important;
}

.mb-p-16 {
    padding: 16px !important;
}

.mb-p-17 {
    padding: 17px !important;
}

.mb-p-18 {
    padding: 18px !important;
}

.mb-p-19 {
    padding: 19px !important;
}

.mb-p-20 {
    padding: 20px !important;
}

.mb-p-21 {
    padding: 21px !important;
}

.mb-p-22 {
    padding: 22px !important;
}

.mb-p-23 {
    padding: 23px !important;
}

.mb-p-24 {
    padding: 24px !important;
}

.mb-p-25 {
    padding: 25px !important;
}

.mb-p-26 {
    padding: 26px !important;
}

.mb-p-27 {
    padding: 27px !important;
}

.mb-p-28 {
    padding: 28px !important;
}

.mb-p-29 {
    padding: 29px !important;
}

.mb-p-30 {
    padding: 30px !important;
}

@media screen and (min-width: 992px) {
    .mb-p-lg-30 {
        padding: 30px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-p-sm-16 {
        padding: 16px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-p-sm-20 {
        padding: 20px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-p-sm-25 {
        padding: 25px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-p-sm-30 {
        padding: 30px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-p-sm-35 {
        padding: 35px !important;
    }
}

/* Padding top & bottom */
.mb-py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 576px) {
    .mb-py-sm-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-py-sm-25 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-py-sm-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-py-sm-52 {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-py-sm-150 {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

/* Padding left & right */
.mb-px-33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 576px) {
    .mb-px-sm-14 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-px-sm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-px-sm-25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-px-sm-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* Padding top */
.mb-pt-34 {
    padding-top: 34px !important;
}

.mb-pt-1 {
    padding-top: 1px !important;
}

.mb-pt-2 {
    padding-top: 2px !important;
}

.mb-pt-3 {
    padding-top: 3px !important;
}

.mb-pt-4 {
    padding-top: 4px !important;
}

.mb-pt-5 {
    padding-top: 5px !important;
}

.mb-pt-6 {
    padding-top: 6px !important;
}

.mb-pt-7 {
    padding-top: 7px !important;
}

.mb-pt-8 {
    padding-top: 8px !important;
}

.mb-pt-9 {
    padding-top: 9px !important;
}

.mb-pt-10 {
    padding-top: 10px !important;
}

.mb-pt-11 {
    padding-top: 11px !important;
}

.mb-pt-12 {
    padding-top: 12px !important;
}

.mb-pt-13 {
    padding-top: 13px !important;
}

.mb-pt-14 {
    padding-top: 14px !important;
}

.mb-pt-15 {
    padding-top: 15px !important;
}

.mb-pt-16 {
    padding-top: 16px !important;
}

.mb-pt-17 {
    padding-top: 17px !important;
}

.mb-pt-18 {
    padding-top: 18px !important;
}

.mb-pt-19 {
    padding-top: 19px !important;
}

.mb-pt-20 {
    padding-top: 20px !important;
}

.mb-pt-21 {
    padding-top: 21px !important;
}

.mb-pt-22 {
    padding-top: 22px !important;
}

.mb-pt-23 {
    padding-top: 23px !important;
}

.mb-pt-24 {
    padding-top: 24px !important;
}

.mb-pt-25 {
    padding-top: 25px !important;
}

.mb-pt-26 {
    padding-top: 26px !important;
}

.mb-pt-27 {
    padding-top: 27px !important;
}

.mb-pt-28 {
    padding-top: 28px !important;
}

.mb-pt-29 {
    padding-top: 29px !important;
}

.mb-pt-30 {
    padding-top: 30px !important;
}

.mb-pt-31 {
    padding-top: 31px !important;
}

.mb-pt-32 {
    padding-top: 32px !important;
}

.mb-pt-33 {
    padding-top: 33px !important;
}

.mb-pt-34 {
    padding-top: 34px !important;
}

.mb-pt-35 {
    padding-top: 35px !important;
}

.mb-pt-36 {
    padding-top: 36px !important;
}

.mb-pt-37 {
    padding-top: 37px !important;
}

.mb-pt-38 {
    padding-top: 38px !important;
}

.mb-pt-39 {
    padding-top: 39px !important;
}

.mb-pt-40 {
    padding-top: 40px !important;
}

.mb-pt-41 {
    padding-top: 41px !important;
}

.mb-pt-42 {
    padding-top: 42px !important;
}

.mb-pt-43 {
    padding-top: 43px !important;
}

.mb-pt-44 {
    padding-top: 44px !important;
}

.mb-pt-45 {
    padding-top: 45px !important;
}

.mb-pt-46 {
    padding-top: 46px !important;
}

.mb-pt-47 {
    padding-top: 47px !important;
}

.mb-pt-48 {
    padding-top: 48px !important;
}

.mb-pt-49 {
    padding-top: 49px !important;
}

.mb-pt-50 {
    padding-top: 50px !important;
}

.mb-pt-51 {
    padding-top: 51px !important;
}

.mb-pt-52 {
    padding-top: 52px !important;
}

.mb-pt-53 {
    padding-top: 53px !important;
}

.mb-pt-54 {
    padding-top: 54px !important;
}

.mb-pt-55 {
    padding-top: 55px !important;
}

.mb-pt-56 {
    padding-top: 56px !important;
}

.mb-pt-57 {
    padding-top: 57px !important;
}

.mb-pt-58 {
    padding-top: 58px !important;
}

.mb-pt-59 {
    padding-top: 59px !important;
}

.mb-pt-60 {
    padding-top: 60px !important;
}

.mb-pt-61 {
    padding-top: 61px !important;
}

.mb-pt-62 {
    padding-top: 62px !important;
}

.mb-pt-63 {
    padding-top: 63px !important;
}

.mb-pt-64 {
    padding-top: 64px !important;
}

.mb-pt-65 {
    padding-top: 65px !important;
}

.mb-pt-66 {
    padding-top: 66px !important;
}

.mb-pt-67 {
    padding-top: 67px !important;
}

.mb-pt-68 {
    padding-top: 68px !important;
}

.mb-pt-69 {
    padding-top: 69px !important;
}

.mb-pt-70 {
    padding-top: 70px !important;
}

.mb-pt-71 {
    padding-top: 71px !important;
}

.mb-pt-72 {
    padding-top: 72px !important;
}

.mb-pt-73 {
    padding-top: 73px !important;
}

.mb-pt-74 {
    padding-top: 74px !important;
}

.mb-pt-75 {
    padding-top: 75px !important;
}

.mb-pt-76 {
    padding-top: 76px !important;
}

.mb-pt-77 {
    padding-top: 77px !important;
}

.mb-pt-78 {
    padding-top: 78px !important;
}

.mb-pt-79 {
    padding-top: 79px !important;
}

.mb-pt-80 {
    padding-top: 80px !important;
}

.mb-pt-81 {
    padding-top: 81px !important;
}

.mb-pt-82 {
    padding-top: 82px !important;
}

.mb-pt-83 {
    padding-top: 83px !important;
}

.mb-pt-84 {
    padding-top: 84px !important;
}

.mb-pt-85 {
    padding-top: 85px !important;
}

.mb-pt-86 {
    padding-top: 86px !important;
}

.mb-pt-87 {
    padding-top: 87px !important;
}

.mb-pt-88 {
    padding-top: 88px !important;
}

.mb-pt-89 {
    padding-top: 89px !important;
}

.mb-pt-90 {
    padding-top: 90px !important;
}

.mb-pt-91 {
    padding-top: 91px !important;
}

.mb-pt-92 {
    padding-top: 92px !important;
}

.mb-pt-93 {
    padding-top: 93px !important;
}

.mb-pt-94 {
    padding-top: 94px !important;
}

.mb-pt-95 {
    padding-top: 95px !important;
}

.mb-pt-96 {
    padding-top: 96px !important;
}

.mb-pt-97 {
    padding-top: 97px !important;
}

.mb-pt-98 {
    padding-top: 98px !important;
}

.mb-pt-99 {
    padding-top: 99px !important;
}

.mb-pt-100 {
    padding-top: 100px !important;
}

@media screen and (min-width: 576px) {
    .mb-pt-sm-64 {
        padding-top: 64px !important;
    }
}

/* Padding bottom */
.mb-pb-32 {
    padding-bottom: 32px !important;
}

.mb-pb-33 {
    padding-bottom: 33px !important;
}

.mb-pb-35 {
    padding-bottom: 35px !important;
}

.mb-pb-37 {
    padding-bottom: 37px !important;
}

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

.mb-pb-41 {
    padding-bottom: 41px !important;
}

.mb-pb-50 {
    padding-bottom: 50px !important;
}

.mb-pb-55 {
    padding-bottom: 55px !important;
}

.mb-pb-1 {
    padding-bottom: 1px !important;
}

.mb-pb-2 {
    padding-bottom: 2px !important;
}

.mb-pb-3 {
    padding-bottom: 3px !important;
}

.mb-pb-4 {
    padding-bottom: 4px !important;
}

.mb-pb-5 {
    padding-bottom: 5px !important;
}

.mb-pb-6 {
    padding-bottom: 6px !important;
}

.mb-pb-7 {
    padding-bottom: 7px !important;
}

.mb-pb-8 {
    padding-bottom: 8px !important;
}

.mb-pb-9 {
    padding-bottom: 9px !important;
}

.mb-pb-10 {
    padding-bottom: 10px !important;
}

.mb-pb-11 {
    padding-bottom: 11px !important;
}

.mb-pb-12 {
    padding-bottom: 12px !important;
}

.mb-pb-13 {
    padding-bottom: 13px !important;
}

.mb-pb-14 {
    padding-bottom: 14px !important;
}

.mb-pb-15 {
    padding-bottom: 15px !important;
}

.mb-pb-16 {
    padding-bottom: 16px !important;
}

.mb-pb-17 {
    padding-bottom: 17px !important;
}

.mb-pb-18 {
    padding-bottom: 18px !important;
}

.mb-pb-19 {
    padding-bottom: 19px !important;
}

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

.mb-pb-21 {
    padding-bottom: 21px !important;
}

.mb-pb-22 {
    padding-bottom: 22px !important;
}

.mb-pb-23 {
    padding-bottom: 23px !important;
}

.mb-pb-24 {
    padding-bottom: 24px !important;
}

.mb-pb-25 {
    padding-bottom: 25px !important;
}

.mb-pb-26 {
    padding-bottom: 26px !important;
}

.mb-pb-27 {
    padding-bottom: 27px !important;
}

.mb-pb-28 {
    padding-bottom: 28px !important;
}

.mb-pb-29 {
    padding-bottom: 29px !important;
}

.mb-pb-30 {
    padding-bottom: 30px !important;
}

@media screen and (min-width: 576px) {
    .mb-pb-sm-150 {
        padding-bottom: 150px !important;
    }
}

/* Padding Left */
.mb-pl-0 {
    padding-left: 0px !important;
}

.mb-pl-1 {
    padding-left: 1px !important;
}

.mb-pl-2 {
    padding-left: 2px !important;
}

.mb-pl-3 {
    padding-left: 3px !important;
}

.mb-pl-4 {
    padding-left: 4px !important;
}

.mb-pl-5 {
    padding-left: 5px !important;
}

.mb-pl-6 {
    padding-left: 6px !important;
}

.mb-pl-7 {
    padding-left: 7px !important;
}

.mb-pl-8 {
    padding-left: 8px !important;
}

.mb-pl-9 {
    padding-left: 9px !important;
}

.mb-pl-10 {
    padding-left: 10px !important;
}

.mb-pl-11 {
    padding-left: 11px !important;
}

.mb-pl-12 {
    padding-left: 12px !important;
}

.mb-pl-13 {
    padding-left: 13px !important;
}

.mb-pl-14 {
    padding-left: 14px !important;
}

.mb-pl-15 {
    padding-left: 15px !important;
}

.mb-pl-16 {
    padding-left: 16px !important;
}

.mb-pl-17 {
    padding-left: 17px !important;
}

.mb-pl-18 {
    padding-left: 18px !important;
}

.mb-pl-19 {
    padding-left: 19px !important;
}

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

@media screen and (min-width: 1200px) {
    .mb-pl-xl-70 {
        padding-left: 70px !important;
    }
}

@media screen and (min-width: 576px) {
    .mb-pl-sm-20 {
        padding-left: 20px !important;
    }
}

/* Padding Right */
.mb-pr-0 {
    padding-right: 0px !important;
}

.mb-pr-1 {
    padding-right: 1px !important;
}

.mb-pr-2 {
    padding-right: 2px !important;
}

.mb-pr-3 {
    padding-right: 3px !important;
}

.mb-pr-4 {
    padding-right: 4px !important;
}

.mb-pr-5 {
    padding-right: 5px !important;
}

.mb-pr-6 {
    padding-right: 6px !important;
}

.mb-pr-7 {
    padding-right: 7px !important;
}

.mb-pr-8 {
    padding-right: 8px !important;
}

.mb-pr-9 {
    padding-right: 9px !important;
}

.mb-pr-10 {
    padding-right: 10px !important;
}

.mb-pr-11 {
    padding-right: 11px !important;
}

.mb-pr-12 {
    padding-right: 12px !important;
}

.mb-pr-13 {
    padding-right: 13px !important;
}

.mb-pr-14 {
    padding-right: 14px !important;
}

.mb-pr-15 {
    padding-right: 15px !important;
}

.mb-pr-16 {
    padding-right: 16px !important;
}

.mb-pr-17 {
    padding-right: 17px !important;
}

.mb-pr-18 {
    padding-right: 18px !important;
}

.mb-pr-19 {
    padding-right: 19px !important;
}

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

.mb-top-10 {
    top: 10px;
}

.mb-right-10 {
    right: 10px;
}

/* Margin Left & Right */
.mb-mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/* Margin top */
.mb-mt-0 {
    margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Margin right */
.mb-mr-0 {
    margin-right: 0px !important;
}

.mb-mr-1 {
    margin-right: 1px !important;
}

.mb-mr-2 {
    margin-right: 2px !important;
}

.mb-mr-3 {
    margin-right: 3px !important;
}

.mb-mr-4 {
    margin-right: 4px !important;
}

.mb-mr-5 {
    margin-right: 5px !important;
}

.mb-mr-6 {
    margin-right: 6px !important;
}

.mb-mr-7 {
    margin-right: 7px !important;
}

.mb-mr-8 {
    margin-right: 8px !important;
}

.mb-mr-9 {
    margin-right: 9px !important;
}

.mb-mr-10 {
    margin-right: 10px !important;
}

.mb-mr-11 {
    margin-right: 11px !important;
}

.mb-mr-12 {
    margin-right: 12px !important;
}

.mb-mr-13 {
    margin-right: 13px !important;
}

.mb-mr-14 {
    margin-right: 14px !important;
}

.mb-mr-15 {
    margin-right: 15px !important;
}

.mb-mr-16 {
    margin-right: 16px !important;
}

.mb-mr-17 {
    margin-right: 17px !important;
}

.mb-mr-18 {
    margin-right: 18px !important;
}

.mb-mr-19 {
    margin-right: 19px !important;
}

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

/* Margin bottom */
.mb-mb-36 {
    margin-bottom: 36px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Margin left */
.mb-ml-0 {
    margin-left: 0px !important;
}

.mb-ml-1 {
    margin-left: 1px !important;
}

.mb-ml-2 {
    margin-left: 2px !important;
}

.mb-ml-3 {
    margin-left: 3px !important;
}

.mb-ml-4 {
    margin-left: 4px !important;
}

.mb-ml-5 {
    margin-left: 5px !important;
}

.mb-ml-6 {
    margin-left: 6px !important;
}

.mb-ml-7 {
    margin-left: 7px !important;
}

.mb-ml-8 {
    margin-left: 8px !important;
}

.mb-ml-9 {
    margin-left: 9px !important;
}

.mb-ml-10 {
    margin-left: 10px !important;
}

.mb-ml-11 {
    margin-left: 11px !important;
}

.mb-ml-12 {
    margin-left: 12px !important;
}

.mb-ml-13 {
    margin-left: 13px !important;
}

.mb-ml-14 {
    margin-left: 14px !important;
}

.mb-ml-15 {
    margin-left: 15px !important;
}

.mb-ml-16 {
    margin-left: 16px !important;
}

.mb-ml-17 {
    margin-left: 17px !important;
}

.mb-ml-18 {
    margin-left: 18px !important;
}

.mb-ml-19 {
    margin-left: 19px !important;
}

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

/* Gap */
.mb-g-0 {
    gap: 0px;
}

.mb-g-1 {
    gap: 1px !important;
}

.mb-g-2 {
    gap: 2px !important;
}

.mb-g-3 {
    gap: 3px !important;
}

.mb-g-4 {
    gap: 4px !important;
}

.mb-g-5 {
    gap: 5px !important;
}

.mb-g-6 {
    gap: 6px !important;
}

.mb-g-7 {
    gap: 7px !important;
}

.mb-g-8 {
    gap: 8px !important;
}

.mb-g-9 {
    gap: 9px !important;
}

.mb-g-10 {
    gap: 10px !important;
}

.mb-g-11 {
    gap: 11px !important;
}

.mb-g-12 {
    gap: 12px !important;
}

.mb-g-13 {
    gap: 13px !important;
}

.mb-g-14 {
    gap: 14px !important;
}

.mb-g-15 {
    gap: 15px !important;
}

.mb-g-16 {
    gap: 16px !important;
}

.mb-g-17 {
    gap: 17px !important;
}

.mb-g-18 {
    gap: 18px !important;
}

.mb-g-19 {
    gap: 19px !important;
}

.mb-g-20 {
    gap: 20px !important;
}

.mb-g-21 {
    gap: 21px !important;
}

.mb-g-22 {
    gap: 22px !important;
}

.mb-g-23 {
    gap: 23px !important;
}

.mb-g-24 {
    gap: 24px !important;
}

.mb-g-25 {
    gap: 25px !important;
}

.mb-g-26 {
    gap: 26px !important;
}

.mb-g-27 {
    gap: 27px !important;
}

.mb-g-28 {
    gap: 28px !important;
}

.mb-g-29 {
    gap: 29px !important;
}

.mb-g-30 {
    gap: 30px !important;
}

/* Row Gap */
.mb-rg-40 {
    row-gap: 40px;
}

.mb-rg-1 {
    row-gap: 1px !important;
}

.mb-rg-2 {
    row-gap: 2px !important;
}

.mb-rg-3 {
    row-gap: 3px !important;
}

.mb-rg-4 {
    row-gap: 4px !important;
}

.mb-rg-5 {
    row-gap: 5px !important;
}

.mb-rg-6 {
    row-gap: 6px !important;
}

.mb-rg-7 {
    row-gap: 7px !important;
}

.mb-rg-8 {
    row-gap: 8px !important;
}

.mb-rg-9 {
    row-gap: 9px !important;
}

.mb-rg-10 {
    row-gap: 10px !important;
}

.mb-rg-11 {
    row-gap: 11px !important;
}

.mb-rg-12 {
    row-gap: 12px !important;
}

.mb-rg-13 {
    row-gap: 13px !important;
}

.mb-rg-14 {
    row-gap: 14px !important;
}

.mb-rg-15 {
    row-gap: 15px !important;
}

.mb-rg-16 {
    row-gap: 16px !important;
}

.mb-rg-17 {
    row-gap: 17px !important;
}

.mb-rg-18 {
    row-gap: 18px !important;
}

.mb-rg-19 {
    row-gap: 19px !important;
}

.mb-rg-20 {
    row-gap: 20px !important;
}

.mb-rg-21 {
    row-gap: 21px !important;
}

.mb-rg-22 {
    row-gap: 22px !important;
}

.mb-rg-23 {
    row-gap: 23px !important;
}

.mb-rg-24 {
    row-gap: 24px !important;
}

.mb-rg-25 {
    row-gap: 25px !important;
}

.mb-rg-26 {
    row-gap: 26px !important;
}

.mb-rg-27 {
    row-gap: 27px !important;
}

.mb-rg-28 {
    row-gap: 28px !important;
}

.mb-rg-29 {
    row-gap: 29px !important;
}

.mb-rg-30 {
    row-gap: 30px !important;
}

/* Column gap */
.mb-cg-0 {
    column-gap: 0px;
}

.mb-cg-1 {
    column-gap: 1px !important;
}

.mb-cg-2 {
    column-gap: 2px !important;
}

.mb-cg-3 {
    column-gap: 3px !important;
}

.mb-cg-4 {
    column-gap: 4px !important;
}

.mb-cg-5 {
    column-gap: 5px !important;
}

.mb-cg-6 {
    column-gap: 6px !important;
}

.mb-cg-7 {
    column-gap: 7px !important;
}

.mb-cg-8 {
    column-gap: 8px !important;
}

.mb-cg-9 {
    column-gap: 9px !important;
}

.mb-cg-10 {
    column-gap: 10px !important;
}

.mb-cg-11 {
    column-gap: 11px !important;
}

.mb-cg-12 {
    column-gap: 12px !important;
}

.mb-cg-13 {
    column-gap: 13px !important;
}

.mb-cg-14 {
    column-gap: 14px !important;
}

.mb-cg-15 {
    column-gap: 15px !important;
}

.mb-cg-16 {
    column-gap: 16px !important;
}

.mb-cg-17 {
    column-gap: 17px !important;
}

.mb-cg-18 {
    column-gap: 18px !important;
}

.mb-cg-19 {
    column-gap: 19px !important;
}

.mb-cg-20 {
    column-gap: 20px !important;
}

.mb-cg-21 {
    column-gap: 21px !important;
}

.mb-cg-22 {
    column-gap: 22px !important;
}

.mb-cg-23 {
    column-gap: 23px !important;
}

.mb-cg-24 {
    column-gap: 24px !important;
}

.mb-cg-25 {
    column-gap: 25px !important;
}

.mb-cg-26 {
    column-gap: 26px !important;
}

.mb-cg-27 {
    column-gap: 27px !important;
}

.mb-cg-28 {
    column-gap: 28px !important;
}

.mb-cg-29 {
    column-gap: 29px !important;
}

.mb-cg-30 {
    column-gap: 30px !important;
}

/* Minimum width */
.mb-min-w-auto {
    min-width: auto !important;
}

.mb-min-w-100 {
    min-width: 100px;
}

.mb-min-w-133 {
    min-width: 133px;
}

/* Maximum width */
.mb-max-w-8 {
    max-width: 8px;
}

.mb-max-w-11 {
    max-width: 11px;
}

.mb-max-w-26 {
    max-width: 26px;
}

.mb-max-w-50 {
    max-width: 50px;
}

.mb-max-w-100 {
    max-width: 100px;
}

.mb-max-w-110 {
    max-width: 110px;
}

.mb-max-w-120 {
    max-width: 120px;
}

.mb-max-w-130 {
    max-width: 130px;
}

.mb-max-w-131 {
    max-width: 131px;
}

.mb-max-w-150 {
    max-width: 150px;
}

.mb-max-w-167 {
    max-width: 167px;
}

.mb-max-w-178 {
    max-width: 178px;
}

.mb-max-w-190 {
    max-width: 190px;
}

.mb-max-w-194 {
    max-width: 194px;
}

.mb-max-w-220 {
    max-width: 220px;
}

.mb-max-w-282 {
    max-width: 282px;
}

.mb-max-w-304 {
    max-width: 304px;
}

.mb-max-w-366 {
    max-width: 366px;
}

.mb-max-w-374 {
    max-width: 374px;
}

.mb-max-w-387 {
    max-width: 387px;
}

.mb-max-w-429 {
    max-width: 429px;
}

.mb-max-w-519 {
    max-width: 519px;
}

.mb-max-w-596 {
    max-width: 596px;
}

.mb-max-w-640 {
    max-width: 640px;
}

.mb-max-w-713 {
    max-width: 713px;
}

.mb-max-w-894 {
    max-width: 894px;
}

/* Width */
.mb-w-16 {
    width: 16px !important;
}

.mb-w-24 {
    width: 24px !important;
}

.mb-w-25 {
    width: 25px !important;
}

.mb-w-30 {
    width: 30px !important;
}

.mb-w-32 {
    width: 32px !important;
}

.mb-w-33 {
    width: 33px !important;
}

.mb-w-35 {
    width: 35px !important;
}

.mb-w-40 {
    width: 40px !important;
}

.mb-w-41 {
    width: 41px !important;
}

.mb-w-42 {
    width: 42px !important;
}

.mb-w-48 {
    width: 48px !important;
}

.mb-w-105 {
    width: 105px !important;
}

.mb-w-15 {
    width: 15px !important;
}

.mb-w-18 {
    width: 18px !important;
}

.mb-w-20 {
    width: 20px !important;
}

.mb-w-22 {
    width: 22px !important;
}

.mb-w-50 {
    width: 50px !important;
}

.mb-w-72 {
    width: 72px !important;
}

.mb-w-77 {
    width: 77px !important;
}

.mb-w-105 {
    width: 105px !important;
}

/* Minimum Height */
.mb-min-h-157 {
    min-height: 157px !important;
}

.mb-min-h-175 {
    min-height: 175px !important;
}

.mb-min-h-200 {
    min-height: 200px !important;
}

.mb-min-h-220 {
    min-height: 220px !important;
}

/* Maximum Height */
.mb-max-h-35 {
    max-height: 35px;
}

.mb-max-h-157 {
    max-height: 157px;
}

/* Height */
.mb-h-16 {
    height: 16px !important;
}

.mb-h-24 {
    height: 24px !important;
}

.mb-h-25 {
    height: 25px !important;
}

.mb-h-30 {
    height: 30px !important;
}

.mb-h-32 {
    height: 32px !important;
}

.mb-h-33 {
    height: 33px !important;
}

.mb-h-35 {
    height: 35px !important;
}

.mb-h-40 {
    height: 40px !important;
}

.mb-h-41 {
    height: 41px !important;
}

.mb-h-42 {
    height: 42px !important;
}

.mb-h-48 {
    height: 48px !important;
}

.mb-h-105 {
    height: 105px !important;
}

.mb-h-157 {
    height: 157px !important;
}

.mb-h-15 {
    height: 15px !important;
}

.mb-h-18 {
    height: 18px !important;
}

.mb-h-20 {
    height: 20px !important;
}

.mb-h-22 {
    height: 22px !important;
}

.mb-h-50 {
    height: 50px !important;
}

.mb-h-72 {
    height: 72px !important;
}

.mb-h-77 {
    height: 77px !important;
}

.mb-h-105 {
    height: 105px !important;
}

/* Use only for Table */
@media screen and (min-width: 1400px) {
    .mb-t-xl-min-w-150 {
        min-width: 150px;
    }
}

@media screen and (min-width: 1400px) {
    .mb-t-xl-min-w-200 {
        min-width: 200px;
    }
}

.mb-hover-color-primary-color:hover {
    color: var(--primary-color) !important;
}
.mb-hover-color-main-color:hover {
    color: var(--main-color) !important;
}
.mb-hover-bg-primary-color:hover {
    background-color: var(--primary-color) !important;
}
.mb-hover-border-primary-color:hover {
    border-color: var(--primary-color) !important;
}

/* Border */
.mb-bd-one {
    border-width: 1px !important;
    border-style: solid;
}

/* Border top */
.mb-bd-t-zero {
    border-top-width: 0px !important;
    border-top-style: solid;
}

.mb-bd-t-one {
    border-top-width: 1px !important;
    border-top-style: solid;
}

/* Border Bottom */
.mb-bd-b-one {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
}

/* Border right */
.mb-bd-r-one {
    border-right-width: 1px !important;
    border-right-style: solid;
}

/* Border left */
.mb-bd-l-one {
    border-left-width: 1px !important;
    border-left-style: solid;
}

/* Border Radius */
.mb-bd-ra-40 {
    border-radius: 40px !important;
}

.mb-bd-ra-48 {
    border-radius: 48px !important;
}

.mb-bd-ra-1 {
    border-radius: 1px !important;
}

.mb-bd-ra-2 {
    border-radius: 2px !important;
}

.mb-bd-ra-3 {
    border-radius: 3px !important;
}

.mb-bd-ra-4 {
    border-radius: 4px !important;
}

.mb-bd-ra-5 {
    border-radius: 5px !important;
}

.mb-bd-ra-6 {
    border-radius: 6px !important;
}

.mb-bd-ra-7 {
    border-radius: 7px !important;
}

.mb-bd-ra-8 {
    border-radius: 8px !important;
}

.mb-bd-ra-9 {
    border-radius: 9px !important;
}

.mb-bd-ra-10 {
    border-radius: 10px !important;
}

.mb-bd-ra-11 {
    border-radius: 11px !important;
}

.mb-bd-ra-12 {
    border-radius: 12px !important;
}

.mb-bd-ra-13 {
    border-radius: 13px !important;
}

.mb-bd-ra-14 {
    border-radius: 14px !important;
}

.mb-bd-ra-15 {
    border-radius: 15px !important;
}

.mb-bd-ra-16 {
    border-radius: 16px !important;
}

.mb-bd-ra-17 {
    border-radius: 17px !important;
}

.mb-bd-ra-18 {
    border-radius: 18px !important;
}

.mb-bd-ra-19 {
    border-radius: 19px !important;
}

.mb-bd-ra-20 {
    border-radius: 20px !important;
}

/* Border Top left Radius */
.mb-bd-tl-ra-0 {
    border-top-left-radius: 0px !important;
}

/* Border Top right Radius */
.mb-bd-tr-ra-0 {
    border-top-right-radius: 0px !important;
}

/* Border bottom left Radius */
.mb-bd-bl-ra-0 {
    border-bottom-left-radius: 0px !important;
}

/* Border bottom right Radius */
.mb-bd-br-ra-0 {
    border-bottom-right-radius: 0px !important;
}

.breadcrumb.sf-breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-divider-color: var(--para-text);
    --bs-breadcrumb-item-active-color: var(--dark-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: var(--para-text) !important;
}
@media screen and (max-width: 575px) {
    .breadcrumb.sf-breadcrumb {
        display: none;
    }
}
.breadcrumb.sf-breadcrumb a {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: var(--para-text) !important;
}
.breadcrumb.sf-breadcrumb li.active a {
    font-weight: 700;
    color: var(--dark-color) !important;
}
.justify-content-end {
    justify-content: flex-end!important;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.mb-l-250{
    left: 250px;
}
/* end padding, margin, gap, etc config CSS */

.zSidebar-logo {
    padding: 1.5625rem 0.9375rem 1.5rem;
    display: inline-block;
    max-width: 10.4375rem;
}

.zSidebar-logo img {
    max-height: 35px;
}
.zSidebar-menu {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    -webkit-overflow-scrolling: touch;

    /* Hide scrollbar for Chrome, Safari and Opera */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.zSidebar-menu::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.zSidebar-menu > li {
    position: relative;
    padding: 0 0.75rem;
}

.zSidebar-menu > li.sidebar-divider {
    border-top: 0.0625rem solid var(--stroke);
    padding: 0.625rem 0.6875rem 0.5625rem 1.4375rem;
    margin: 0 0.8125rem 0 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zSidebar-menu > li:not(.sidebar-divider) {
    margin-bottom: 0.3125rem;
}

.zSidebar-menu > li:first-child.sidebar-divider {
    padding-top: 0;
    border-top: none;
}

.zSidebar-menu > li:last-child {
    margin-bottom: 0;
}

.zSidebar-menu > li svg {
    max-width: 20px;
    max-height: 20px;
}

.zSidebar-menu > li > a {
    position: relative;
    padding: 0.8125rem 0.9375rem;
    border-radius: 0.5rem;
}

.zSidebar-menu > li > a span {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    color: var(--para-text);
}

.zSidebar-menu > li > a::before {
    position: absolute;
    content: "";
    width: 0.5em;
    height: 0.5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: var(--para-text);
    right: 1em;
    transform: rotate(135deg) translate(0, -50%);
    transform-origin: top;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu {
    padding: 0.625rem 0 0.625rem 2.5rem;
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li {
    padding-bottom: 0.375rem;
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li:last-child {
    padding-bottom: 0;
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li a {
    position: relative;
    padding-left: 0.75rem;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: var(--para-text);
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem; /* space between bullet and text */
    padding-left: 1rem; /* adjust as needed */
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li a::before {
    content: "";
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--para-text);
    flex-shrink: 0; /* prevent bullet from shrinking */
    position: relative; /* removes absolute misalignment */
    top: 0; /* ensures perfect vertical centering */
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li a:hover,
.zSidebar-menu > li > a ~ div .zSidebar-submenu li a.active {
    color: var(--main-color);
}

.zSidebar-menu > li > a ~ div .zSidebar-submenu li a:hover::before,
.zSidebar-menu > li > a ~ div .zSidebar-submenu li a.active::before {
    background-color: var(--main-color);
}

.zSidebar-menu > li > a.has-subMenu-arrow::before {
    opacity: 1;
    visibility: visible;
}

.zSidebar-menu > li > a:has(~ div ul.zSidebar-submenu li)::before {
    opacity: 1;
    visibility: visible;
}

.zSidebar-menu > li > a[aria-expanded="true"]::before {
    transform: rotate(227deg);
}

.zSidebar-menu > li > a:hover,
.zSidebar-menu > li > a.active {
    background-color: var(--hover-color);
}

.zSidebar-menu > li > a:hover svg:not(.not-fill) path,
.zSidebar-menu > li > a:hover svg:not(.not-fill) circle,
.zSidebar-menu > li > a:hover svg:not(.not-fill) rect,
.zSidebar-menu > li > a.active svg:not(.not-fill) path,
.zSidebar-menu > li > a.active svg:not(.not-fill) circle,
.zSidebar-menu > li > a.active svg:not(.not-fill) rect {
    fill: var(--main-color);
}

.zSidebar-menu > li > a:hover svg.not-fill path,
.zSidebar-menu > li > a:hover svg.not-fill circle,
.zSidebar-menu > li > a:hover svg.not-fill rect,
.zSidebar-menu > li > a.active svg.not-fill path,
.zSidebar-menu > li > a.active svg.not-fill circle,
.zSidebar-menu > li > a.active svg.not-fill rect {
    stroke: var(--main-color);
}

.zSidebar-menu > li > a:hover span,
.zSidebar-menu > li > a.active span {
    color: var(--main-color);
}

.zSidebar-menu > li > a:hover::before,
.zSidebar-menu > li > a.active::before {
    border-color: var(--main-color);
}

.zSidebar-fixed {
    max-height: calc(100vh - 5.3125rem);
    height: calc(100vh - 5.3125rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0;
}

.zSidebar-fixed > ul.zSidebar-menu {
    flex: 1 1 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

@media screen and (max-width: 767px) {
    .zSidebar-fixed {
        max-height: calc(100vh - 5.3125rem);
        height: calc(100vh - 5.3125rem);
    }
    
    .zSidebar-fixed > ul.zSidebar-menu {
        flex: 1 1 0;
        min-height: 0;
    }
}

.zSidebar-fixed > div:last-child:not(.zSidebar-menu),
.zSidebar-fixed > .w-full:last-child:not(.zSidebar-menu) {
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 10px;
}

.zSidebar-fixed::-webkit-scrollbar {
    display: none !important;
}

.zSidebar .zSidebar-overlay {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 0 0 / 50%);
    z-index: -1;
}

.zSidebar .zSidebar-leftBar {
    position: absolute;
    left: 30px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--stroke);
}

@media screen and (max-width: 1023px) {
    .zSidebar.menuClose {
        left: 0;
    }
}

.zSidebar.menuClose .zSidebar-overlay {
    opacity: 1;
    visibility: visible;
    width: calc(100% - 15.625rem);
}

.zSidebar-overlay {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 0 0 / 50%);
    z-index: 2;
}

.zSidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 15.625rem;
    background-color: var(--white);
    z-index: 1001;
    transition: all 0.5s ease;
}

@media screen and (max-width: 1023px) {
    .zSidebar {
        left: -15.625rem;
    }
}

.zMainContent {
    position: relative;
    left: 15.625rem;
    width: calc(100% - 15.625rem);
    transition: all 0.5s ease;
}

@media screen and (max-width: 1023px) {
    .zMainContent {
        left: 0;
        width: 100%;
    }
}

.zMainContent .main-header {
    position: relative;
    padding: 1.125rem 1.875rem;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

@media screen and (max-width: 575px) {
    .zMainContent .main-header {
        padding: 0.625rem;
    }
}

.lanDropdown {
    width: 41px;
    height: 41px;
    border: 1px solid var(--stroke);
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.lanDropdown .dropdown-toggle img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.lanDropdown .dropdown-toggle::after {
    display: none;
}
.lanDropdown .dropdown-menu {
    display: none;

    /*--bs-position: end;*/
    /*top: 30% !important;*/
    /*transform: translate3d(0, 40px, 0);*/
}
.lanDropdown .dropdown-menu.block {
    display: block;
    margin-left: 20px;
    top: 5% !important;
    /*transform: translate3d(0, 40px, 0) !important;*/
}
.lang-dropdown-auth .lanDropdown .dropdown-menu.block{
    top: 1% !important;
}

.dropdownItem-one {
    min-width: 125px !important;
    padding: 13px 0 !important;
    background-color: var(--white) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdownItem-one li:first-child a,
.dropdownItem-one li:first-child button {
    padding-top: 0;
}
.dropdownItem-one li:last-child a,
.dropdownItem-one li:last-child button {
    padding-bottom: 0;
    border-bottom: none !important;
}
.dropdownItem-one a,
.dropdownItem-one button {
    color: var(--black);
    padding: 8px 14px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--stroke) !important;
}
.rounded-circle {
    border-radius: 50%!important;
}
.dropdownItem-one a:hover, .dropdownItem-one a.active,
.dropdownItem-one button:hover,
.dropdownItem-one button.active {
    color: var(--main-color);
}
.dropdownItem-one a:hover p, .dropdownItem-one a.active p,
.dropdownItem-one button:hover p,
.dropdownItem-one button.active p {
    color: var(--main-color) !important;
}
.dropdownItem-one a:hover:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg path,
.dropdownItem-one a:hover:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg circle, .dropdownItem-one a.active:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg path,
.dropdownItem-one a.active:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg circle,
.dropdownItem-one button:hover:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg path,
.dropdownItem-one button:hover:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg circle,
.dropdownItem-one button.active:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg path,
.dropdownItem-one button.active:not(:has(.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem)) svg circle {
    stroke: var(--main-color);
}
.dropdownItem-one a:hover.deleteItem, .dropdownItem-one a.active.deleteItem,
.dropdownItem-one button:hover.deleteItem,
.dropdownItem-one button.active.deleteItem {
    color: var(--red) !important;
}
.dropdownItem-one a:hover.deleteItem p, .dropdownItem-one a.active.deleteItem p,
.dropdownItem-one button:hover.deleteItem p,
.dropdownItem-one button.active.deleteItem p {
    color: var(--red) !important;
}
.dropdownItem-one a:hover.deleteItem svg path:first-child, .dropdownItem-one a.active.deleteItem svg path:first-child,
.dropdownItem-one button:hover.deleteItem svg path:first-child,
.dropdownItem-one button.active.deleteItem svg path:first-child {
    stroke: var(--red) !important;
}
.dropdownItem-one a:hover.deleteItem svg path:last-child, .dropdownItem-one a.active.deleteItem svg path:last-child,
.dropdownItem-one button:hover.deleteItem svg path:last-child,
.dropdownItem-one button.active.deleteItem svg path:last-child {
    fill: var(--red) !important;
}

.headerUserDropdown {
    background-color: var(--white);
}
.headerUserDropdown .dropdown-toggle2 .user-content {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.headerUserDropdown .dropdown-toggle2 .user-content .wrap {
    position: relative;
}
.headerUserDropdown .dropdown-toggle2 .user-content .img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.headerUserDropdown .dropdown-toggle2::after {
    content: "";
    border: 0;
    background-image: url(../css/angle-down.svg);
    width: 13px;
    height: 7px;
    background-repeat: no-repeat;
    margin: 0;
    right: 0;
    position: relative;
}

.headerUserDropdown .dropdown-menu {
    --bs-position: end;
    transform: translate3d(0, 60px, 0);
    border: 0;
    transition: all 0.3s;
}
.headerUserDropdown .dropdown-menu.show {
    top: 30% !important;
    transform: translate3d(0, 40px, 0) !important;
}
.direction-rtl .headerUserDropdown {
    padding: 4px 4px 4px 20px;
}
.direction-rtl .headerUserDropdown .dropdown-menu {
    --bs-position: start;
}

.text-start {
    text-align: left!important;
}
.justify-content-center {
    justify-content: center!important;
}

   .mobileMenu {
       display: none;
       @media screen and (max-width: 1023px) {
           display: block;
       }
   }

.old-breadcrumb-text{

}

.main-content-section {
    padding: 25px 25px 18px;
    border: 1px solid var(--light-border);
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    background-color: var(--white);
}
.bg-skin-base {
    --tw-bg-opacity: 1;
    background-color: var(--main-color)!important;
}
.text-skin-base {
    --tw-text-opacity: 1;
    color: var(--main-color)!important;
}

.border-skin-base {
    --tw-border-opacity: 1;
    border-color: var(--main-color)!important;
}
.right-dock-button{
    border-top-left-radius: 20px; /* Adjust the value for desired roundness */
    border-bottom-left-radius: 20px;
    border: 1px solid var(--stroke) !important;
}

.signLog-section {
    display: flex;
    min-height: 100vh;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    align-items: stretch;
}

.signLog-section .login-left {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background-color: #fff;
    width: 50%;
    min-height: 100%;
    overflow: hidden;
}

.signLog-section .login-right {
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 50%;
    min-height: 100%;
    overflow: hidden;
}

.wrap {
    max-width: 420px;
    width: 100%;
}

.zMain-signLog-content {
    width: 100%;
}

.text-decoration-underline {
    text-decoration: underline;
}

.zForm-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #374151;
}

.zForm-control {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.2s;
}

.zForm-control:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.passShowHide {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
}

.zForm-wrap-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.zForm-wrap-checkbox input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #3b82f6;
}

.zForm-wrap-checkbox label {
    font-size: 14px;
    color: #374151;
    cursor: pointer;
}


.bg-main-color {
    background-color: #3b82f6;
}


.font-medium {
    font-weight: 500;
}

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

.text-green-600 {
    color: #16a34a;
}

@media (max-width: 768px) {
    .signLog-section {
        flex-direction: column;
        min-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        align-items: stretch;
    }

    .signLog-section .login-right {
        display: none;
    }
    .signLog-section .login-left {
        width: 100%;
        align-items: flex-start;
        min-height: 100vh;
        padding: 20px 15px;
        overflow: visible;
    }

}
.justify-content-between {
    justify-content: space-between!important;
}

.login-right {
    z-index: 1;
    /*background-image: url("https://cdn.prod.website-files.com/66ea9e96cebfeb28dd8d00b2/66f28a10ba83a3e796505480_sign-in-card-bg.png");*/
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.sign-in-details-logo-wrapper {
    background-color: white;
    border-radius: 60px;
    margin-bottom: 40px;
    padding: 17px 38px;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.section-title {
    color: black;
    text-transform: capitalize;
    margin-bottom: 4px;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
}
.sign-in-img-chart {
    z-index: -1;
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    inset: auto auto 0% 0%;
}

.sign-in-images-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    /*min-height: 100%;*/
}

.sign-in-img-girl {
    max-width: 60%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-bottom: -28px;
}

.language-switcher-wrapper{
    position: absolute;
    top: -5px;
    right: 60px;
}