:root {
    --color-blue: #0f6db7;
    --primary-color: #0f6db7;
    --color-light-blue: #6ac5ec;
    --color-gray-blue: #aecfdc;
    --color-green: #95a83a;
    --color-light-green: #bcc885;
    --color-orange: #f37021;
    --color-light-orange: #f36f4f;
    --color-navy: #15284a;
    --color-light-gray: #f3f8fa;
    --font-azo: azo-sans-web, sans-serif;
    --font-azo-uber: azo-sans-uber, sans-serif;
    --font-ostuni: ostuni, cursive;
    --font-sans-serif: "montserrat", sans-serif;
    --primary-font: "montserrat", sans-serif;
    --font-bebas: "bebas-neue-pro", sans-serif, sans-serif;
}

/* colors */
body {
    color: var(--color-navy);
}

a {
    color: var(--color-blue);
}

    a:hover {
        color: var(--color-navy);
    }
.bg-navy {
    background-color: var(--color-navy);
}
.btn-primary, .btn-blue, .btn-blue:hover {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}
.btn-navy, .btn-navy:hover {
    background-color: var(--color-navy);
    border-color: var(--color-navy);
    color: white;
}
.btn-light-blue {
    background-color: var(--color-light-blue);
    border-color: var(--color-light-blue);
    color: white;
}

    .btn-light-blue:hover {
        background-color: var(--color-blue);
        border-color: var(--color-blue);
        color: white;
    }

.btn-primary:hover {
    background-color: var(--color-navy);
    border-color: var(--color-navy);
}

.btn-outline-primary {
    color: var(--color-blue);
    border-color: var(--color-blue);
}

    .btn-outline-primary:hover {
        background-color: var(--color-blue);
        border-color: var(--color-blue);
    }

.btn-outline-info {
    color: var(--color-light-blue);
    border-color: var(--color-light-blue);
}

    .btn-outline-info:hover {
        color: var(--color-blue);
        background-color: var(--color-light-blue);
        border-color: var(--color-light-blue);
    }

.btn-light {
    background: white;
    border-color: var(--color-blue);
    color: var(--color-blue);
}

    .btn-light:hover {
        color: var(--color-navy);
        border-color: var(--color-navy);
        background-color: white;
    }
.btn-orange, .btn-orange:hover {
    background-color: var(--color-orange);
    border-color: var(--color-orange);
    color: white;
}
.bg-primary {
    background-color: var(--primary-color) !important;
}
.bg-light {
    background-color: var(--color-light-gray) !important;
}

.bg-blue {
    background-color: var(--color-blue);
}

.bg-gray-blue {
    background-color: var(--color-gray-blue);
}
.bg-blue-50 {
    background-color: rgba(15, 109, 183, .75);
}
.bg-light-blue {
    background-color: var(--color-light-blue);
}
.bg-orange {
    background-color: var(--color-orange);
}
.btn-hover-outline-light-blue:hover {
    background: transparent;
    border-color: var(--color-light-blue);
}
.btn-green, .btn-green:hover {
    background-color: var(--color-green);
    color: white;
}
.bg-white-90 {
    background: rgb(255 255 255 / 90%);
}
.border-primary {
    border-color: var(--color-blue) !important;
}

.border-blue {
    border-color: var(--color-blue) !important;
}

.border-light-blue {
    border-color: var(--color-light-blue) !important;
}

.text-blue, .text-primary {
    color: var(--primary-color) !important;
}

.text-light-blue {
    color: var(--color-light-blue) !important;
}
/* accesibility */
.bg-white .text-light-blue {
    color: #1A96CB !important;
}
.text-gray-blue {
    color: var(--color-gray-blue) !important;
}

.text-green {
    color: var(--color-green) !important;
}

.text-light-green {
    color: var(--color-light-green) !important;
}

.text-orange {
    color: var(--color-orange) !important;
}

.text-light-orange {
    color: var(--color-light-orange) !important;
}

.text-navy {
    color: var(--color-navy) !important;
}

