@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
}

:root {
    --ivri-beige: #F8F5F2;
    --ivri-orange: #EB5D1F;
    --ivri-teal: #085157;
    --ivri-ink: #16232B;
    --ivri-muted: #5d6b6d;
    --maincolor: var(--ivri-teal);
    --secondcolor: var(--ivri-beige);
    --mainfont: "Almarai", sans-serif;
}

html {
    background: var(--ivri-beige);
    scroll-behavior: smooth;
}

body {
    font-family: var(--mainfont);
    background: var(--ivri-beige);
    color: var(--ivri-ink);
    line-height: 1.5;
}

html[lang="ar"] body,
html[lang="ar"] body h1,
html[lang="ar"] body h2,
html[lang="ar"] body h3,
html[lang="ar"] body h4,
html[lang="ar"] body h5,
html[lang="ar"] body h6,
html[lang="ar"] body a,
html[lang="ar"] body button,
html[lang="ar"] body p,
html[lang="ar"] body span,
html[lang="ar"] body li {
    font-family: var(--mainfont);
}



ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.container {
    width: 90%;
    margin: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}