html,body{
    height: 100%
}

body {
    font-family: "inter", sans-serif;
    color: #0d2239;
}

h3 {
    font-variation-settings: "slnt" 0, "wght" 700;
}

h4 {
    font-variation-settings: "slnt" 0, "wght" 700;
}

h5 {
    font-variation-settings: "slnt" 0, "wght" 700;
}

p {
    font-variation-settings: "slnt" 0, "wght" 500;
}

p a {
    color: #0d2239;
}

.border-top {
    border-top-color: #35475a !important;
}

.ftrfull {
    background: #0d2239;
    padding-right: calc(var(--bs-gutter-x) * 3);
    padding-left: calc(var(--bs-gutter-x) * 3);
    width: 100%;
    color: #ffffff;
}

.ftrinner {
    padding-bottom: calc(var(--bs-gutter-x) * .6) !important;
    padding-top: calc(var(--bs-gutter-x) * 1.6) !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}

.ftrinner a {
    color: #ffffff;
}

.smlprnt {
    font-size: 0.8rem;

}

.smlprnt a {
    text-decoration: none;
}

.ftlogo {
    padding-right: 1rem;
}

.hdrfull {
    background: #0d2239;
    border-bottom: 0.2rem solid #ff4339;
    padding-right: calc(var(--bs-gutter-x) * 3);
    padding-left: calc(var(--bs-gutter-x) * 3);
    width: 100%;
}

.hdrinner {
    padding-bottom: calc(var(--bs-gutter-x) * .6) !important;
    padding-top: calc(var(--bs-gutter-x) * 1.6) !important;
    padding-right: calc(var(--bs-gutter-x) * 0) !important;
    padding-left: calc(var(--bs-gutter-x) * 0) !important;
}

.bdymain {
    padding-bottom: calc(var(--bs-gutter-x) * 2) !important;
    padding-top: calc(var(--bs-gutter-x) * 2) !important;
    padding-right: calc(var(--bs-gutter-x) * 3);
    padding-left: calc(var(--bs-gutter-x) * 3);
}

#DOB {display: none;}

.drop {
    text-align: center;
    color: #999792;
    font-size: .8rem;
    font-variation-settings: "slnt" 0, "wght" 700;
    border: #999792 solid 0.15rem;
    padding: .6rem .2rem;
}

.submit{
    background-color: #8cc5fe;
    color: #0d2239;
    border-radius: 0;
    font-weight: 700;
    padding: 0.5rem 5rem 0.5rem 1.2rem;

}


.arrow-button {
    display: flex;
    color: #0d2239;
    background-color: #8cc5fe;
    padding: 0.5rem 1.3rem 0.5rem 1.3rem;
    border-radius: 0;
    transition: all .3s ease;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
}

.arrow-button > .arrow {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    float: right;
    right: 0;
    border-right: 0.15rem solid #0d2239;
    border-bottom: 0.15rem solid #0d2239;
    position: relative;
    transform: rotate(-45deg) translate(0.4rem, 0.4rem);
    margin: 0 0.2rem 0 2rem;
    transition: all .3s ease;
}

.arrow-button > .arrow::before {
    display: block;
    background-color: currentColor;
    width: 0.7rem;
    transform-origin: bottom right;
    height: 0.15rem;
    position: absolute;
    opacity: 1;
    bottom: calc(-0.15rem / 2);
    transform: rotate(45deg);
    transition: all .3s ease;
    content: "";
    right: 0;
}

.arrow-button:hover > .arrow {
    transform: rotate(-45deg) translate(0.4rem, 0.4rem);
    border-color: #ffffff;
}

.arrow-button:hover > .arrow::before {
    opacity: 1;
    width: 0.7rem;
}

.arrow-button:hover {
    background-color: #205f9e;
    color: #fff;
}

.pdficon {
    margin: 0 1.8rem 2.4rem 1.8rem;
}

/* Logo spacing in header */

    header .nav-item {
        padding-left: 2rem;
    }

    @media (min-width: 768px) {
        header .nav-item {
            padding-left: 0;
        }        
    }