/*! CSS Used from: Embedded */

p {
    margin-bottom: 1rem;
    margin-top: 0;
}

b {
    font-weight: bolder;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

button, input, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button {
    text-transform: none;
}

[type=submit], button {
    -webkit-appearance: button;
}

[type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

textarea {
    resize: vertical;
}

.row {
    --bs-gutter-x: 1.875rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-top: calc(var(--bs-gutter-y) * -1);
}

.row > * {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: 100%;
}

.col {
    flex: 1 0 0%;
}

@media (max-width: 700px) {
    .col {
        flex: 0 0 100%;
    }

}

a {
    text-decoration: none;
}

footer.app-footer > .links a {
    border-bottom: 1px solid #333f61;
    color: #9bafd1;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/*! CSS Used from: Embedded */
#contact {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#contact input, textarea {
    background-color: transparent;
    border: 1px solid white;
    padding: 5px 10px;
    color: white;
}

#contact input::placeholder {
    color: #a4a4a4;
}

#contact input {
    flex: 1 0 0;
}

#contact textarea {
    flex: 0 0 100%;
}

#contact textarea::placeholder {
    color: #a4a4a4;
}

#contact button {
    border: 0;
    padding: 5px 10px;
    width: 100%;
    flex: 0 0 100%;
}