:root {
    --color-white: #ffffff;
    --color-primary: #176ea2;
    --color-primary-dark: #114d71;
    --color-primary-dark-trans-80: #114d71cc;
    --color-secondary: #0e3692;
    --font-arab: "Tajawal";
    --font-body: "montserrat";
    --font-fancy: "Millanova";
    --font-secondary: "swiss-721";
}

/* 2. Remove default margin */
* {
    margin: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    /* 4. Add accessible line-height */
    line-height: 1.5;
    /* 5. Improve text rendering */
    -webkit-font-smoothing: antialiased;

}

ul,
li {
    list-style: none;
    padding: 0;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
}

button {
    background: none;
    border: none;
}

.social-icons img {
    width: 25px;
    height: 25px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
    margin: 0;
}