:root {
    --color-primary: #002F4D;
    --color-primary-light: #11537B;
    --color-secondary: #5BD6F8;
    --color-black: #171123;
    --color-white: #f8feff;
}

body {
    padding: 4rem 2rem;
    font-family: 'Beatrice', sans-serif;
    font-weight: 400;
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    line-height: 1.7 !important;
}

header, main, footer {
    max-width: 1200px;
    margin: 0 auto;
}

footer {
    min-height: unset;
}

.brand-logo {
    width: auto;
    height: 8rem;
}

.form-control {
    background-color: transparent !important;
    line-height: 1.7;
    border: unset;
    border-bottom: 1px solid rgba(0,0,0,.4);
    border-radius: 0;
}

.form-control:focus {
    box-shadow: unset;
    border-color: var(--color-secondary);
}

.bg-primary {
    background: var(--color-primary) !important;
}

.btn-check {
    width: 100%;
    max-width: 350px;
}

.ol {
    list-style-type: none;
    counter-reset: custom-counter;
}

ol li {
    position: relative;
    counter-increment: custom-counter;
    padding-left: 1.4rem;
    margin-bottom: 2.5rem;
}

ol li::marker {
    content: counter(custom-counter) ".";
    color: var(--color-primary);
    font-weight: bold;
}

a {
    text-decoration: underline;
    color: var(--color-primary);
}

@media (max-width: 1200px) {
    body {
        padding: 3rem 2rem;
    }
}