:root {
    --background-color: rgba(64, 111, 83, 0.1);
    --background-color-2: rgba(243, 241, 237, 1);

    --title-font: 40px;
    --title-line-height: 45px;

    --sub-title-font: 30px;
    --sub-title-line-height: 35px;

    --generic-font: 14px;
    --generic-line-height: 20px;
    --generic-font-two: 12px;
    --generic-line-height-two: 18px;

    --font-weight-regular: 400;
    --font-weight-medium: 600;
    --font-weight-bold: 800;

    --border-radius-one: 30px;
    --border-radius-two: 20px;

    --header-font-size: 15px;

    --main-color: #29292d;
    --dark-color: #29292d;
    --dark-color-two: #757575;
    --light-color: #e4e0da;
    --light-color-two: #f3f1ed;

    --cms-background-color: rgb(255 255 255) !important;
    --cms-section-background-color: rgb(246 246 246) !important;
    --cms-section-handle-background-color: rgb(192 192 192) !important;
    --cms-box-background-color: rgb(244 244 244) !important;
    --cms-box2-background-color: rgb(234 234 234) !important;
    --cms-table-background-color-even: rgb(244 244 244) !important;
    --cms-input-border-color: rgb(235 235 235) !important;
    --cms-selected-row-color: rgb(220 220 220);

    --navbar-width: 256px;
    --navbar-width-min: 100px;
}

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-weight: var(--fa-style, 900)
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
}