/* ---------------------------------------------------------------------- */
/*	global
/* ---------------------------------------------------------------------- */
html,
body {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', serif;
    background: var(--primaryColor);
    color: var(--secondaryColor);
    font-size: var(--fontSize);
    font-weight: var(--fontWeight);
}

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

/* ---------------------------------------------------------------------- */
/*	asteristic
/* ---------------------------------------------------------------------- */
.asteristic {
    color: var(--redColor);
}

/* ---------------------------------------------------------------------- */
/*	desktop
/* ---------------------------------------------------------------------- */
@media (min-width: 991px) {
    .mobile {
        display: none;
    }
}

/* ---------------------------------------------------------------------- */
/*	mobile
/* ---------------------------------------------------------------------- */
@media (max-width: 480px) {
    .desktop {
        display: none;
    }
}