@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root {
    --font-primary: 'Poppins', sans-serif;
    --cl-white: #fff;
    --cl-black: #000;
    --cl-red: #f26d7d;
    --cl-purple: #4a0849;
    --cl-orange: #f7941d;
    --fz-small: 11px;
    --fz-normal: 16px;
    --fz-large: 23px;
    --fz-large-x: 28px;
    --fz-x: 40px;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body {
    background-color: var(--cl-white);
    color: var(--cl-white);
    font-size: var(--fz-normal);
    font-weight: 400;
    font-family: var(--font-primary);
    position: relative;
}
.container {
    max-width: 990px;
    padding-left:15px;
    padding-right:15px;
    margin: 0px auto;
}
.sm {
    display: none;
}
@media screen and (max-width: 768px) {
    .sm {
        display: block;
    }
}