.text-light-gray {
    color: var(--color-light-gray) !important;
}

.badge-blue {
    color: var(--color-blue);
}

.progress-bar {
    background-color: var(--color-blue);
}
.table-blue {
    background-color: var(--color-blue) !important;
    border-color: var(--color-blue);
    color: white;
}
.table-white {
    background-color: #fff !important;
    color: inherit;
}
.table-light-blue {
    background-color: var(--color-light-blue) !important;
    border-color: var(--color-light-blue);
    color: white;
}
.table-gray-blue {
    background-color: var(--color-gray-blue) !important;
    border-color: var(--color-gray-blue);
    color: white;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--color-blue);
}
.nav-pills .nav-link {
    color: var(--color-blue);
}
#page-nav .nav-link {
    color: var(--color-blue);
}

#page-nav .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--color-blue);
    color: white;
}

#page-nav .nav-link:focus, .nav-link:hover {
    color: var(--color-navy);
}

@media (min-width: 768px) {
    .bg-md-transparent {
        background: transparent !important;
    }
}

/* typography */
@font-face {
    font-family: ostuni;
    src: url("../fonts/OstuniScript-Regular.woff");
}

b, strong {
    font-weight: bold;
}

body, .sans-serif, .nav-link.sans-serif {
    font-family: var(--font-sans-serif);
}

.smaller {
    font-size: 75%;
}

.azo, .nav-link, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-azo);
    font-weight: 900 !important;
    font-style: normal;
}

.azo-uber {
    font-family: var(--font-azo-uber);
    font-weight: 400;
    font-style: normal;
}

.ostuni {
    font-family: var(--font-ostuni);
}

.ls-06 {
    letter-spacing: 0.06em;
}

.lh-1em {
    line-height: 1em;
}

.lh-08em {
    line-height: 0.8em;
}

.text-15 {
    font-size: 1.5em;
}

.display-0 {
    font-size: calc(2.625rem + 4.5vw);
}

.display-7 {
    font-size: 7rem;
}

.display-8 {
    font-size: 8rem;
}

.display-14 {
    font-size: 14rem;
}

@media (min-width: 1200px) {
    .display-0 {
        font-size: 6rem;
    }
}

/* navbar */
.nav-link {
    text-transform: uppercase;
    font-size: 0.7rem;
    position: relative;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-expand-md {
    flex-wrap: wrap;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .show > .nav-link {
    color: var(--color-navy);
}
    .navbar-light .navbar-nav .nav-link.active {
        color: var(--color-blue);
        background: url(/media/hien31hl/underline-orange.png) no-repeat center 81%;
        background-size: 75%;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: var(--color-blue);
    }

    .navbar-light .navbar-nav .nav-link.btn {
        color: white;
        padding: 0.375rem 0.75rem;
        display: inline-block;
    }

.navbar-nav .dropdown-menu {
    border-radius: 0;
    border-width: 3px 0 0;
    border-color: var(--color-blue);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--color-blue);
}

.dropdown-item {
    padding: .5rem 1rem;
}

.logo {
    display: block;
    width: 150px;
    margin-left: 2.8125rem;
    margin-right: 2.8125rem;
}

.base .navbar-brand {
    width: 150px;
}

.nav-item.prequalify {
    background: var(--color-blue);
    transition: all 0.3s ease;
}

    .nav-item.prequalify a {
        color: white !important;
    }

    .nav-item.prequalify:hover {
        background: var(--color-navy);
    }

        .nav-item.prequalify:hover a {
            color: white !important;
        }

.nav-pills .nav-link {
    border-radius: 0;
}
.topbar {
    z-index: 1;
}
.logo-container {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        top: calc(100% + 19px);
    }

    .nav-item.prequalify {
        margin-left: 1rem;
    }
}

