html { 
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins';
}

p {
    font-size: 20px;
}

:root {
    --brand-primary: #2D2C80 !important;
    --brand-secondary: #55ABDE33 !important;
}

.text-brand-primary {
    color: var(--brand-primary);
}

.bg-brand-primary {
    background: var(--brand-primary);
}

.bg-brand-secondary {
    background: var(--brand-secondary);
}

.bg-hero {
    background: linear-gradient(0deg, #FFFFFF 8.2%, #55ABDE 137.14%);
}

.bg-terms {
    background: linear-gradient(360deg, #55ABDE -0.6%, #2D2C80 160.84%);
}

.btn-brand-dark {
    background: linear-gradient(360deg, #2D2C80 -0.6%, #55ABDE 160.84%);
    color: white !important;
    border: none;
    padding: 20px 50px;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: none;
    max-width: max-content;
    cursor: pointer;
}

.btn-brand-dark:link {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.btn-brand-dark:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.btn-brand-light {
    background: linear-gradient(360deg, #55ABDE -0.6%, #FFFFFF 160.84%);
    color: var(--brand-primary) !important;
    border: none;
    padding: 20px 50px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none;
    max-width: max-content;
    cursor: pointer;
}

.btn-brand-light:link {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.btn-brand-light:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.mini-check {
    width: 24px;
}

.max-w-max {
    max-width: max-content;
}

@media only screen and (max-width: 768px) {
    p {
        font-size: 18px;
    }
    h1 {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 2.0rem;
    }
}