body, * {
  font-family: 'El Messiri', sans-serif !important;
}

:root {
    --main-color: #5832CB;
    --main-text-color: #5832cb;
    --main-text-color2: #1e0091;
    --infinte-color: #5832cb;
    --main-text-color-dark: #7852eb;
    --color-main: #7852eb;
    --color-main-d: #5f39d2;
    --color-main-l: #9e78ff;
    --color-main-reverse: #7852eb;
    --color-text: #5a5a5a;
    --color-text-reverse: #ffffff;
    --color-title: #2c069f;
}

body {
    font-size: 16px !important;
    overflow-x: hidden;
    background: #18151C;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-brand {
    background-color: #18151C;
}

footer {
  background: #5832CB !important; 
  padding: 0px 0;
}

footer * {
    background-color: unset !important;
    color: #ffffff !important;
    border-color: #ffffff !important
}

body > footer > div.footer-sub {
  background-color: #18151C !important;
}