@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
*
{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    z-index: 0;
}
:root
{
    --theme-color-text-primary: rgb(9, 1, 83);
    --theme-color-text-secondary: rgb(243, 244, 255);
    --theme-color-primary: rgb(64, 66, 226);
    --theme-color-secondary: rgb(211, 213, 255);
}
body
{
    scroll-behavior: smooth;
    background-color: f3f4ff;
}
img[alt="bg-grad"]
{
    width: 90%;
    position: absolute;
    z-index: -1;
}
.flex
{
    display: flex;
}
.column
{
    flex-direction: column;
}
.text
{
    color: rgb(74, 74, 92);
    font-size: 0.85vw;
}
.heading
{
    --font-size: 2.5vw;
    color: var(--theme-color-text-primary);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) * 1.25);
}
.point-heading
{
    font-size: 1.15vw;
    color: rgb(78, 81, 253);
}
.dark
{
    color: #000000;
}
.bold
{
    font-weight: bold;
}
.highlighted
{
    padding: 0.75vw 1.5vw;
    background-color: #e2deff;
    border-radius: 12.5px;
}
.capsule
{
    border-radius: 1000px;
}


.container
{
    min-height: 100vh;
    position: relative;
}
.sub-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.5vw;
    padding: 10.5vw 5vw;
}



.button
{
    width: fit-content;
    border: none;
    font-size: 1.25vw;
    color: #f3f4ff;
    background-color: rgb(78, 81, 253);
    border-radius: 100px;
    padding: 0 1.35vw;
    cursor: pointer;
    height: 2.95vw;
}
.button:hover
{
    background-color: rgb(87, 90, 252);
}