@media (max-width:1000px) {#menuToggle {padding:1rem!important;}}
      
      .mobile-main-menu-flex {align-items: center!important;}
              
              .mobile-main-menu-flex:has(#menuToggle.menu-toggle--is-active) #mobileHeaderApplyButton {
  display: none !important;
}
              
         #mobileHeaderApplyButton {
                  padding: .5rem .8rem .6rem .8rem!important;        
    border: 1px solid white!important;
              line-height: normal!important;
              font-weight: 700!important;
              }
              
              .horizontal-scroll-container {
    z-index: 1!important;
}
              
              #mobile-nav-container #mobile-nav-horizontal-scroll-button-container,
              #mobile-nav-container .ctr {
             position:relative!important;
              }


.bg-identity-card,
.bg-img-sqg {
    background-size: cover;
    background-position: center;
}
.bg-sau-blue .card .card-cta:hover,
.bg-seas .card .card-cta:hover,
.card .card-cta:hover {
    background-color: #cb3340 !important;
    border-top: 1px solid #cb3340 !important;
}
.bg-heavens .tw-th-cnt div a.cta--ghost-white span img,
.bg-heavens-10 .tw-th-cnt div a.cta--ghost-white span img,
.bg-white .tw-th-cnt div a.cta--ghost-white span img {
    filter: brightness(1) invert(1);
}
.bg-img-sqg {
    background-image: url('/media/content-assets/images/background-images/general-background-images/homepage_fact_bg-1.webp');
}
.bg-identity-card {
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/programpage_connect_bg.png');
}
.bg-home-news-events {
    background-image: url("../../../../media/t4_sau/home-page/home-news-events-bg.png");
    background-size: auto;
    background-position: 50% 150%;
    background-repeat: no-repeat;
}
.bg-tower {
    background-image: url('/media/content-assets/images/background-images/footer-cta-background-images/home-links-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-blue-gradient-p1p2 {
    background: linear-gradient(180deg, #1966a2 0, #0b2341 79.5%), var(--sau-blue-50, #005598);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-70-80 {
    background-position: 70% 80%;
}
.bg-50-15 {
    background-position: 50% 15%;
}
.bg-chapel-dove,
.bg-chapel-heavens,
.bg-chapel-sau-blue,
.bg-chapel-seas {
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.bg-chapel-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/chapel_seas.png');
    color: #fff;
}
.bg-arches-dove .card .heading-3,
.bg-arches-dove .card .heading-5,
.bg-arches-dove .card a,
.bg-arches-dove .card div h3,
.bg-arches-dove .card p,
.bg-arches-heavens .card .heading-5,
.bg-arches-heavens .card a,
.bg-arches-heavens .card p,
.bg-arches-sau-blue .heading-2,
.bg-arches-sau-blue .heading-3,
.bg-arches-seas .heading-2,
.bg-arches-seas .heading-3,
.bg-chapel-dove .card .heading-3,
.bg-chapel-dove .card .heading-5,
.bg-chapel-dove .card a,
.bg-chapel-dove .card div h3,
.bg-chapel-dove .card p,
.bg-chapel-heavens .card .heading-3,
.bg-chapel-heavens .card .heading-5,
.bg-chapel-heavens .card a,
.bg-chapel-heavens .card p,
.bg-chapel-sau-blue .heading-2,
.bg-chapel-sau-blue .heading-3,
.bg-chapel-seas .heading-2,
.bg-chapel-seas .heading-3,
.bg-dove .card .heading-3,
.bg-dove .card .heading-5,
.bg-dove .card a,
.bg-dove .card div h3,
.bg-dove .card p,
.bg-heart-dove .card .heading-3,
.bg-heart-dove .card .heading-5,
.bg-heart-dove .card a,
.bg-heart-dove .card div h3,
.bg-heart-dove .card p,
.bg-heart-heavens .card .heading-5,
.bg-heart-heavens .card a,
.bg-heart-heavens .card p,
.bg-heart-sau-blue .heading-2,
.bg-heart-sau-blue .heading-3,
.bg-heart-seas .card .heading-3,
.bg-heart-seas .heading-2,
.bg-heart-seas .heading-3,
.bg-heavens .card .heading-3,
.bg-heavens .card .heading-5,
.bg-heavens .card a,
.bg-heavens .card p,
.bg-leaves-dove .card .heading-3,
.bg-leaves-dove .card .heading-5,
.bg-leaves-dove .card a,
.bg-leaves-dove .card div h3,
.bg-leaves-dove .card p,
.bg-leaves-heavens .card .heading-3,
.bg-leaves-heavens .card .heading-5,
.bg-leaves-heavens .card a,
.bg-leaves-heavens .card p,
.bg-leaves-sau-blue .heading-2,
.bg-leaves-sau-blue .heading-3,
.bg-leaves-seas .heading-2,
.bg-leaves-seas .heading-3,
.bg-sau-blue .tw-th-cnt h2,
.bg-sau-blue .tw-th-cnt p,
.bg-sau-blue.ft-news-events-grid h2,
.bg-sau-blue.ft-news-events-grid p,
.bg-sau-blue .card-block p,
.bg-sau-blue .card-block h2,
.bg-sau-blue .card-block .heading-3,
.bg-sau-blue .card-block .heading-5,
.bg-scallops-dove .card .heading-3,
.bg-scallops-dove .card .heading-5,
.bg-scallops-dove .card a,
.bg-scallops-dove .card div h3,
.bg-scallops-dove .card p,
.bg-scallops-heavens .card .heading-3,
.bg-scallops-heavens .card .heading-5,
.bg-scallops-heavens .card a,
.bg-scallops-heavens .card p,
.bg-scallops-sau-blue .heading-2,
.bg-scallops-sau-blue .heading-3,
.bg-scallops-seas .heading-2,
.bg-scallops-seas .heading-3,
.bg-seas .tw-th-cnt h2,
.bg-seas .tw-th-cnt p,
.bg-seas.ft-news-events-grid h2,
.bg-seas.ft-news-events-grid p,
.bg-seas .progress-bar h2,
.bg-seas .progress-label-text-lg,
.bg-seas .progress-label-text,
.bg-seas .card-block p,
.bg-seas .card-block h2,
.bg-seas .card-block .heading-3,
.bg-seas .card-block .heading-5,
.bg-sau-blue .progress-bar h2,
.bg-sau-blue .progress-label-text-lg,
.bg-sau-blue .progress-label-text,
.bg-waves-dove .card .heading-3,
.bg-waves-dove .card .heading-5,
.bg-waves-dove .card a,
.bg-waves-dove .card div h3,
.bg-waves-dove .card p,
.bg-waves-heavens .card .heading-3,
.bg-waves-heavens .card .heading-5,
.bg-waves-heavens .card a,
.bg-waves-heavens .card p,
.bg-waves-sau-blue .heading-2,
.bg-waves-sau-blue .heading-3,
.bg-waves-seas .heading-2,
.bg-waves-seas .heading-3 {
    color: #fff;
}
.bg-arches-sau-blue .card div,
.bg-arches-seas .card div,
.bg-chapel-sau-blue .card div,
.bg-chapel-seas .card div,
.bg-heart-sau-blue .card div,
.bg-heart-seas .card div,
.bg-leaves-sau-blue .card div,
.bg-leaves-seas .card div,
.bg-sau-blue .card div,
.bg-scallops-sau-blue .card div,
.bg-scallops-seas .card div,
.bg-seas .card div,
.bg-waves-sau-blue .card div,
.bg-waves-seas .card div {
    background-color: #fff;
}
.bg-arches-dove .heading-2,
.bg-arches-dove .heading-3,
.bg-arches-heavens .heading-3,
.bg-arches-sau-blue .card .heading-3,
.bg-arches-sau-blue .card .heading-5,
.bg-arches-sau-blue .card div h3,
.bg-arches-sau-blue .card a,
.bg-arches-sau-blue .card p,
.bg-arches-seas .card .heading-3,
.bg-arches-seas .card .heading-5,
.bg-arches-seas .card div h3,
.bg-arches-seas .card a,
.bg-arches-seas .card p,
.bg-chapel-dove .heading-2,
.bg-chapel-dove .heading-3,
.bg-chapel-heavens .heading-2,
.bg-chapel-heavens .heading-3,
.bg-chapel-sau-blue .card .heading-3,
.bg-chapel-sau-blue .card .heading-5,
.bg-chapel-sau-blue .card div h3,
.bg-chapel-sau-blue .card a,
.bg-chapel-sau-blue .card p,
.bg-chapel-seas .card .heading-3,
.bg-chapel-seas .card .heading-5,
.bg-chapel-seas .card a,
.bg-chapel-seas .card div h3,
.bg-chapel-seas .card p,
.bg-dove .heading-2,
.bg-dove .heading-3,
.bg-dove .tw-th-cnt h2,
.bg-dove .tw-th-cnt p,
.bg-dove-10 .card-block .body-text,
.bg-dove-10 .card-block .heading-2,
.bg-dove-10 .card-block .heading-3,
.bg-dove-10 .card-block .heading-5,
.bg-heart-dove .heading-2,
.bg-heart-dove .heading-2 p,
.bg-heart-dove .heading-3,
.bg-heart-heavens .heading-2,
.bg-heart-heavens .heading-3,
.bg-heart-sau-blue .card .heading-3,
.bg-heart-sau-blue .card .heading-5,
.bg-heart-sau-blue .card div h3,
.bg-heart-sau-blue .card a,
.bg-heart-sau-blue .card p,
.bg-heart-seas .card .heading-3,
.bg-heart-seas .card .heading-5,
.bg-heart-seas .card a,
.bg-heart-seas .card div h3,
.bg-heart-seas .card p,
.bg-heart-dove .tw-th-cnt h2,
.bg-heart-dove .tw-th-cnt p,
.bg-heavens .heading-2,
.bg-heavens .heading-3,
.bg-heavens .tw-th-cnt h2,
.bg-heavens .tw-th-cnt p,
.bg-heavens .progress-bar h2,
.bg-heavens .progress-label-text-lg,
.bg-heavens .progress-label-text,
.bg-heavens-10 .progress-bar h2,
.bg-heavens-10 .progress-label-text-lg,
.bg-heavens-10 .progress-label-text,
.bg-dove-10 .progress-bar h2,
.bg-dove-10 .progress-label-text-lg,
.bg-dove-10 .progress-label-text,
.bg-heavens-10 .card-block .body-text,
.bg-heavens-10 .card-block .heading-2,
.bg-heavens-10 .card-block .heading-3,
.bg-heavens-10 .card-block .heading-5,
.bg-leaves-dove .heading-2,
.bg-leaves-dove .heading-3,
.bg-leaves-heavens .heading-2,
.bg-leaves-heavens .heading-3,
.bg-leaves-sau-blue .card .heading-3,
.bg-leaves-sau-blue .card .heading-5,
.bg-leaves-sau-blue .card div h3,
.bg-leaves-sau-blue .card a,
.bg-leaves-sau-blue .card p,
.bg-leaves-seas .card .heading-3,
.bg-leaves-seas .card .heading-5,
.bg-leaves-seas .card a,
.bg-leaves-seas .card div h3,
.bg-leaves-seas .card p,
.bg-sau-blue .card .heading-3,
.bg-sau-blue .card .heading-5,
.bg-sau-blue .card div h3,
.bg-sau-blue .card a,
.bg-sau-blue .card p,
.bg-scallops-dove .heading-2,
.bg-scallops-dove .heading-3,
.bg-scallops-dove p,
.bg-scallops-heavens .heading-2,
.bg-scallops-heavens .heading-3,
.bg-scallops-sau-blue .card .heading-3,
.bg-scallops-sau-blue .card .heading-5,
.bg-scallops-sau-blue .card div h3,
.bg-scallops-sau-blue .card a,
.bg-scallops-sau-blue .card p,
.bg-scallops-seas .card .heading-3,
.bg-scallops-seas .card .heading-5,
.bg-scallops-seas .card a,
.bg-scallops-seas .card div h3,
.bg-scallops-seas .card p,
.bg-seas .card .heading-3,
.bg-seas .card .heading-5,
.bg-seas .card div h3,
.bg-seas .card a,
.bg-seas .card p,
.bg-waves-dove .heading-2,
.bg-waves-dove .heading-3,
.bg-waves-heavens .heading-2,
.bg-waves-heavens .heading-3,
.bg-waves-sau-blue .card .heading-3,
.bg-waves-sau-blue .card .heading-5,
.bg-waves-sau-blue .card div h3,
.bg-waves-sau-blue .card a,
.bg-waves-sau-blue .card p,
.bg-waves-seas .card .heading-3,
.bg-waves-seas .card .heading-5,
.bg-waves-seas .card a,
.bg-waves-seas .card div h3,
.bg-waves-seas .card p {
    color: #0b2341;
}
.bg-arches-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-arches-seas .tw-th-cnt div a.cta-border-seas,
.bg-chapel-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-chapel-seas .tw-th-cnt div a.cta-border-seas,
.bg-heart-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-heart-seas .tw-th-cnt div a.cta-border-seas,
.bg-leaves-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-leaves-seas .tw-th-cnt div a.cta-border-seas,
.bg-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-scallops-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-scallops-seas .tw-th-cnt div a.cta-border-seas,
.bg-seas .tw-th-cnt div a.cta-border-seas,
.bg-waves-sau-blue .tw-th-cnt div a.cta-border-seas,
.bg-waves-seas .tw-th-cnt div a.cta-border-seas {
    border: 1px solid #fff;
}
.bg-arches-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-arches-seas .tw-th-cnt div a.cta-border-seas span,
.bg-chapel-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-chapel-seas .tw-th-cnt div a.cta-border-seas span,
.bg-heart-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-heart-seas .tw-th-cnt div a.cta-border-seas span,
.bg-leaves-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-leaves-seas .tw-th-cnt div a.cta-border-seas span,
.bg-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-sau-blue.card-block-1d div div a.cta-border-seas span,
.bg-scallops-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-scallops-seas .tw-th-cnt div a.cta-border-seas span,
.bg-seas .tw-th-cnt div a.cta-border-seas span,
.bg-seas.card-block-1d div div a.cta-border-seas span,
.bg-waves-sau-blue .tw-th-cnt div a.cta-border-seas span,
.bg-waves-seas .tw-th-cnt div a.cta-border-seas span {
    border-right: 1px solid #fff;
    color: #fff;
}
.bg-arches-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-arches-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-chapel-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-chapel-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-heart-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-heart-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-leaves-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-leaves-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-sau-blue .card .card-cta:hover .icon-img-2,
.bg-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-sau-blue.card-block-1d div div a.cta-border-seas span img,
.bg-scallops-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-scallops-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-seas .card .card-cta:hover .icon-img-2,
.bg-seas .tw-th-cnt div a.cta-border-seas span img,
.bg-seas.card-block-1d div div a.cta-border-seas span img,
.bg-waves-sau-blue .tw-th-cnt div a.cta-border-seas span img,
.bg-waves-seas .tw-th-cnt div a.cta-border-seas span img,
.card .card-cta:hover .icon-img-2 {
    filter: brightness(0) invert(1);
}
.bg-chapel-dove {
    background-color: #f9f7f4;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/chapel_dove.png');
    color: #0b2341;
}
.bg-arches-dove .card div,
.bg-arches-heavens .card div,
.bg-chapel-dove .card div,
.bg-chapel-heavens .card div,
.bg-dove .card div,
.bg-heart-dove .card div,
.bg-heart-heavens .card div,
.bg-heavens .card div,
.bg-leaves-dove .card div,
.bg-leaves-heavens .card div,
.bg-scallops-dove .card div,
.bg-scallops-heavens .card div,
.bg-waves-dove .card div,
.bg-waves-heavens .card div {
    background-color: #0b2341;
}
.bg-chapel-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/chapel_sau_blue.png');
    color: #fff;
}
.bg-chapel-heavens {
    background-color: #edf4f9;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/chapel_heavens.png');
    color: #0b2341;
}
.bg-scallops-dove,
.bg-scallops-sau-blue,
.bg-scallops-seas {
    color: #fff;
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.bg-scallops-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/scallops_seas.png');
}
.bg-scallops-dove {
    background-color: #f9f7f4;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/scallops_dove.png');
}
.bg-scallops-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/scallops_sau_blue.png');
}
.bg-scallops-heavens {
    background-color: #edf4f9;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/scallops_heavens.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-leaves-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/leaves_seas.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-leaves-dove {
    background-color: #f9f7f4;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/leaves_dove.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-leaves-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/leaves_sau_blue.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-leaves-heavens {
    background-color: #edf4f9;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/leaves_heavens.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-waves-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/waves_seas.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-waves-dove {
    background-color: #f9f7f4;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/waves_dove.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-waves-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/waves_sau_blue.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-waves-heavens {
    background-color: #edf4f9;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/waves_heavens.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-arches-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/arches_seas.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-arches-dove {
    background-color: #f9f7f4;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/arches_dove.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-arches-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/arches_sau_blue.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-arches-heavens {
    background-size: cover;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #0b2341;
}
@media (min-width: 1024px) {
    .bg-arches-heavens {
        background-image: url('/media/content-assets/images/background-images/general-background-images/homepage-hero-bg.png');
    }
}
@media (max-width: 1023px) {
    .bg-arches-heavens {
        background-color: #dbe9f3;
    }
}
.bg-heart-seas {
    background-color: #003b6a;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/heart_seas.png');
    background-size: auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    color: #fff;
}
.bg-heart-dove {
    background-image: url('/media/content-assets/images/background-images/general-background-images/hearts-dove-lg.webp');
    background-size: 1920px;
    background-position: 0 100%;
    background-repeat: repeat-x;
}
.bg-heart-heavens,
.bg-heart-sau-blue {
    background-size: auto;
    background-position: 50% 100%;
}
.bg-heart-sau-blue {
    background-color: #005598;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/heart_sau_blue.png');
    background-repeat: no-repeat;
    color: #fff;
}
.bg-heart-heavens {
    background-color: #edf4f9;
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/heart_heavens.png');
    background-repeat: no-repeat;
    color: #0b2341;
}
.bg-seas .carousel-item {
    background-color: #a4c8e1;
}
.bg-sau-blue .card .card-cta:hover p,
.bg-seas .card .card-cta:hover,
.bg-seas .card .card-cta:hover p,
.card .card-cta:hover,
.card .card-cta:hover p {
    color: #fff !important;
}
.bg-sau-blue.card-block-1d div div a.cta-border-seas,
.bg-seas.card-block-1d div div a.cta-border-seas {
    border: 1px solid #fff !important;
}
.bg-heavens .tw-th-cnt div a.cta--ghost-white span,
.bg-heavens-10 .tw-th-cnt div a.cta--ghost-white span,
.bg-white .tw-th-cnt div a.cta--ghost-white span {
    border-right: 1px solid #0b2341;
    color: #0b2341;
}
.bg-dove,
.bg-dove-10 {
    background-color: #f9f7f4;
    color: #0b2341;
}
.bg-dove.card-block-1d .featured-caorusel-btn,
.bg-dove.card-block-1d h2,
.bg-heavens-10.card-block-1d .featured-caorusel-btn,
.bg-heavens-10.card-block-1d h2 {
    color: #003b6a !important;
}
.bg-heavens-10 {
    background-color: #edf4f9;
    color: #0b2341;
}
.bg-heavens .carousel-item {
    background-color: #0c233b;
}
.bg-heavens .tw-th-cnt div a.cta--ghost-white,
.bg-heavens-10 .tw-th-cnt div a.cta--ghost-white,
.bg-white .tw-th-cnt div a.cta--ghost-white {
    border: 1px solid #0b2341;
}
.bg-heavens-10 .tw-th-cnt div a.cta--ghost-white:hover span img {
    filter: brightness(1) invert(0);
}
.bg-sau-blue-leaves-full {
    background-image: url('/media/content-assets/images/icons/patterns-backgrounds/sau_blue_leaves_full.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.border-hero-img {
    border: 8px solid #003b6a;
}
.border-radius-container,
.border-radius-container-tr-br {
    border-radius: 0 1.6rem 1.6rem 0;
}
.border-radius-container-t {
    border-radius: 1.6rem 1.6rem 0 0;
}
.border-radius-hero-img {
    border-radius: 0 7.5rem 0 15rem;
}
.border-radius-container-tr-br-bl {
    border-radius: 0 1.6rem 1.6rem;
}
.border-radius-container-b {
    border-radius: 0 0 1.6rem 1.6rem;
}
.box-shadow-cards,
.box-shadow-section {
    box-shadow:
        0 10px 10px -5px rgba(0, 0, 0, 0.04),
        0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.shadow-inner {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}
.shadow-2xl {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}
.shadow-xl {
    box-shadow:
        0 20px 25px rgba(0, 0, 0, 0.1),
        0 10px 10px rgba(0, 0, 0, 0.04);
}
.shadow-lg {
    box-shadow:
        0 10px 15px rgba(0, 0, 0, 0.1),
        0 4px 6px rgba(0, 0, 0, 0.05);
}
.shadow-md {
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.1),
        0 2px 4px rgba(0, 0, 0, 0.06);
}
.shadow-base {
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.1),
        0 1px 2px rgba(0, 0, 0, 0.06);
}
.shadow-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.desktop-only {
    display: none;
}
@media (min-width: 1025px) {
    .desktop-only {
        display: block;
    }
}
.cta {
    align-items: center;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    display: inline-flex;
    font-size: 1rem;
    letter-spacing: 0.016rem;
    line-height: 175%;
    transition: 0.2s ease-in-out;
    cursor: pointer;
}
.cta--primary-cardinal,
.cta:hover span:nth-child(2) {
    background-color: var(--color-cardinal);
}
.cta span {
    justify-content: center;
    transition: background-color 0.2s ease-in-out;
}
.cta:hover img {
    filter: brightness(0) invert(1);
}
.bg-white .tw-th-cnt .cta--ghost-white:hover img {
    filter: brightness(0) invert(1) !important;
}
.cta--primary-cardinal {
    border-color: #fff;
    color: #fff;
}
.cta--primary-cardinal span:first-child {
    border-color: #fff;
}
.cta--white-cardinal,
.cta--white-cardinal span:first-child {
    border-color: var(--color-cardinal);
}
.cta--primary-cardinal:hover,
.cta--primary-cardinal:hover span:nth-child(2) {
    background-color: var(--color-cta-cardinal-hover-state);
}
.cta--white-cardinal {
    background-color: #fff;
    color: var(--color-cardinal);
}
.cta--white-black,
.cta--white-black span:first-child {
    border-color: #000;
}
.cta--white-cardinal span:nth-child(2) img {
    filter: var(--svg-filter-cardinal);
}
.cta--white-cardinal:hover span:nth-child(2) img {
    filter: unset;
}
.cta--white-black {
    background-color: #fff;
    color: #000;
}
.cta--white-black img {
    filter: brightness(0) invert(0);
}
.cta--ghost-white,
.cta--ghost-white span:first-child {
    border-color: #fff;
}
.cta--ghost-white {
    background-color: transparent;
    color: #fff;
}
.cta--ghost-seas,
.cta--ghost-seas span:first-child {
    border-color: var(--color-sau-seas);
}
.cta--ghost-seas {
    background-color: transparent;
    color: var(--color-sau-seas);
}
.cta-cardinal,
.cta-cardinal-lt,
.cta-seas {
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    font-size: 1rem;
    letter-spacing: 0.016rem;
    line-height: 175%;
}
.cta--ghost-seas span:nth-child(2) img,
.cta--ghost-white span:nth-child(2) img,
.cta--primary-cardinal span:nth-child(2) img,
.cta--white-black span:nth-child(2) img,
.cta--white-cardinal span:nth-child(2) img {
    align-self: center;
    flex-grow: 0;
}
.cta-cardinal,
.cta-cardinal-lt {
    align-items: center;
    background-color: #cb3340;
}
.cta-cardinal-lt:hover,
.cta-cardinal-lt:hover .cta-arrow,
.cta-cardinal:hover .cta-arrow,
.cta-cardinal:hover .cta-txt {
    background-color: #821e27;
}
.cta-seas {
    align-items: center;
    background-color: #005699;
}
.cta-seas:hover {
    background-color: #cb3340;
}
.cta-border,
.cta-border-seas,
.cta-plain {
    background-color: transparent;
    display: flex;
    font-size: 1rem;
    letter-spacing: 0.016rem;
    line-height: 175%;
}
.cta-border {
    align-items: center;
    border: 1px solid #fff;
    color: #fff;
}
.cta-border-seas:hover .cta-arrow,
.cta-border:hover .cta-arrow {
    background-color: #cb3340;
}
.cta-border-seas {
    align-items: center;
    border: 1px solid #005699;
    color: #005699;
}
.cta-border-seas:hover span:nth-child(2) img {
    filter: var(--svg-filter-white);
}
.cta-plain {
    align-items: center;
}
.group:hover .img-icon,
.group:hover .icon-img-2 {
    filter: brightness(0) invert(1);
}
.group:hover .icon-img-rd {
    filter: invert(34%) sepia(100%) saturate(7457%) hue-rotate(334deg) brightness(91%) contrast(91%);
}
.cta-1,
.cta-2 {
    color: #fff;
    text-decoration: none;
}
.cta-1,
.cta-2,
.cta-3 {
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    padding: 0.6rem 1.25rem;
    text-align: center;
}
.cta-1 {
    background-color: #005699;
    border: 1px solid transparent;
    border-radius: 3.1rem;
}
.cta-2 {
    background-color: hsla(26, 67%, 69%, 0.6);
    border: 1px solid transparent;
    border-radius: 3.1rem;
}
.cta-3 {
    background-color: #fff;
    border: 1px solid #005699;
    color: #000;
    margin-top: auto;
}
.card-container-standard {
    display: flex;
    gap: 1.25rem;
    justify-content: center;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .card-container-standard {
        flex-direction: column;
    }
}
.card-1 {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    min-height: 28rem;
    max-width: 33%;
}
@media (max-width: 900px) {
    .card-1 {
        margin: 0 auto;
        max-width: 90%;
    }
}
.card--application {
    display: none;
    background-color: #fff;
}
.card__cta {
    position: relative;
    font-weight: 700;
    line-height: 1;
    transition: 0.2s;
}
.card--application .card__cta:hover::after {
    filter: var(--svg-filter-white);
}
.card--application .card__cta::after {
    content: url('/media/content-assets/images/icons/general/cta_arrow_icon_seas-1.svg');
    position: absolute;
    top: calc(50% - 17px / 2);
    right: 1rem;
    height: 17px;
    filter: var(--svg-filter-black);
}
.error-message {
    background-color: var(--color-cardinal);
    color: #fff;
    padding: 0.25rem;
    line-height: 1.2;
}
.fc-blue {
    color: #005699;
}
.fc-heavens {
    color: #a4c8e1;
}
.fc-copper {
    color: #e4a87a;
}
.fc-dove {
    color: #f1ece4;
}
.fc-dove-80 {
    color: var(--color-dove-80);
}
.fc-white {
    color: #fff;
}
.fc-white-imp {
    color: #fff !important;
}
.fc-black {
    color: #000;
}
.fc-cardinal {
    color: hsla(355, 60%, 50%, 1);
}
.fc-seas {
    color: #0b2341;
}
.fc-utility {
    color: #bbbdc0;
}
.fc-utility-70 {
    color: #838486;
}
.fc-success {
    color: #438351;
}
.fc-error {
    color: #e53f1b;
}
.bg-sau-blue {
    background-color: #005699;
}
.bg-sau-blue-10 {
    background-color: #e6eef5;
}
.bg-sau-blue-70 {
    background-color: #003b6a;
}
.bg-sau-blue-90 {
    background-color: hsla(206, 100%, 30%, 0.9);
}
.bg-sau-blue-60 {
    background-color: #004d89;
}
.bg-copper {
    background-color: #e4a87a;
}
.bg-copper-60 {
    background-color: hsla(26, 67%, 69%, 0.6);
}
.bg-copper-40 {
    background-color: hsla(26, 67%, 69%, 0.4);
}
.bg-copper-20 {
    background-color: hsla(26, 67%, 69%, 0.2);
}
.bg-dove {
    background-color: #f1ece4;
}
.bg-dove-20 {
    background-color: hsla(37, 32%, 92%, 0.2);
}
.bg-dove-30 {
    background-color: #f6efee;
}
.bg-dove-50 {
    background-color: hsla(10, 33%, 95%, 0.5);
}
.bg-dove-60 {
    background-color: hsla(37, 32%, 92%, 0.6);
}
.bg-green {
    background-color: hsla(187.8, 23%, 61%, 1);
}
.bg-green-60 {
    background-color: hsla(187.8, 23%, 61%, 0.6);
}
.bg-green-40 {
    background-color: hsla(187.8, 23%, 61%, 0.4);
}
.bg-green-20 {
    background-color: hsla(187.8, 23%, 61%, 0.2);
}
.bg-cardinal {
    background-color: hsla(355, 60%, 50%, 1);
}
.bg-heavens {
    background-color: #a4c8e1;
}
.bg-heavens-10 {
    background-color: #edf4f9;
}
.bg-heavens-20 {
    background-color: #dbe9f3;
}
.bg-seas {
    background-color: #0b2341;
}
.bg-seas-40 {
    background-color: #3c4f67;
}
.bg-gold-gradient {
    background: linear-gradient(to bottom, #f3d49a, #e6c085);
}
.bg-utility {
    background-color: #babcbf;
}
.bg-heavens-gradient {
    background: linear-gradient(180deg, #c8deed 0, #dbe9f3 0.01%, #b6d3e7 100%);
}
.bg-blue-gradient {
    background: linear-gradient(180deg, #1966a2 0, #0b2341 79.5%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.svg-white {
    filter: invert(100%) brightness(1000%);
}
.svg-black path {
    fill: var(--svg-filter-black);
}
.currentpage {
    color: #e4a87a !important;
}
.emergency {
    background-color: #cb3340 !important;
    color: #fff;
}
.warning {
    background-color: #de935b !important;
    color: #fff;
}
.notice {
    padding: 1rem;
    background-color: #005799;
    color: #fff;
}
.notice-body {
    color: #fff;
    text-align: center;
}

@font-face {
    font-family: "Niveau Grotesk Regular";
    src: url('/media/developer-assets/sau-fonts/NiveauGroteskRegular.otf') format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Niveau Grotesk Regular";
    src: url('/media/developer-assets/sau-fonts/NiveauGroteskRegular.otf') format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Niveau Grotesk Medium";
    src: url('/media/developer-assets/sau-fonts/NiveauGroteskMedium-webfont.woff2') format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Niveau Grotesk Medium";
    src: url('/media/developer-assets/sau-fonts/NiveauGroteskMedium-webfont.woff2') format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Niveau Grotesk Bold";
    src: url('/media/developer-assets/sau-fonts/NiveauGroteskBold-webfont.woff2') format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Trajan Sans Pro Regular";
    src: url('/media/developer-assets/sau-fonts/trajansanspro-regular-webfont.woff2') format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fieldwork Geo Regular";
    src: url('/media/developer-assets/sau-fonts/fieldwork-geo-regular-webfont.woff2') format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fieldwork Geo Regular";
    src: url('/media/developer-assets/sau-fonts/fieldwork-geo-regular-webfont.woff2') format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fieldwork Geo Bold";
    src: url('/media/developer-assets/sau-fonts/fieldwork-geo-bold-webfont.woff2') format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.gap-1 {
    gap: 10px;
}
.gap-16 {
    gap: 16px;
}
.gap-2 {
    gap: 20px;
}
.gap-3 {
    gap: 30px;
}
.gap-36 {
    gap: 36px;
}
.responsive-img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 900px) {
    .responsive-img {
        margin: 0 auto;
        width: 75%;
    }
}
.cm {
    background-color: #fff;
    border-color: #0b2341;
}
.cb:checked + .cm {
    background-color: #cc323f;
    border-color: #cc323f;
}
.cb:checked + .cm:after {
    content: "";
    display: block;
    position: relative;
    left: 85%;
    top: 50%;
    width: 12px;
    height: 6px;
    margin-left: -6px;
    margin-top: -3px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.currentPage {
    color: #e4a87a;
}
.ctr {
    max-width: 1440px;
}
.container-padding {
    padding: 4rem;
}
.container-padding-card-container {
    padding: 9.6rem 6.4rem;
}
.container-padding-y {
    padding-top: 5.8rem;
    padding-bottom: 4rem;
}
.container-padding-x {
    padding-left: 4rem;
    padding-right: 4rem;
}
.acc-title,
.card-padding {
    padding: 2rem;
}
.card-padding-prg {
    padding: 1rem 1.5rem;
}
.acc-content,
.acc-content-table {
    padding: 3.5rem;
}
.acc-filter {
    padding: 1rem;
}
@media (max-width: 900px) {
    .container-padding {
        padding: 3rem;
    }
    .container-padding-y {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .container-padding-x {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .card-padding {
        padding: 1.1rem 1.6rem;
    }
    .acc-content {
        padding: 3.5rem 2rem;
    }
}
@media (max-width: 600px) {
    .acc-content-table,
    .container-padding {
        padding: 1rem;
    }
    .acc-content {
        padding: 3.5rem 1.25rem;
    }
}
.container-margin {
    margin: 0 auto;
}
.margin-16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.margin-36 {
    margin-top: 2.3rem;
    margin-bottom: 2.3rem;
}
.m-90 {
    margin-top: 5.625rem;
}
.first-section {
    margin-top: 4rem;
}
.margin-divider {
    margin-top: 6rem;
}
.mar-16 {
    margin-top: 1rem;
}
.mar-36 {
    margin-top: 2.25rem;
}
.left-100 {
    left: 100% !important;
}
.flex-centered-with-overflow-x-auto {
    overflow-x: auto;
}
.flex-centered-with-overflow-x-auto :first-child {
    margin-left: auto;
}
.flex-centered-with-overflow-x-auto :last-child {
    margin-right: auto;
}
.tabbed-content--underline .tabbed-content-tab {
    background: 0 0 !important;
    border-bottom-color: transparent;
}
.tabbed-content--underline .tabbed-content-tab:hover {
    background: 0 0 !important;
    border-bottom-color: var(--color-cardinal);
}
.tabbed-content--underline .active {
    border-bottom-color: var(--color-cardinal);
}
.tabbed-content a.tabbed-content-tab {
    transition: 0.3s;
    font-family: Fieldwork Geo Regular;
    color: var(--color-dove-80);
}
.tabbed-content a.active,
.tabbed-content a.tabbed-content-tab:hover {
    background-color: var(--color-heavens-10);
    color: var(--color-sau-seas);
}
.tabbed-content a.tabbed-content-tab:hover {
    transition: background-color 0.2s;
}
@import url('/media/developer-assets/css/utility-classes/fonts.css');
.heading-1,
.heading-2,
.heading-3,
.heading-3-bold,
.heading-4,
.heading-4-bold {
    font-family: Niveau Grotesk Bold;
}
body {
    color: var(--color-sau-seas);
}
.heading-1 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1rem;
}
@media (min-width: 640px) {
    .heading-1 {
        font-size: 3rem;
        line-height: 3.45rem;
    }
}
.heading-2 {
    font-size: 1.75rem;
    line-height: 2.189rem;
    margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
    .heading-2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
.heading-3,
.heading-3-bold {
    font-size: 1.563rem;
    line-height: 1.953rem;
    margin-bottom: 0.5rem;
}
@media (min-width: 640px) {
    .heading-3,
    .heading-3-bold {
        font-size: 1.625rem;
        line-height: 1.87rem;
    }
}
.heading-4,
.heading-4-bold {
    font-size: 1.375rem;
    line-height: 1.719rem;
    margin-bottom: 1rem;
}
@media (min-width: 640px) {
    .heading-4,
    .heading-4-bold {
        font-size: 1.437rem;
        line-height: 1.725rem;
    }
}
.heading-4--no-bold {
    font-family: Niveau Grotesk Regular;
}
.banner-cta .heading-4-bold,
.ordered-list li:last-child,
.unordered-list li:last-child {
    margin-bottom: 0;
}
.heading-5,
.heading-5-bold {
    font-family: Niveau Grotesk Bold;
    font-size: 1.25rem;
    line-height: 1.563rem;
    margin-bottom: 1rem;
}
@media (min-width: 640px) {
    .heading-5,
    .heading-5-bold {
        font-size: 1.438rem;
        line-height: 1.653rem;
    }
}
.heading-6,
.heading-6-bold {
    font-family: Niveau Grotesk Bold;
    font-size: 1.125rem;
    line-height: 1.35rem;
}
@media (min-width: 1024px) {
    .heading-1 {
        font-size: 2.875rem;
        line-height: 3.31rem;
    }
    .heading-2 {
        font-size: 2.125rem;
        line-height: 2.44rem;
    }
    .heading-3,
    .heading-3-bold {
        font-size: 1.825rem;
        line-height: 1.87rem;
    }
    .heading-4,
    .heading-4-bold {
        font-size: 1.5rem;
        line-height: 1.725rem;
    }
    .heading-5,
    .heading-5-bold {
        font-size: 1.375rem;
        line-height: 1.582rem;
    }
    .heading-6-bold {
        font-family: Niveau Grotesk Bold;
        font-size: 1.188rem;
        line-height: 1.367rem;
    }
    .heading-6 {
        font-size: 1.188rem;
        line-height: 1.367rem;
    }
}
.heading-facts-block {
    font-family: Niveau Grotesk Bold;
    font-size: 3.5rem;
    line-height: 4.025rem;
}
.heading-facts-card {
    font-family: Niveau Grotesk Bold;
    font-size: 2rem;
    line-height: 1.87rem;
}
.body-text {
    font-family: Fieldwork Geo Regular;
    font-size: 1rem;
    letter-spacing: 0.016rem;
    line-height: 1.75rem;
}
.body-text-lg-to-sm,
.body-text-sm,
.body-text-to-sm {
    font-family: Fieldwork Geo Regular;
    font-size: 0.813rem;
}
.body-text-bold,
.body-text-lg-bold {
    font-family: Fieldwork Geo Bold;
    font-size: 1rem;
    letter-spacing: 0.016rem;
}
.body-text-bold {
    line-height: 170%;
}
.body-text-lg-bold {
    line-height: 2.125rem;
}
.body-text-lg,
.body-text-lg-to-reg,
.body-text-xs {
    font-family: Fieldwork Geo Regular;
}
.body-text-lg {
    font-size: 1.25rem;
    line-height: 2.125rem;
}
@media (max-width: 1023px) {
    .body-text-lg {
        font-family: Fieldwork Geo Regular;
        font-size: 1rem;
        letter-spacing: 0.016rem;
    }
}
.body-text-lg-to-reg {
    font-size: 1.25rem;
    line-height: 1.563rem;
}
@media (min-width: 640px) {
    .heading-6-bold {
        font-family: Niveau Grotesk Bold;
        font-size: 1.188rem;
        line-height: 1.367rem;
    }
    .heading-6 {
        font-size: 1.188rem;
        line-height: 1.367rem;
    }
    .body-text-to-sm {
        font-family: Fieldwork Geo Regular;
        font-size: 1rem;
        letter-spacing: 0.016rem;
        line-height: 1.75rem;
    }
    .body-text-lg-bold {
        font-family: Fieldwork Geo Bold;
        font-size: 1.25rem;
        line-height: 2.125rem;
    }
    .body-text-lg-to-reg {
        font-family: Fieldwork Geo Regular;
        font-size: 1rem;
        letter-spacing: 0.016rem;
        line-height: 170%;
    }
    .body-text-lg-to-sm {
        font-family: Fieldwork Geo Regular;
        font-size: 1.25rem;
        line-height: 1.563rem;
    }
}
.eyebrow-text,
.eyebrow-text-lg,
.eyebrow-text-md,
.eyebrow-text-sm {
    line-height: 1.4rem;
    letter-spacing: 0.32rem;
}
.body-text-xs {
    font-size: 0.625rem;
}
.eyebrow-text,
.eyebrow-text-lg,
.eyebrow-text-md,
.eyebrow-text-sm,
.tl-nav-item-title {
    font-family: Trajan Sans Pro Regular;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}
.links {
    color: #005699;
    font-size: 1rem;
}
.links:hover {
    color: #e4a87a;
}
.eyebrow-text {
    font-size: 1rem;
}
.eyebrow-text-sm {
    border-bottom: 1px solid #000;
    font-size: 0.75rem;
}
.eyebrow-text-md {
    font-size: 1.4rem;
}
.eyebrow-text-lg {
    border-bottom: 1px solid #000;
    font-size: 2.2rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.tl-nav-item-title {
    font-size: 0.75rem;
    line-height: 115%;
    letter-spacing: 0.15rem;
}
.f-ng {
    font-family: Niveau Grotesk Bold;
}
.f-trajan {
    font-family: Trajan Sans Pro Regular;
}
.line-body {
    line-height: 2.1rem;
}
.t-align {
    text-align: left;
}
@media (max-width: 640px) {
    .t-align {
        text-align: center;
    }
}
.tab-text {
    font-family: Fieldwork Geo Regular;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 1.6px;
}
.ordered-list {
    list-style: decimal;
    padding-left: 1rem;
}
.unordered-list {
    list-style: disc;
    padding-left: 1rem;
}
.ordered-list li,
.unordered-list li {
    font-size: 1.25rem;
    line-height: 1.56rem;
    margin-bottom: 0.9375rem;
}
@import url('/media/developer-assets/css/utility-classes/fonts.css');
.cta-cardinal-tmce,
.tmce .cta-cardinal-tmce a {
    font-style: normal !important;
    display: inline-block;
}
.cta-cardinal-tmce--form-trigger:hover,
.cta-cardinal-tmce:hover {
    background-color: #821e27;
}
.cta-cardinal-tmce,
.tmce .cta-cardinal-tmce a,
.tmce p .cta-cardinal-tmce--form-trigger a {
    font-family: Fieldwork Geo Bold;
    text-decoration: none !important;
}
.cta-cardinal-tmce--form-trigger,
.tmce .cta-cardinal-tmce a,
.tmce .cta-seas-border-tcme a,
.tmce a .cta-cardinal-tmce {
    padding: 0.4rem 1.5rem;
}
.tmce ol,
.tmce ul {
    margin: 1.5rem 0 2rem;
    text-align: left;
}
.tmce ol ol,
.tmce ul ul {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.bg-sau-blue.tcme p a:hover,
.links:hover,
.tmce p a:hover,
.tmce p ss-link:hover,
.tmce ul li a:hover {
    color: #e4a87a;
}
.cta-cardinal-tmce {
    background-color: hsla(355, 60%, 50%, 1);
    color: #fff !important;
    font-size: 1rem;
    font-weight: 700;
}
.tmce a .cta-seas-border-tcme,
.tmce p > a.cta-cardinal-tmce,
a.cta-cardinal-tmce,
a.cta-seas-border-tcme {
    padding: 0.4rem 1.5rem;
    font-style: normal !important;
}
.tmce .cta-cardinal-tmce a {
    color: #fff !important;
    font-size: 1rem;
}
.cta-cardinal-tmce--form-trigger {
    display: inline-block;
    background-color: #cc323f;
    color: #fff;
    font-weight: 700;
}
.tmce p .cta-cardinal-tmce--form-trigger a {
    color: #fff !important;
}
.body-text-bold-tmce {
    font-family: Fieldwork Geo Bold !important;
}
.cta-seas-border-tcme,
.tmce .cta-seas-border-tcme a {
    display: inline-block;
    font-family: Fieldwork Geo Bold;
    text-decoration: none !important;
    font-style: normal !important;
    color: #0b2341;
    font-size: 1rem;
}
.cta-seas-border-tcme {
    background-color: #fff;
    border: 1px solid #0b2341;
    font-weight: 700;
}
.lists-tcme,
.tmce ol li,
.tmce ol li span,
.tmce ul li,
.tmce ul li span,
aside.tmce ol li,
aside.tmce ul li {
    font-family: Fieldwork Geo Regular;
    letter-spacing: 0.016rem;
}
.links-lg-tmce,
.links-tmce,
.tmce ol li a,
.tmce ol li span a,
.tmce p a,
.tmce ul li a,
.tmce ul li span a {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.tmce .basic-pg h2,
.tmce .basic-pg h2 span {
    font-size: 1.6rem;
    line-height: 125%;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}
.tmce .cta-seas-border-tcme:hover {
    background-color: #0b2341;
    color: #fff !important;
}
.bg-sau-blue.tmce ol li span,
.bg-sau-blue.tmce ol li span a,
.bg-sau-blue.tmce ul li,
.bg-sau-blue.tmce ul li span,
.bg-sau-blue.tmce ul li span a,
.bg-sau-blue-70.tmce ol li span,
.bg-sau-blue-70.tmce ol li span a,
.bg-sau-blue-70.tmce ul li,
.bg-sau-blue-70.tmce ul li span,
.bg-sau-blue-70.tmce ul li span a,
.bg-seas.tmce ol li span a,
.bg-seas.tmce ul li,
.bg-seas.tmce ul li span,
.bg-seas.tmce ul li span a,
.tmce .cta-seas-border-tcme:hover a,
.tmce thead p {
    color: #fff;
}
.lists-tcme {
    color: #0b2341;
    list-style-type: disc;
    font-size: 1rem;
    margin-left: 2rem;
}
.tmce ul {
    list-style-type: disc;
}
.tmce ol {
    list-style-type: auto;
}
.tmce ol li,
.tmce ol li span,
.tmce ul li,
.tmce ul li span {
    margin-bottom: 0.5rem;
    list-style-type: disc;
    text-align: left;
}
aside.tmce ol li,
aside.tmce ul li {
    font-size: 1rem;
    margin-bottom: 0;
    margin-left: 2rem;
    text-align: left;
}
.tmce-ul-lg {
    font-size: 20px;
}
.tmce ol li strong,
.tmce ul li strong {
    font-family: Niveau Grotesk Bold;
}
.tmce ul li::marker {
    color: inherit;
}
.tmce ol li span {
    color: #0b2341;
    text-align: left;
}
.tmce ol li a,
.tmce ol li span a,
.tmce ul li a,
.tmce ul li span a {
    font-family: Fieldwork Geo Regular;
    letter-spacing: 0.016rem;
    text-align: left;
}
.bg-sau-blue.tmce ul li::marker {
    color: inherit;
}
.bg-seas.tmce ul li::marker {
    color: inherit;
}
.tmce ol li::marker {
    color: inherit;
}
.content-divider {
    border-bottom: 1px solid #0b2341;
}
.tmce hr {
    border-top: 1px solid #a4c8e1;
}
.tmce h2,
.tmce h2 span,
.tmce h2 strong {
    font-family: Niveau Grotesk Bold;
    font-size: 1.75rem;
    line-height: 2.189rem;
}
.tmce .basic-pg h2 {
    color: #0b2341;
    font-family: Niveau Grotesk Medium;
}
.tmce .basic-pg h2 span {
    color: #0b2341;
    font-family: Niveau Grotesk Bold;
}
.tmce h3,
.tmce h3 span,
.tmce h3 strong {
    font-family: Niveau Grotesk Bold;
    font-size: 1.563rem;
    line-height: 1.953rem;
}
.tmce.test-aside h3,
.tmce.test-aside h3 strong {
    font-family: Niveau Grotesk Bold;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.953rem;
    margin-bottom: 0.5rem;
}
.tmce.test-aside p {
    font-family: Niveau Grotesk Regular;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.953rem;
    margin-bottom: 0;
    margin-top: 0;
}
.tmce .basic-pg h3 {
    color: #0b2341;
    font-family: Niveau Grotesk Bold;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.953rem;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}
.tmce h4,
.tmce h4 span,
.tmce h4 strong {
    font-family: Niveau Grotesk Bold;
    font-size: 1.375rem;
    line-height: 1.719rem;
}
.tmce h5,
.tmce h5 span,
.tmce h5 strong {
    font-family: Niveau Grotesk Bold;
    font-size: 1.25rem;
    line-height: 1.563rem;
}
.tmce h6 {
    font-family: Niveau Grotesk Bold;
    font-size: 1.125rem;
    line-height: 1.406rem;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}
.links-tmce,
.tmce .acc-test p,
.tmce p,
.tmce p a,
.tmce p span {
    font-family: Fieldwork Geo Regular;
    color: #0b2341;
}
.tmce p,
.tmce p span {
    letter-spacing: 0.016rem;
}
.tmce p {
    margin-bottom: 2rem;
}
.tmce p strong {
    font-family: Fieldwork Geo Bold;
}
.cnt-left-vid-right .tmce p,
.cnt-left-vid-right .tmce p span,
.cnt-sdbr-1a,
.cnt-sdbr-1a .tmce p,
.cnt-sdbr-1a .tmce p a,
.cnt-sdbr-1a .tmce p span a,
.cnt-sdbr-1b .tmce p,
.cnt-sdbr-1b .tmce p span,
.drdwn-2b .tmce p,
.drdwn-2b .tmce p span,
.tbcnt-1a .tmce p,
.tbcnt-1a .tmce p span,
.tbcnt-1b .tmce p,
.tbcnt-1b .tmce p span,
.tbcnt-3 .tmce p,
.tbcnt-3 .tmce p span,
.tbcnt-3 .tmce p span a,
.tble-blck-1a .tmce p,
.tble-blck-1a .tmce p span,
.tble-blck-1a .tmce ul li,
.tble-blck-1a .tmce ul li a,
.tble-blck-1a .tmce ul li span,
.tmce ol li,
.tmce p,
.tmce p a,
.tmce p span,
.tmce ul li,
.tmce ul li a,
.tmce ul li span,
.tmce ul ul li {
    font-size: 1.25rem;
    line-height: 2.125rem;
}
.tbcnt-3 .tmce p span a .cta-seas-border-tcme {
    font-size: 1rem;
}
.tmce .acc-test p {
    font-size: 1rem;
    letter-spacing: 0.016rem;
    margin-top: 0;
    margin-bottom: 0;
}
.tmce .acc-test h3,
.tmce .acc-test h3 span {
    font-family: Niveau Grotesk Medium;
    font-size: 1.563rem;
    font-weight: 700;
    line-height: 1.953rem;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}
.tmce h1,
.tmce h4,
.tmce h5 {
    margin-bottom: 1rem;
}
.tmce h2 {
    margin-bottom: 1.5rem;
}
.tmce h3,
.tmce-li-mb-8 {
    margin-bottom: 0.5rem;
}
.tmce .acc-test h4 span {
    font-family: Niveau Grotesk Medium;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.719rem;
    margin-bottom: 0.5rem;
}
@media (min-width: 640px) {
    .tmce ol li,
    .tmce ul li {
        margin-left: 2rem;
    }
    .tmce ol ol li,
    .tmce ul ul li {
        margin-left: 3rem;
        list-style-type: circle;
    }
    .tmce h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .tmce .basic-pg h2,
    .tmce .basic-pg h2 span {
        font-size: 2.1rem;
    }
    .tmce h3 {
        font-size: 1.625rem;
        line-height: 1.87rem;
    }
    .tmce.test-aside h3,
    .tmce.test-aside h3 strong {
        font-size: 1rem;
        line-height: 2.228rem;
    }
    .tmce .basic-pg h3 {
        font-size: 1.75rem;
        line-height: 2.228rem;
    }
    .tmce h4 {
        font-size: 1.437rem;
        line-height: 1.725rem;
    }
    .tmce h5 {
        font-size: 1.438rem;
        line-height: 1.653rem;
    }
    .tmce h6 {
        font-size: 1.188rem;
        line-height: 1.667rem;
    }
    .tmce .acc-test h3,
    .tmce .acc-test h3 span {
        font-size: 2.062rem;
        line-height: 2.228rem;
        margin-top: 0;
    }
    .tmce .acc-test h4 span {
        font-size: 1.75rem;
        line-height: 2.013rem;
    }
}
@media (min-width: 1024px) {
    .tmce h2 {
        font-size: 2.125rem;
        line-height: 2.44rem;
    }
    .tmce .basic-pg h2,
    .tmce .basic-pg h2 span {
        font-size: 2.1rem;
    }
    .tmce h3 {
        font-size: 1.825rem;
        line-height: 1.87rem;
    }
    .tmce.test-aside h3,
    .tmce.test-aside h3 strong {
        font-size: 1rem;
    }
    .tmce .acc-test h4 span,
    .tmce .basic-pg h3 {
        font-size: 1.75rem;
    }
    .tmce h4 {
        font-size: 1.5rem;
        line-height: 1.725rem;
    }
    .tmce h5 {
        font-size: 1.375rem;
        line-height: 1.582rem;
    }
    .tmce h6 {
        font-size: 1.188rem;
    }
    .tmce .acc-test h3,
    .tmce .acc-test h3 span {
        font-size: 2.062rem;
    }
}
.links-tmce {
    font-size: 1rem;
}
.links-lg-tmce,
.tmce-body-text-lg {
    font-family: Fieldwork Geo Regular;
    font-size: 1.25rem;
}
aside.tmce p a {
    font-size: 1.25rem !important;
    font-style: italic;
}
.bg-sau-blue.tmce p a,
.bg-sau-blue.tmce p a span,
.bg-seas.tmce p a,
.bg-seas.tmce p a span {
    color: #fff;
    font-family: Fieldwork Geo Regular;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.links-lg-tmce {
    color: #0b2341;
}
.tmce table {
    width: 100% !important;
    overflow-x: auto;
}
.tmce thead td,
.tmce thead th {
    background-color: #0b2341;
    color: #fff;
    font-family: Fieldwork Geo Regular;
    font-size: 1rem;
    margin-top: 1.5rem;
    padding: 0.75rem 1.5rem;
    text-align: left;
    text-transform: uppercase;
}
.tmce tbody tr td,
.tmce tbody tr td span,
.tmce tbody tr td span a {
    background-color: #fff !important;
    color: #0b2341;
    font-family: Fieldwork Geo Regular;
    font-size: 1rem;
    padding: 1rem 1.5rem !important;
}
.tmce tbody tr td strong,
.tmce tbody tr td span strong,
.tmce tbody tr td span a strong {
    font-family: Fieldwork Geo Bold;
}
.tmce td p,
.tmce th p {
    margin-bottom: 0;
}
@media (max-width: 640px) {
    .cta-seas-border-tmce {
        margin-top: 1rem;
    }
    .tmce thead tr th {
        font-size: 0.8rem;
    }
    .tmce tbody tr td,
    .tmce tbody tr td span,
    .tmce tbody tr td span a {
        font-size: 0.8rem;
        padding: 1rem 0.5rem !important;
    }
}
.tmce-body-text-lg {
    line-height: 2.125rem;
}
@media (max-width: 1023px) {
    .tmce-body-text-lg {
        font-family: Fieldwork Geo Regular;
        font-size: 1.25rem;
        letter-spacing: 0.016rem;
        line-height: 170%;
    }
}
.tmce-white {
    color: #fff !important;
}
.accordion-basic {
    padding: 0;
    margin: 0 0 2rem;
}
.accordion-basic ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.accordion-basic__content {
    overflow: hidden;
}
.accordion-basic__container {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}
.accordion-basic__trigger {
    position: relative;
    cursor: pointer;
    font-size: 18px;
    background-color: var(--color-heavens);
    padding: 16px;
}
.accordion-basic__trigger::after {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #333;
    border-bottom: transparent;
    border-left: transparent;
    transform: rotate(135deg);
    transform-origin: 7px center;
    transition: 0.3s;
    margin-top: -10px;
}
.accordion-basic--is-open .accordion-basic__trigger::after {
    transform: rotate(-45deg);
    margin-top: -4px;
}
.accordion-basic--is-open .accordion-basic__container {
    grid-template-rows: 1fr;
}
.accordion-basic .currentbranch0,
.accordion-basic__menu-item a {
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid var(--color-heavens-70);
    transition: 0.2s ease-in-out;
}
.accordion-basic__menu-item a:hover {
    background: var(--color-sau-seas);
    color: #fff;
}
.accordion-basic .currentbranch0,
.accordion-basic__menu-item--is-active a {
    color: var(--color-cardinal);
    background: #fff;
    cursor: default;
    pointer-events: none;
}
.test-ca.bg-heavens .testimonial-carousel-item h6,
.test-ca.bg-heavens .testimonial-carousel-item p,
.test-ca.bg-heavens-10 .testimonial-carousel-item h6,
.test-ca.bg-heavens-10 .testimonial-carousel-item p,
.test-ca.bg-seas button,
.test-ca.bg-seas h2 {
    color: #fff !important;
}
.test-ca.bg-seas {
    background: var(--seas-50, #0b2341);
}
.testimonial-carousel-item {
    background-color: #edf4f9;
}
.test-ca.bg-seas .testimonial-carousel-item > div {
    background-color: var(--color-heavens) !important;
}
.test-ca.bg-heavens button,
.test-ca.bg-heavens h2,
.test-ca.bg-heavens-10 button,
.test-ca.bg-heavens-10 h2,
.test-ca.bg-seas .testimonial-carousel-item p {
    color: var(--color-sau-seas) !important;
}
.test-ca.bg-heavens .testimonial-carousel-item,
.test-ca.bg-heavens .testimonial-carousel-item > div,
.test-ca.bg-heavens-10 .testimonial-carousel-item,
.test-ca.bg-heavens-10 .testimonial-carousel-item > div {
    background-color: var(--color-sau-seas) !important;
}
.test-ca.bg-white button {
    color: var(--color-sau-seas);
}
.seven-three-grid {
    display: grid;
    grid-template-columns: 70% 30%;
}
.seven-three-grid__section-1 {
    display: grid;
    grid-template-columns: 60% 40%;
}
@media (max-width: 900px) {
    .seven-three-grid {
        display: flex;
        flex-direction: column;
    }
    .seven-three-grid__section-1 {
        display: flex;
        flex-direction: column;
        gap: 0;
        text-align: center;
    }
    .seven-three-grid__section-1-content {
        order: 3;
    }
    .seven-three-grid__section-1-img {
        order: 2;
    }
    .seven-three-grid__section-2 {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.identity-carousel__item {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 300px;
    transition:
        transform 0.5s,
        opacity 0.5s;
    opacity: 0;
    box-shadow: 0 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.identity-carousel__item--center {
    opacity: 1 !important;
    z-index: 10;
    width: 500px;
}
.identity-carousel__item--left {
    transform: translate(-130%, -50%) scale(0.9);
    opacity: 1 !important;
    z-index: 5;
}
.identity-carousel__item--right {
    transform: translate(30%, -50%) scale(0.9);
    opacity: 1 !important;
    z-index: 5;
}
.identity-carousel__item--leftout {
    transform: translate(-220%, -50%) scale(0.9);
    opacity: 0;
    z-index: -10;
}
.identity-carousel__item--rightout {
    transform: translate(120%, -50%) scale(0.9);
    opacity: 0;
    z-index: -10;
}
.identity-carousel__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(220, 220, 220, 0.5);
    z-index: 1;
    transition: opacity 0.3s;
    opacity: 1;
}
.identity-overlay-hidden::before {
    opacity: 0;
}
.identity-dot {
    width: 12px;
    height: 12px;
    background-color: grey;
    border-radius: 50%;
}
.identity-active-dot {
    background-color: #0b2341 !important;
}
@media (max-width: 768px) {
    .identity-carousel__item--center {
        width: 95% !important;
    }
    .identity-carousel__item--left,
    .identity-carousel__item--right {
        width: 95% !important;
        opacity: 0 !important;
    }
}
.cnt-img-blck-2a p,
.cnt-img-blck-2a h2 {
    color: #fff !important;
}
.breadcrumb li a:hover {
    color: hsla(26, 67%, 69%, 1);
}
nav .container > div > ul > li {
    position: relative;
}
.bottom-nav {
    display: none;
}
.bottom-nav > div > ul > li a {
    text-decoration: none;
}
.bottom-nav > div > ul > .top-level > a {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    cursor: default;
}
.bottom-nav > div > ul > .top-level:last-child > a {
    cursor: pointer;
}
.bottom-nav .mutli-level__title {
    padding-left: 30px;
}
.mutli-level__title:hover {
    background: 0 0 !important;
    border-left: 0 !important;
    color: inherit !important;
}
.bottom-nav > div > ul > .top-level > a > .arrow-icon {
    margin-left: 0.5rem;
}
.bottom-nav .top-level > a .arrow-icon {
    transform: rotate(90deg);
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 {
    color: #fff;
    position: absolute;
    background-color: hsla(213, 71%, 15%, 1);
    padding: 1.9rem;
    width: 16rem;
    z-index: 100;
    display: none;
}
.bottom-nav > div > ul > li:first-child > .multilevel-linkul-0 {
    padding-bottom: 3.75rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li {
    font-size: 0.9rem;
    line-height: 100%;
    margin: 0 -1.9rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li:hover {
    background-color: #e6eef5;
    border-left: 2.5px solid hsla(355, 60%, 50%, 1);
    color: hsla(213, 71%, 15%, 1);
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li .arrow-icon svg {
    fill: currentColor;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 1.9rem;
}
.bottom-nav .dynamic-title {
    font-size: 0.9rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > .dynamic-title:hover {
    background-color: transparent;
    border-left: none;
    color: #fff;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 {
    background-color: #e6eef5;
    color: hsla(213, 71%, 15%, 1);
    position: absolute;
    left: 100%;
    top: 0;
    padding: 1.9rem;
    white-space: nowrap;
    width: 20rem;
    display: none;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li {
    font-size: 0.9rem;
    line-height: 100%;
    margin: 0 -1.9rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li:hover {
    background-color: hsla(10, 33%, 95%, 1);
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li > a {
    padding: 0.6rem 1.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li > ul {
    background-color: hsla(10, 33%, 95%, 1);
    color: #000;
    position: absolute;
    left: 100%;
    padding: 1.9rem;
    top: 0;
    width: 24rem;
    display: none;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li > ul > li {
    font-size: 0.9rem;
    line-height: 100%;
    margin: 0 -1.9rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li > ul > li > a {
    display: block;
    padding: 0.6rem 1.9rem;
}
.bottom-nav > div > ul > li > .multilevel-linkul-0 > li > .multilevel-linkul-1 > li > .multilevel-linkul-2 {
    background-color: hsla(10, 33%, 95%, 1);
    position: absolute;
    left: 100%;
    top: 0;
}
.bottom-nav
    > div
    > ul
    > li
    > .multilevel-linkul-0
    > li
    > .multilevel-linkul-1
    > li
    > .multilevel-linkul-2
    > li
    > .multilevel-linkul-3 {
    background-color: hsla(10, 33%, 95%, 1);
    position: absolute;
    left: 100%;
    top: 0;
}
@media (min-width: 1025px) {
    .bottom-nav {
        display: block;
    }
}
#global-video-modal,
.modal--v2,
.overlay {
    width: 100%;
}
.overlay {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
}
.modal--v2 {
    max-width: 650px;
    min-height: 400px;
    max-height: calc(100vh - 20%);
}
.modal--v2 :first-child {
    margin: 0 auto;
    overflow-y: auto;
}
.modal--open {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    background-color: #fff;
}
.modal--open iframe {
    z-index: 50;
}
.modal__close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem;
    border-radius: 0.25rem;
}
.modal__close-button:hover {
    background-color: #000;
}
.video-launcher {
    cursor: pointer;
}
.modal-trigger > *,
.video-launcher > * {
    pointer-events: none;
}
@media (min-width: 769px) {
    #global-video-modal {
        max-width: 600px;
    }
}
@media (min-width: 1024px) {
    #global-video-modal {
        max-width: 800px;
    }
}
.select-box__select,
.select-dropdown {
    line-height: 2;
    padding: 0.5rem 2.25rem 0.5rem 1.25rem;
    cursor: pointer;
}
.select-box,
.select-dropdown {
    background-color: #fff;
    position: relative;
    border: 1px solid #ccc;
    color: var(--color-sau-seas);
}
.select-box,
.select-box__select,
.select-dropdown {
    color: var(--color-sau-seas);
}
.select-box__select {
    width: 100%;
    -moz-appearance: none;
    font-size: 16px;
    letter-spacing: 0.16px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
}
.select-box::before,
.select-dropdown::before {
    content: "";
    background: url('/media/content-assets/images/icons/navigation/bottom-nav-icon-seas.svg') no-repeat;
    width: 12px;
    height: 7px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 3px);
    right: 1.25rem;
    filter: brightness(0) invert(0);
    pointer-events: none;
}
.select-box-container__label {
    white-space: nowrap;
    font-family: Fieldwork Geo Regular;
}
.select-dropdown {
    font-family: Fieldwork Geo Regular;
}
.select-dropdown__dropdown {
    display: none;
    width: 100%;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 5;
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
}
.select-dropdown--is-active::before {
    transform: rotate(180deg);
}
.select-dropdown--is-active .select-dropdown__dropdown {
    display: block;
}
.select-dropdown__dropdown-item {
    padding: 1.5rem 1.75rem;
    cursor: pointer;
    color: var(--color-utility-90);
    line-height: 1.3;
    font-family: Fieldwork Geo Regular;
}
.select-dropdown__dropdown-item--is-active,
.select-dropdown__dropdown-item:hover {
    background-color: var(--color-heavens-20);
}
.select-dropdown__dropdown-heading {
    cursor: default;
    background-color: var(--color-utility-90);
    color: #fff;
    line-height: 1.3;
    font-weight: 700;
    padding: 1.5rem 1rem;
    font-family: Fieldwork Geo Regular;
}
.select-dropdown__selected-option {
    pointer-events: none;
    background-color: #fff;
    width: 100%;
    font-family: Fieldwork Geo Regular;
}
.check-box > label {
    display: inline-block;
    padding: 0 6px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 700;
}
.check-box input[type="checkbox"] {
    display: none;
}
.check-box input[type="checkbox"]:checked + .check-box__checkmark-container label:after {
    opacity: 1;
}
.check-box input[type="checkbox"]:checked + .check-box__checkmark-container label {
    border-color: var(--color-sau-seas);
    color: var(--color-sau-seas);
}
.check-box input[type="checkbox"]:disabled + .check-box__checkmark-container label {
    cursor: default;
    background: #e0e0e0;
    border-color: #999;
}
.check-box input[type="checkbox"]:disabled + .check-box__checkmark-container label:after,
.check-box input[type="checkbox"]:disabled + .check-box__checkmark-container label:hover {
    border-color: #999;
}
.check-box__checkmark-container {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.check-box__checkmark-container label {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0;
    background: #fff;
    border: 1px solid #999;
}
.check-box__checkmark-container label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    width: 14px;
    height: 8px;
    border: 3px solid var(--color-sau-seas);
    border-top: none;
    border-right: none;
    background: 0 0;
    opacity: 0;
    transform: rotate(-45deg);
}
.check-box__checkmark-container--md label {
    width: 15px;
    height: 15px;
}
.check-box__checkmark-container--md :after {
    width: 7px;
    height: 3px;
    top: 3px;
    left: 2px;
    border-width: 2px;
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  z-index: 9999;
  font-weight: bold;
}

.skip-link:focus {
  top: 0;
}