/* -- Font connect -- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* --  -- */
::-webkit-scrollbar {
    display: none;
}
/* -- Root CSS -- */
:root {
    /* -- */
    --black: #1A1A1A;
    --white: #F8F9FA;
    --green: #1A6C46;
    --gray-1: #2D3436;
    --gray-2: #3A474B;
    --gray-3: #D3D8D9;
    --orange: #FFB600;
    /* -- */
    --fast: all 0.3s ease-in-out;
    --base: all 0.4s ease-in-out;
    --slow: all 0.6s ease-in-out;
    /* -- */
    --radius-s: 0.5rem;
    --radius-m: 1rem;
    /* -- */
    --text-s: clamp(0.75rem, 0.5vw + 0.5rem, 1rem);
    --text-m: clamp(1.125rem, 1vw + 1rem, 1.5rem);
    --text-l: clamp(1.5rem, 2vw + 1.5rem, 2rem);
}
/* -- -- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* -- Text CSS -- */
h1,h2,h3,h4,h5,h6, p {
    font-family: "Inter", sans-serif;
    line-height: 1.5;
}
    /* -- */
    h1,h2,h3,h4,h5,h6 {
        font-weight: 500;
    }
    /* -- */
    p {
        font-weight: 400;
    }
/* -- List CSS -- */
ul,li {
    list-style-type: none;
    font-family: "Inter", sans-serif;
}
/* -- Button CSS -- */
button,a {
    border: none;
    cursor: pointer;
    text-decoration: none;
    /* -- */
    font-family: "Inter", sans-serif;
}
/* -- Base CSS -- */
body {
    width: 100%;
    height: 100%;
    /* -- */
    background: var(--white);
    /* -- */
    position: relative;
}
    /* -- */
    .grid {
        display: grid;
    }
    .flex {
        display: flex;
    }
        /* -- */
        .flex-row {
            flex-direction: row;
        }
        .flex-col {
            flex-direction: column;
        }