.banner { overflow: hidden; margin-top: 0; width: 100% !important; }

.banner.blueBanner { background: #22366A; }

.banner.blueBanner .breadcrumbs-wrapper ul li a { color: #BDC3D2; }

.banner.blueBanner .breadcrumbs-wrapper ul li a::after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNCA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAxLjExOTE0TDMuNSAzLjUwMDA5TDEgNS44ODEwNSIgc3Ryb2tlPSIjQkRDM0QyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") no-repeat !important; }

.banner.blueBanner .breadcrumbs-wrapper ul li a.active { color: #FFFFFF; }

@media (max-width: 767px) { .banner .container { margin: 0; } }

@media (min-width: 992px) { .banner .container { max-width: 100%; margin: 0 0 0 70px !important; } }

@media (min-width: 1280px) { .banner .container { margin: 0 0 0 5.469vw !important; } }

@media (min-width: 768px) and (max-width: 991px) { .banner .container { max-width: 100% !important; } }

.hero-banner { display: grid; grid-template-columns: auto; }

@media (min-width: 992px) { .hero-banner { grid-template-columns: 1fr 1.52fr; } }

@media (min-width: 992px) { .mid-space { width: 125px; height: 100px; } }

@media (min-width: 1280px) { .mid-space { width: 9.766vw; } }

.hero-text-wrapper { text-align: initial; background: #22366A; padding: 71px 0 71px 20px; }

@media (max-width: 767px) { .hero-text-wrapper { max-width: 320px; min-height: 19.875rem; min-height: 19.875rem; } }

@media (min-width: 768px) and (max-width: 991px) { .hero-text-wrapper { padding: 90px 0 71px 0; } }

@media (min-width: 992px) { .hero-text-wrapper { max-width: 360px; justify-self: start; margin-top: 107px; min-height: auto; max-height: initial; min-width: auto; padding: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .hero-text-wrapper { margin-top: 0; align-self: center; } }

@media (min-width: 1280px) { .hero-text-wrapper { margin-top: 8.359vw; max-width: 29.3vw; } }

@media (min-width: 768px) and (max-width: 991px) { .hero-text-wrapper { margin: 0 auto; max-width: 550px; min-height: 326px; } }

.hero-text-wrapper h2 { color: #FFFFFF; font-size: 40px; line-height: 40px; }

@media (min-width: 1280px) { .hero-text-wrapper h2 { font-size: 4.539vw; line-height: 4.246vw; } }

.hero-text-wrapper p { color: #FFFFFF; margin-top: 14px; }

@media (min-width: 992px) { .hero-text-wrapper p { margin-top: 40px; } }

@media (min-width: 1280px) { .hero-text-wrapper p { font-size: 1.464vw; line-height: 1.757vw; margin-top: 2.928vw; } }

.hero-text-wrapper button { display: flex; align-items: center; margin-top: 24px; }

@media (max-width: 991px) { .hero-text-wrapper button span { filter: invert(56%) sepia(83%) saturate(407%) hue-rotate(357deg) brightness(90%) contrast(82%); } }

@media (max-width: 767px) { .hero-text-wrapper button { background: none !important; color: #C88C32 !important; padding-left: 0; } }

@media (min-width: 992px) { .hero-text-wrapper button { margin-top: 40px; padding: 16px 35px 16px 35px; } }

.hero-image-wrapper { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }

.hero-image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

@media (min-width: 1280px) { .hero-image-wrapper img { width: 58.359vw; height: 43.672vw; } }