/* Define minimum font size */

html {
    font-size: .875rem;
}


/* Define breakpoints and font sizes */

@media (min-width: 640px) {
    html {
        font-size: 1rem;
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 1.125rem;
    }
}

.details p {
    margin-bottom: .5rem;
}

.free-text p {
    margin-bottom: 1.5rem;
}

.free-text ul {
    list-style-type: disc;
    margin-bottom: 1.5rem;
    margin-left: 1rem;
}

.free-text ul li {
    margin-bottom: .75rem;
    padding-left: .25rem;
}

a.back {
    position: relative;
    padding-left: 1.1rem;
}

a.back::before {
    content: '\2039';
    font-size: 2.275rem;
    position: absolute;
    left: 0;
    line-height: .485;
}

a.next {
    position: relative;
    padding-right: 1.1rem;
}

a.next::after {
    content: '\203A';
    font-size: 2.275rem;
    position: absolute;
    right: 0;
    line-height: .485;
}

.wrapper {
    min-height: 100vh;
    padding-bottom: 100px;
}

.application-form p strong {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
}

.application-form p {
    margin-bottom: 0.5rem;
}

.application-form ul {
    list-style-type: disc;
    padding-left: 2rem;
}

.application-form ul.iti__country-list {
    list-style-type: none;
    padding-left: 0;
}

.application-form a {
    --tw-text-opacity: 1;
    color: rgba(37,99,235,var(--tw-text-opacity));
    text-decoration: underline;
}

.application-form a:hover {
    --tw-text-opacity: 1;
    color: rgba(30,64,175,var(--tw-text-opacity));
}