@media (min-width: 992px) {
    .base .navbar-brand {
        width: 200px;
    }

    .nav-link {
        font-size: 0.9rem;
    }

    .navbar-expand-md {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .navbar-expand-lg.navbar-dark .navbar-nav .nav-link.active:after {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 1rem);
        height: 1px;
        bottom: 6px;
        background: rgb(255 255 255 / 66%);
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/* buttons */
.btn {
    border-radius: 0px;
    font-family: var(--font-azo);
    text-transform: uppercase;
}

.btn-group-lg > .btn, .btn-lg {
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .btn-lg-xl {
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 2rem;
    }
}

/* forms */
.field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}

input.input-validation-error {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

span.umbraco-forms-tooltip.help-block {
    color: var(--color-blue);
    display: block;
    font-size: 80%;
    margin-bottom: 0.5rem;
    margin-top: -0.5rem;
}
.inline-radio .form-check {
    display: inline-block;
    margin-right: 1rem;
}

/* utilities */
a.no-style {
    color: inherit;
    text-decoration: none;
}

.absolute-center {
    position: absolute;
    inset: 0px;
    margin: auto;
}

.section__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .section__bg + .container {
        position: relative;
    }

    .section__bg.overlap {
        height: 125%;
        top: -15%;
    }

.z-index-0 {
    z-index: 0;
}

.z-index-2 {
    z-index: 2;
}

.blue-gradient-bg {
    background: #279ECE;
    background: -moz-linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    background: linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2eff8",endColorstr="#86d3ea",GradientType=1);
    background: radial-gradient(circle at 20%, rgba(183,241,243,1) 0%, rgba(128,202,231,.1) 40%), radial-gradient(circle at 60% -20%, rgba(244,234,237,1) 0%, rgba(128,202,231,1) 40%);
}

.blue-gradient-bg-2 {
    background-color: #279ECE;
    background: rgb(245,234,236);
    background: -webkit-linear-gradient(63deg, rgba(245,234,236,1) 0%, rgba(231,243,245,1) 39%, rgba(165,213,236,1) 100%);
    background: -o-linear-gradient(63deg, rgba(245,234,236,1) 0%, rgba(231,243,245,1) 39%, rgba(165,213,236,1) 100%);
    background: linear-gradient(153deg, rgba(245,234,236,1) 0%, rgba(231,243,245,1) 39%, rgba(165,213,236,1) 100%);
}

.blue-gradient-bg-3 {
    background: #86d3ea;
    background: -moz-linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    background: linear-gradient(0deg, rgba(210,239,248,1) 0%, rgba(134,211,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2eff8",endColorstr="#86d3ea",GradientType=1);
}
.bg-blur {
    backdrop-filter: blur(1rem);
}
.bg-blue-chevron {
    background: url("/media/j3ghm0lb/bg-blue-chevron.png");
    background-attachment: fixed;
}

.arrow {
    position: relative;
    display: inline-block;
}

    .arrow:before {
        background: url("/media/rs1bn3h2/arrow-1.svg") right center no-repeat;
        content: "";
        width: 62px;
        height: 37px;
        display: block;
        position: absolute;
    }

.arrow-1::before {
    left: -75px;
    top: 44%;
}

.arrow-2::before {
    left: -30px;
    bottom: -18px;
    transform: scaleY(-1) rotate(27deg);
}

.arrow-3::before {
    left: 78%;
    bottom: -43px;
    transform: scaleY(-1) rotate(166deg);
}

.arrow-4::before {
    left: 94%;
    bottom: -10px;
    transform: scaleY(-.7) scaleX(.9) rotate(149deg);
}

.rotate-354 {
    transform: rotate(354deg);
}

.row > .row {
    padding: 0;
    flex-shrink: unset;
    max-width: none;
    width: auto;
}

hr {
    color: var(--color-blue);
    position: relative;
    z-index: 0;
    overflow: visible;
    opacity: 1;
}

    hr.hr-right:after, hr.hr-left:after {
        content: "";
        height: 1px;
        position: absolute;
        width: 100%;
        display: block;
        background: var(--color-blue);
        z-index: 1;
        top: 0;
    }

    hr.hr-right:after {
        right: -100%;
    }

    hr.hr-left:after {
        left: -100%;
    }

.eho path {
    fill: black;
}

.eho.eho-white path {
    fill: white;
}

.eho.eho-navy path {
    fill: #16284c;
}

.dots-bg {
    background: url(../img/dots-bg.gif) 0px 80% no-repeat, url(../img/dots-bg.gif) 110% 20% no-repeat;
}

ul.list-check li::marker {
    content: "\2713";
    color: var(--color-green);
}

ul.list-check li {
    padding-left: .4em;
}

ul.bullets-colored {
    list-style: none;
}

    ul.bullets-colored li:before {
        content: "\2022";
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        line-height: 1.1em;
    }

    ul.bullets-colored.bullets-orange li:before {
        color: var(--color-orange);
    }

    ul.bullets-colored.bullets-blue li:before {
        color: var(--color-blue);
    }

    ul.bullets-colored.bullets-light-blue li:before {
        color: var(--color-light-blue);
    }


.text-shadow {
    text-shadow: 0.05em 0.05em 0.1em rgb(0 0 0 / 50%);
}

.underline-orange {
    background: url(/media/hien31hl/underline-orange.png) no-repeat center bottom;
    background-size: contain;
    padding-bottom: 0.1em;
}

.happy-border {
    padding: 1rem;
    box-shadow: 0 0 2px rgb(0 0 0 / 26%), 0 0 20px rgb(0 0 0 / 10%);
    background: white;
}
.ratio-32x9 {
    --bs-aspect-ratio: 28.125%;
}
@media (min-width: 768px) {
    .banner {
        position: relative;
        padding-right: 10rem !important;
    }

    .left-angle {
        position: relative;
    }

        .left-angle::before {
            content: "";
            position: absolute;
            display: block;
            left: -149px;
            top: 1px;
            bottom: 0px;
            width: 150px;
            height: 100%;
            background: rgb(255, 255, 255);
            clip-path: polygon(100% 0px, 36% 100%, 100% 100%);
        }

    .banner::before {
        position: absolute;
        left: -100vw;
        width: 100vw;
        height: 100%;
        background: rgb(15, 109, 183);
        display: block;
        content: "";
        top: 0px;
    }
}

@media (min-width: 992px) {
    .mt-lg-n6 {
        margin-top: -6rem;
    }
    .ms-lg-n2 {
        margin-left: -2rem;
    }
    .ms-lg-n5 {
        margin-left: -3rem;
    }
    .ms-lg-n6 {
        margin-left: -6rem;
    }
    .column-count-lg-3 {
        column-count: 3;
    }
    .mt-lg-n5 {
        margin-top: -2rem !important;
    }
    .mt-lg-6 {
        margin-top: 3.5rem !important;
    }
    .mt-lg-7 {
        margin-top: 4rem !important;
    }
    .me-lg-n5 {
        margin-right: -3rem !important;
    }
}

@media (min-width: 1200px) {
    .ms-xl-n2 {
        margin-left: -2rem;
    }

    .ms-xl-n2 {
        margin-left: -2rem;
    }

    .ms-xl-n6 {
        margin-left: -6rem;
    }
}

/* homepage */
img.hero-splash {
    position: absolute;
    top: -24px;
    left: 0px;
    margin: auto;
    right: 0px;
    z-index: 1;
    width: 640px;
}

img.hero-text {
    position: absolute;
    top: 0px;
    left: 0px;
}

@media (min-width: 576px) {
    img.hero-splash {
        max-width: 80%;
    }
}

@media (min-width: 768px) {
    img.hero-family {
        transform: scale(1.7) translateY(12px);
    }
}

@media (min-width: 992px) {
    .hero .text-container {
        position: relative;
        display: flex;
        height: 100%;
    }

    img.hero-family {
        transform: scale(1.8) translateX(-27px) translateY(-36px);
        transform-origin: center top;
    }
}

@media (min-width: 1200px) {
    .hero {
        height: 532px;
    }

    .buttons {
        margin-top: 14rem !important;
    }

    img.hero-family {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        z-index: 4;
        width: 600px;
    }
}

@media (min-width: 1400px) {
    .hero {
        height: 615px;
    }

    .buttons {
        margin-top: 17rem !important;
    }

    .h3-sm {
        font-size: 1.75rem;
    }
}

.loan-officer-careers-wrapper {
    position: relative;
    overflow: hidden;
}

.michelle {
    margin-top: -70px;
    margin-left: -22px;
    z-index: -1;
    position: relative;
}

@media (min-width: 576px) {
    .michelle {
        margin-top: -183px;
        margin-left: 0px;
    }
}

@media (min-width: 768px) {
    .michelle {
        margin-left: -45px;
    }
}

@media (min-width: 992px) {
    .michelle {
        margin-top: -37px;
        margin-left: -13px;
    }
}

@media (min-width: 1200px) {
    .michelle {
        margin-top: -32px;
        margin-left: -9px;
        z-index: 0;
    }
}

@media (min-width: 1400px) {
    .michelle {
        margin-top: -78px;
    }
}

img.body-splash {
    position: absolute;
    right: -142px;
    z-index: 0;
    top: 106px;
    width: 46%;
    max-width: 1000px;
}

img.body-splash-2 {
    position: absolute;
    z-index: 0;
    width: 37%;
    max-width: 1000px;
    left: -11%;
    top: -11%;
}

section.reviews {
    background: url("../img/dots-bg.gif") 0px 70% no-repeat, url("../img/dots-bg.gif") 110% 40% no-repeat;
    background-color: white;
}

.review-bubble-wrapper {
    padding: 4vw;
    margin-top: -1rem;
}

.review-bubble {
    background: var(--color-blue);
    color: white;
    font-family: var(--font-azo);
    text-transform: uppercase;
    border-radius: 1rem;
    letter-spacing: 0.05em;
    font-size: 1rem;
    position: relative;
}

    .review-bubble .long {
        font-size: .8rem;
        font-family: var(--font-sans-serif);
        text-transform: none;
        letter-spacing: 0;
    }

    .review-bubble:after {
        content: "";
        display: block;
        position: absolute;
        right: 22%;
        bottom: -75px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 104px 75px 0;
        border-color: transparent var(--color-blue) transparent transparent;
    }

    .review-bubble.no-extra:after {
        display: none;
    }

    .review-bubble blockquote cite {
        display: block;
        font-family: var(--font-sans-serif);
        text-transform: none;
        margin-top: 2rem;
        font-style: normal;
        margin-bottom: 0px;
        font-size: .7rem;
    }

    .review-bubble .swiper-prev, .review-bubble .swiper-next {
        position: absolute;
        top: 42%;
        z-index: 10;
        width: 80px;
        border: 1px solid var(--color-navy);
        padding: 7px;
        display: none;
    }

    .review-bubble .swiper-next {
        right: -60px;
        left: auto;
    }

    .review-bubble .swiper-prev {
        left: -60px;
        right: auto;
    }

        .review-bubble .swiper-prev img, .swiper-next img {
            max-width: 100%;
        }

.swiper-button-disabled {
    opacity: 0;
}

.review-bubble-wrapper .swiper-slide {
    max-height: 350px;
    overflow-y: auto;
    padding-right: 1rem;
}

    .review-bubble-wrapper .swiper-slide::-webkit-scrollbar {
        width: 10px;
    }

    .review-bubble-wrapper .swiper-slide::-webkit-scrollbar-track {
        background: #fff;
    }

    .review-bubble-wrapper .swiper-slide::-webkit-scrollbar-thumb {
        background: #15284a;
    }

        .review-bubble-wrapper .swiper-slide::-webkit-scrollbar-thumb:hover {
            background: #6ac5ec;
        }

.feature-icon-wrapper {
    max-width: 50%;
    margin: auto;
}

p.in-house-note {
    position: absolute;
    top: 110px;
    width: 170px;
    right: -114px;
}

@media (min-width: 992px) {
    .review-bubble .swiper-prev, .review-bubble .swiper-next {
        display: block;
    }

    .all-out {
        margin-top: -17rem !important;
        padding: 0 1rem;
    }
    .review-bubble {
        font-size: 1.5rem;
    }
    .review-bubble .long {
        font-size: 1.1rem;
    }
    .review-bubble blockquote cite {
        font-size: 1rem;
    }
}

/* subpages */
.page-header .bg-blue-50 {
    position: relative;
}

@media (min-width: 992px) {
    .page-header .bg-blue-50:before {
        content: "";
        position: absolute;
        width: 150%;
        left: -150%;
        height: 100%;
        background-color: rgba(15, 109, 183, .75);
        top: 0;
    }
}
.hero-splash {
    background: url(/media/neqdaqsv/hero-splash.png) no-repeat;
    background-size: cover;
    text-align: center;
}

    .hero-splash img {
        max-height: 500px;
    }

.backsplash {
    background-image: url(../img/hero-splash-2.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: left bottom;
}

.hero-inner {
    padding: 6rem 0;
}

    .hero-inner h1 {
        font-family: var(--font-azo);
        color: var(--color-blue);
        text-transform: lowercase;
        margin-bottom: 2rem;
    }

    .hero-inner h2 {
        font-family: var(--font-ostuni);
        font-weight: normal;
        transform: rotate(353deg) translateX(-30px);
    }

        .hero-inner h2:after {
            content: "";
            background-image: url("/media/rs1bn3h2/arrow-1.svg");
            background-repeat: no-repeat;
            transform: rotate(186deg);
            width: 87px;
            height: 59px;
            display: inline-block;
            margin-left: 15px;
        }

.cutout-wrapper {
    position: relative;
    margin-bottom: 1rem;
}

    .cutout-wrapper:after {
        content: "";
        position: absolute;
        width: 24.6%;
        bottom: -4%;
        height: 2px;
        background: var(--color-blue);
        right: 0;
    }

    .cutout-wrapper:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 9.2%;
        bottom: -11.7%;
        right: 27%;
        background: var(--color-blue);
        transform: rotate(30deg);
        transform-origin: bottom;
    }

.cutout-inner:after {
    content: "";
    position: absolute;
    background: var(--color-blue);
    height: 2px;
    width: 100%;
    left: -99%;
    bottom: -3%;
}

.cutout-inner:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 9%;
    bottom: -11.6%;
    left: 0;
    background: var(--color-blue);
    transform: rotate(11deg);
    transform-origin: bottom;
}

.cutout-wrapper img {
    margin-top: 0;
    margin-bottom: -6%;
    padding-top: 4%;
}

.cutout-outer:after {
    content: "";
    height: 2px;
    background: var(--color-blue);
    position: absolute;
    width: 73%;
    bottom: -12%;
}

.process {
    background: url("../img/girl-upside-down.jpg") repeat-x center;
    background-size: cover;
}

.body-content h2 {
    margin-top: 2rem;
    color: var(--color-blue);
}

@media (min-width: 992px) {
    .hero-inner {
        padding: 10rem 0;
    }

    .cutout-wrapper img {
        margin-top: -23%;
        padding-bottom: 3%;
        padding-left: 6%;
        margin-bottom: -6%;
        padding-top: 0;
    }

    .cutout-wrapper {
        margin-bottom: -15%;
    }
}

@media (min-width: 1200px) {
    .cutout-wrapper {
        margin-bottom: -2%;
    }
}


/* page template */
.hero-arrow.arrow:before {
    width: 141px;
    height: 83px;
    transform: scaleY(-1) rotate(27deg) translateY(45px);
    display: none;
}

@media (min-width: 992px) {
    .hero-arrow.arrow:before {
        display: block;
    }
}

.oversized-image img {
    transform: scale(1.03);
    transform-origin: bottom;
}


/* birdeye */
#birdeye .table td, #birdeye .table th {
    vertical-align: middle;
    padding: .2rem;
    border: 0;
    font-size: 80%;
    width: auto;
    text-align: left;
}

.reviews-container {
    max-height: 400px;
    padding-right: 3rem;
}

a.loading svg {
    display: inline-block !important;
}

.review-comments {
    display: inline;
}


/* loading */
.birdeye-loading {
    width: 80px;
    max-width: 100%;
    position: absolute;
    height: 150px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
}

    .birdeye-loading path {
        -webkit-transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

@keyframes draw {
    80% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.birdeye-loading path {
    fill: transparent;
    stroke-width: 0.4;
    stroke: #16284c;
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    animation: draw 1.5s forwards infinite;
}

/* careers */
.careers-hero-inner:before,
.careers-hero-inner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.careers-hero-inner:before {
    background-image: url(/media/vk0gsfwh/career-hero.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

.careers-hero-inner:after {
    background: linear-gradient(90deg, #144f86 40%, transparent 66%);
}

.careers-hero-2 .container {
    position: relative;
    background: #144f86;
}
span.heads {
    background-size: 40px;
    height: 40px;
    background-repeat: repeat-x;
}
span.blue-heads {
    background-image: url(/media/wbjfoehg/icon-blue-head.png);
}

span.orange-heads {
    background-image: url(/media/zhjdiyjl/icon-orange-head.png);
}

.stats > span {
    display: inline-block;
    vertical-align: middle;
}

    .stats > span:nth-child(2) {
        margin: 0 17px;
        font-size: 1.5rem;
    }

/* vertical tabs */
#vertical-tabs a {
    text-decoration: none;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.3;
}

    #vertical-tabs a.active, .nav-tabs a:hover {
        background: var(--color-light-gray);
    }

#vertical-tabs-content > .accordion-item {
    background: none;
    border: 0px;
}

#vertical-tabs-content .accordion-button:not(.collapsed) {
    background: var(--color-light-gray);
    box-shadow: none;
    color: var(--color-blue);
}

#vertical-tabs-content .accordion-item:first-of-type .accordion-button {
    border-radius: 0px;
}

#vertical-tabs-content .accordion-button {
    background: none;
    font-family: var(--font-sans-serif);
    font-weight: bold;
    color: var(--color-blue);
}

    #vertical-tabs-content .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

#vertical-tabs-content .accordion-item:not(:first-of-type) {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
@media (max-width: 991px) {
    #vertical-tabs-content .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    #vertical-tabs-content {
        display: flex;
    }

        #vertical-tabs-content .accordion-body {
            padding: 0px;
        }

        #vertical-tabs-content > .tab-pane {
            display: block;
            visibility: hidden;
            margin-right: -100%;
            width: 100%;
        }

        #vertical-tabs-content > .active {
            visibility: visible;
        }
}

