*,
:after,
:before {
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

:root {
    --color--primary: #ba9a63;
    --color--secondary: #219bf1;
    --background-color--primary: #0c1023;
    --background-color--secondary: #0b0e1e
}

html {
    scroll-behavior: smooth
}

body {
    box-sizing: border-box;
    font-family: El Messiri, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}

ul {
    list-style: none
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 1rem
}

.right-sidebar .content-area {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}