:root {
    --color-normal: #C4A174;
    --color-dark: #868A8E;
}
@font-face {
    font-family: 'Cairo';
    font-style: NORMAL;
    font-weight: 400;
    src: url(../cairo/static/Cairo-Regular.ttf) format('truetype');
}

body {
    background: #868a8e10;
    font-family: Cairo;
    font-size: 14pt !important;
}
h1, h2, h3, h4, h5, h6{
    color: var(--color-normal) !important;
}

a, a:active {
    text-decoration: none;
    font-size: 14pt !important;
}
    a:hover {
        //color: var(--color-dark) !important;
    }


.link{
    color:#fff !important;
    background: var(--color-normal);
    padding:16px 48px;
    border-radius:10px;
}

.mainColor {
    color: var(--color-normal) !important;
}
.darkColor {
    color: var(--color-dark) !important;
}

/*#region ----Color */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--color-normal);
    --bs-btn-border-color: var(--color-normal);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-dark);
    --bs-btn-hover-border-color: var(--color-dark);
    --bs-btn-focus-shadow-rgb: 1, 96, 150;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-normal);
    --bs-btn-active-border-color: var(--color-normal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-normal);
    --bs-btn-disabled-border-color: var(--color-normal);
}

.btn-outline-primary {
    color: var(--color-normal) !important;
    border-color: var(--color-normal);
    background-color: #fff !important;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--color-normal);
        border-color: var(--color-normal);
    }

    .btn-outline-primary.focus,
    .btn-outline-primary:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: var(--color-normal);
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active, .show >
    .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: var(--color-normal);
        border-color: var(--color-normal);
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show >
        .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

/*#endregion */

@media (max-width: 992px) {
}