/* headers */
section.header {
    position: relative;
    overflow: hidden;
}

    section.header .bg-video {
        bottom: 0;
        right: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

/* Macro - The Cornerstone Difference */
table.the-difference {
    max-width: 800px;
}
.table.the-difference tbody + tbody,
.table.the-difference td,
.table.the-difference th,
.table.the-difference thead th {
    width: 33%;
    vertical-align: middle;
    padding: 1rem;
}
.table.the-difference img {
    width: 15px;
}

/* locations lists */
.locations-list dt {
    margin-bottom: .2rem;
}

.locations-list dd {
    line-height: 1.1;
}

.locations-list dl {
    break-inside: avoid-column;
}

    .locations-list dl:not(:first-child) dt {
        margin-top: 1.25rem;
    }


/* team member slider */
.team-member-slider .swiper-prev, .team-member-slider .swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transform: scale(2);
}

.team-member-slider .swiper-next {
    right: -40px;
}

.team-member-slider .swiper-prev {
    left: -40px;
}

/* show team member list */
a.team-member-box div:after {
    content: "More Info";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(15 109 183 / 80%);
    color: white;
    font-family: 'azo-sans-web';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: all 0.2s ease-in;
}

a.team-member-box > div {
    position: relative;
    overflow: hidden;
}

a.team-member-box:hover div:after {
    top: 0;
}

/* aos animate on scroll library */
body[data-aos-duration] {
    overflow-x: hidden;
}