html {
    font-size: 13px;
}

@media (min-width: 576px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: #efefef;
    font-family: 'Work Sans', sans-serif;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    width: auto;
}

.text-primary {
    color: #8cc63f !important;
}

.text-secondary {
    color: #0b5488 !important;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: bold;
    font-family: 'Helvetica', 'Arial', sans-serif;
    color: #00253b;
}

label {

}

.btn-success {
    color: #fff;
    background-color: #8cc63f;
    border-color: #87bf3b;
    padding: 0.875rem 1.75rem;
}

.input-group-text {
    border-color: #8d9da7;
    background-color: #fff;
}

.input-group-text + .form-control {
    border-color: #8d9da7;
    border-left: 0;
}

label {
    font-size: 1.25rem;
    font-weight: bold;
    color: #0b5488;
}

.form-control {
    padding: 0.875rem .75rem;
}

.site-form {
    background-color: #fff;
    padding: 3.125rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.site-form__input-group {
    display: flex;
    flex-flow: row nowrap;
}

.site-form__input-group button {
    margin-left: 10px;
}

.site-form-info {
    padding: 3.125rem 1.25rem 0;
}

.form-result {
    margin-top: 30px;
}

.form-result table {
    width: 100%;
    margin-top: 15px;
}

.site-header {
    background-color: #fff;
    padding: 15px 0 20px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.site-logo {
    display: block;
}

.site-logo img {
    width: 200px;
}

.site-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
}

.site-main {
    padding: 1.875rem 0;
}

.site-faq {
    padding: 0 15px;
}

.faq {

}

.faq__item {
    background-color: #fff;
    margin: 5px 0;
}

.faq__link {
    display: block;
    padding: 15px 20px;
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: none;
    color: #00253b;
}

.faq__link:hover {
    color: #8cc63f;
}

.faq__link::before {
    content: '\f105';
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    display: inline-block;
    width: 25px;
    color: #ccc;
}

.faq__link[aria-expanded="true"]::before {
    content: '\f104';
}

.faq__content {
    padding: 25px 0 25px;
    margin: 0 20px;
    border-top: 1px solid #f9f9f9;
}

@media (min-width: 992px) {
    .site-logo img {
        width: 300px;
        height: 98px;
    }

    .site-form {
        min-height: 420px;
    }

    .site-form-info {
        padding: 3.125rem 1.25rem;
    }

    .site-faq {
        padding: 0;
    }

    .faq__link,
    .faq__link::before {
        font-size: 1.25rem;
    }
}