.fact__number>a:hover{ext-decoration: underline;
    text-underline-offset: 0.1em;
    text-decoration-thickness: 3px;
    display: inline-block;
    text-shadow: 2px 2px #003478, 2px -2px #003478, -2px 2px #003478, -2px -2px #003478;}.no-underline{text-decoration:none!important}.no-underline:hover{text-decoration:underline!important}button.default{box-sizing:border-box;padding:6px 12px;border:1px solid #a6a6a6;margin-bottom:30px}.form_pages textarea{border-width:1px}div.form_page input{padding:1px;border:1px solid #a6a6a6}div.form_page select{border-width:1px;-webkit-appearance:menulist;-moz-appearance:menulist;border-color:#a6a6a6;border-radius:5px}.photo-credit-caption{margin-top:-.75rem}.photo-credit,.photo-credit-caption{display:block;font-family:Hind,sans-serif;font-weight:500;font-size:.795rem!important}.photo-credit{margin-top:.75rem}.beige--block{margin-top:1.25rem;margin-bottom:1.25rem;padding:1.25rem;background:#f5f4f0}.faculty__listing:after{clear:both;content:"";display:block}@media (min-width:64.0625em){.header--nav .header__logo{position:absolute;top:50%;width:15rem;max-width:calc(100% - 54rem);margin-top:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width:72em){.header--nav .header__logo{max-width:calc(100% - 55rem)}}@media (min-width:76em){.header--nav .header__logo{max-width:calc(100% - 54rem)}}a.hh-home-video,a.hh-video{color:#003478}@media (min-width:48em){a.hh-video{color:#fff}}@media (min-width:64.0625em){a.hh-home-video{color:#fff}}.fact__number a,a.hh-white{color:#fff}.alert__text a{color:#fff;text-decoration:underline}.accordion__trigger{border-bottom:1px solid #003478;}.accordion__trigger:not(.button){padding-bottom:.125em}.accordion__trigger:hover{border-color:#0b7886;text-decoration:none;color:#0b7886}
.block.block--feature{
margin-top:2.5rem;
margin-bottom:2.5rem
}
.auto-grid{
    --width: 200px;
    --gap: 1rem;
    display: grid;
    /*grid-template-columns: repeat(auto-fill, minmax(var(--width), 1fr));*/
    grid-template-columns: repeat(auto-fill, minmax(min(var(--width), 100%), 1fr));
    gap: var(--gap);
}
.feed__image--caption .media__icon {
    bottom: 0;
}
.caption ~ .p--sans-serif.p--micro {
     margin-top: -0.75rem;
}
.flickity-page-dots {
    z-index: 3; /* One layer below the hamburger menu to ensure the dots dont show over menu items */
}


/* Underline links only within .module__container, excluding h1, h2, and h3 links */
/*.module__container a:not(:is(h1, h2, h3) a) {*/
/*    text-decoration: underline;*/
/*}*/
.button--white:focus, .button--white:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

.module__container .feature .feature__text p a:not([class]),
.content-editor .module__container a:not([class])
{
	 text-decoration: underline;
	 text-underline-offset: 0.37rem;
     text-decoration-color: #003478;
	 &:hover{
	     --hover-color: #0b7886;
	     color: var(--hover-color);
	     text-decoration-color:var(--hover-color);
	 }
}
.module--beige {
    --beige: #f5f4f0;
        @media (min-width: 48em) {
        .timeline__year {
            transition: background-color .3s ease .9s;
            background: var(--beige);
            color: var(--beige);
        }
    }
    .is-selected .timeline__year {
        background: #58595b;
        color: white;
    }
    .timeline__pair:before {
        background-image: linear-gradient(90deg, var(--beige), hsla(0, 0%, 100%, .001));
    }
    .timeline__pair:after {
        background-image: linear-gradient(270deg, var(--beige), hsla(0, 0%, 100%, .001));
    }
}

.module--blue :is(h1, h2, h3, h4, h5, h6) {
    color: white;
}

.callout__para{
    color:#fff;
    text-shadow:.1rem .1rem .1rem #000;
    font-size:19.7px;
    font-style:normal;
    font-weight:500;
    line-height:150%
    
}
.callout__para,{
    font-family:Hind,sans-serif
    
}
.timeline-slider {
    .flickity-prev-next-button {
        width: 4.125rem;
        height: 4.125rem;
        border-radius: 50%;
        background-color: #003478;

        &:hover {
            background-color: #0B7886;
        }

        svg {
            width: 50%;
            height: 50%;
            margin: auto;
            color: white;
        }

        &.previous {
            right: calc(100% + -1rem);
        }

        &.next {
            left: calc(100% + -1rem);
        }
    }
    a.timeline-link{
        &:hover{
            color: #0b7886;
        }
    }
    .arrow {
        fill: #fff !important;
    }

    @media(max-width: 768px) {
        /*.flickity-prev-next-button {*/
        /*    display: none;*/
        /*}*/
     .flickity-prev-next-button {
        &.next {
            left: calc(100% + -4rem);
        }
    }
    }
}


.module__title--alt {
    font-weight: 600;
}


/*Stories Component Styles*/
.stories {
    .fadeUp--active {
        animation: fadeUp 800ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
    }

    .title-logo-left {
        width: 2rem !important;
        display: grid;
        place-content: center;
        margin-left: 0;
    }

    .grid-button-center {
        display: grid;
        place-content: center;
        width: 100%;
        margin-top: 2.5rem !important;
    }

    .p--micro {
        font-size: 0.95rem !important;
    }

    .button-group-alt {
        display: grid;
        justify-content: center;
    }

    .feature {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        display: flex;
        flex-wrap: wrap;
    }

    .feature::after {
        display: table;
        width: 0;
        content: "";
        clear: both;
    }

    .feature--flip {
        margin-bottom: 4rem;
    }

    .feature__text {
        width: calc(50% - 2.5rem);
        position: relative;
        align-self: center;
    }

    .feature__media {
        margin-bottom: 1.25rem;
        width: calc(40% - 1.25rem);
        margin-bottom: 0;
        float: left;
    }

    .feature__media {
        width: calc(60% - 2rem);
    }

    .h5 {
        margin-top: 0;
    }

    .feature__text-alt-new {
        position: relative;
        width: calc(60% - 1.25rem);
        margin-left: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .feature__text-alt-new {
        width: calc(40% - 2rem);
    }

    .feature__text--alt p {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
        font-size: 0.9375rem;
        line-height: 1.8;
    }

    .grid {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .grid__container {
        display: flex;
        flex-wrap: wrap;
        margin: -0.625rem;
    }

    .grid__item {
        width: 100%;
        padding: 0.625rem;
        float: left;
    }

    .grid__item--space-alt {
        padding: 0.625rem 2rem;
    }

    .grid__item--3 {
        width: 33.3333%;
    }

    .media {
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }

    .media {
        margin-top: 1.5rem;
    }

    .media--narrow {
        max-width: 66.6667%;
    }

    .media--right {
        width: calc(50% - 1rem);
        margin-left: 2rem;
        float: right;
    }

    .media--left {
        margin-right: 2rem;
        float: left;
    }

    .media--tight {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .media__text {
        position: relative;
        margin: 1rem 0;
    }

    .media__text-alt {
        margin-top: 0;
    }

    .media__eyebrow {
        font-size: 0.795rem;
        text-transform: uppercase;
        color: #000;
        position: absolute;
        z-index: 1;
        top: -1.5rem;
        font-family: "Hind", sans-serif;
        font-weight: 500;
    }

    .media__eyebrow-alt {
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #003478;
        z-index: 2;
        font-family: "Hind", sans-serif;
    }

    .media__eyebrow-alt {
        color: #fff;
    }

    .media__text--beige {
        background: #f5f4f0;
        margin: 0;
        padding: 1.25rem;
    }

    .media__item {
        display: inline-block;
        position: relative;
        overflow: hidden;
    }

    .media__item img {
        width: 100%;
        transition: transform 300ms ease;
    }

    .media__container__link:hover img {
        transform: scale(1.1);
    }

    .media__icon {
        position: absolute;
        bottom: 1.25rem;
        left: 1.25rem;
        width: 4.25rem;
        display: block;
        position: static;
        margin: 2rem auto auto auto;
        color: #2f2f2f;
    }
    
    span {
       color: #003478;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
        .feature {
            flex-direction: column;
        }

        .feature__media,
        .feature__text-alt-new {
            width: 100%;
            margin: 0;
        }

        .grid__container {
            flex-direction: column;
        }

        .grid__item--3 {
            width: 100%;
        }

        .grid__item--space-alt {
            padding: 0.625rem 1rem;
        }
    }
}


/* Vertical Stories */
.vertical-stories {
    /* Adjust grid item margins */
    .grid__item--space-alt {
        margin-bottom: 2rem;
    }

    /* Link styling with underline effect */
    a span {
        color: #003478;
    }
    a:hover span {
        text-decoration: underline;
    }

    /* Define grid item widths for desktop */
    .grid__item--60 {
        width: 60%;
    }
    .grid__item--40 {
        width: 40%;
    }

    /* Media container full width */
    .media--full {
        width: 100%;
    }


    /* Link container styling */
    .media__container__link {
        text-decoration: none;
        color: inherit;
    }

    /* Media item relative positioning */
    .media__item {
        position: relative;
        overflow: hidden;
    }

    /* Add hover scaling effect to images */
    .media__container__link:hover img {
        transform: scale(1.1);
        transition: transform 300ms ease;
    }

    /* Media icon styling */
    .media__icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 2rem;
        height: 2rem;
        background-color: rgba(0, 0, 0, 0.5);
    }

    /* Eyebrow text styling */
    .media__eyebrow {
        font-weight: bold;
        text-transform: uppercase;
    }

    /* Headings and paragraph text sizes */
    .h5 {
        font-size: 1.5rem;
    }
    .p--small {
        font-size: 0.875rem;
    }
    .p--micro {
        font-size: 0.75rem;
    }

    /* Sans-serif font for certain text */
    .p--sans-serif {
        font-family: "Arial", sans-serif;
    }

    /* Responsive media queries */
    @media (max-width: 768px) {
        /* Stack grid items on mobile */
        .grid__item--60, .grid__item--40 {
            width: 100%;
        }

        /* Adjust margins and padding for better mobile spacing */
        .grid__item--space-alt {
            padding: 0.5rem;
        }

        .media__text {
            margin-bottom: 1rem;
        }

        .media__item {
            margin-bottom: 1rem;
        }
    }
}


/* Shared Styles */
.fadeUp--active {
    animation: fadeUp 800ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}

.homepage .h1 {
    font-size: 3rem;
}

.homepage .h2 {
    font-size: 2rem;
}

/*.wrap {*/
/*    max-width: 90rem;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*    padding-right: 1rem;*/
/*    padding-left: 1rem;*/
/*}*/
.wrap--narrow {
    max-width: 70rem;
}

.wrap--relative {
    position: relative;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.singleStat {
  --blue: #003478;
  --teal: #0b7886;
  --purple: #8c2287;
  --beige: #f5f4f0;
  --white: #fff;
  --gray-dark: #58595b;
  --black: #000;
  --focus-color: rgba(77, 144, 254, 1);

  --font-size-small: 0.8rem;
  --font-size-medium: 0.9375rem;
  --font-size-large: 1.25rem;
  --font-size-xlarge: 1.75rem;
  --font-size-heading: 4.5rem;
  --font-primary: Hind,sans-serif;

  --line-height-normal: 1.1667;
  --line-height-expanded: 1.714;

  --spacing-small: 0.625rem;
  --spacing-medium: 1rem;
  --spacing-large: 1.25rem;
  --spacing-xlarge: 2rem;
  --spacing-xxlarge: 10rem;

  /* Overlay Styles */
  .overlay {
    position: relative;
  }
.h2.overlay__heading{
    font-size: 2.2rem;
}
  .overlay--alt {
    padding-top: var(--spacing-xxlarge);
    color: var(--white);
  }



  @media (min-width: 48em) {
    .overlay--alt {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }

  .overlay--alt::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--black), 0.68);
  }

  .overlay--alt .h1,
  .overlay--alt .h2,
  .overlay--alt p {
    color: var(--white);
    text-shadow: 0.1rem 0.1rem 0.1rem var(--black);
  }

  .overlay--alt .overlay__text--alt {
    margin-top: 10.5%;
  }

  .overlay--alt .button--white {
    text-shadow: 0.1rem 0.1rem 0.1rem var(--black);
  }

  .overlay--alt .button--white:hover,
  .overlay--alt .button--white:focus {
    text-shadow: none;
  }

  .overlay__button {
    display: inline-block;
    padding: var(--spacing-medium) var(--spacing-large);
    border: 0.0625rem solid var(--white);
    border-radius: 0.1875rem;
    color: var(--black);
    font-family: var(--font-primary);
    font-size: var(--font-size-small);
    font-weight: 600;
    line-height: var(--line-height-normal);
    text-transform: uppercase;
    background-color: var(--white);
    text-align: center;
  }

  .overlay__button:hover,
  .overlay__button:focus {
    background-color: var(--white);
    color: var(--black);
    text-decoration: none;
    outline-offset: 0.125rem;
  }

  @media (min-width: 48em) {
    .overlay-tall {
      height: 800px;
    }

    .overlay-tall .module,
    .overlay-tall .wrap {
      height: inherit;
    }

    .overlay-tall .module {
      padding: 0;
    }
  }

  @media (min-width: 48em) {
    .overlay-push {
      padding-top: var(--spacing-xxlarge);
    }
  }

  .overlay--dark::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--black), 0.68);
  }

  .overlay--dark .overlay__image {
    z-index: -1;
  }

  .overlay--video {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  @media (min-width: 48em) {
    .overlay--video {
      height: 600px;
    }
  }

  .overlay__image,
  .overlay__video,
  .overlay__video__media {
    width: 100%;
  }

  .overlay__image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover';
  }

  .overlay__video {
    width: 100%;
    max-height: 768px;
  }

  .overlay__wrap {
    margin-top: 0;
    margin-bottom: 0;
  }

  .overlay__container {
    margin: 0 -var(--spacing-small);
    padding: 2.5rem var(--spacing-small);
    background: var(--beige);
    text-align: center;
  }

  @media (min-width: 48em) {
    .overlay__container {
      position: absolute;
      top: 50%;
      width: 100%;
      max-width: calc(100% - 4rem);
      margin: 0;
      padding: 0;
      transform: translateY(-50%);
      background: transparent;
      color: var(--white);
    }
  }

  @media (min-width: 90em) {
    .overlay__container {
      width: 84rem;
      max-width: calc(100% - 6rem);
    }
  }

  @media (min-width: 48em) {
    .overlay__title {
      color: var(--white);
      text-shadow: 0.1rem 0.1rem 0.1rem var(--black);
    }
  }

  .overlay--dark .overlay__title {
    text-shadow: none;
  }

  .overlay__text {
    font-family: var(--font-primary);
    font-size: var(--font-size-large);
  }

  @media (min-width: 48em) {
    .overlay__text {
      font-size: var(--font-size-xlarge);
      text-shadow: 0.1rem 0.1rem 0.1rem var(--black);
    }
  }

  .overlay--dark .overlay__text {
    text-shadow: none;
  }

  .overlay__num {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-heading);
    white-space: nowrap;
    border-bottom: 0.125rem solid var(--white);
    display: inline-block;
    text-shadow: 0.1rem 0.1rem 0.1rem var(--black);
    box-shadow: 0 0.1rem 0 0 var(--black);
  }

  @media (min-width: 48em) {
    .overlay__num {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 0;
      border-right: 0.125rem solid var(--white);
      box-shadow: 0.1rem 0 0 var(--black);
    }
  }

  @media (min-width: 64em) {
    .overlay__num {
      font-size: 7rem;
    }
  }

  @media (min-width: 80em) {
    .overlay__num {
      font-size: 11rem;
    }
  }

  .overlay__num span {
    display: block;
  }

  .overlay__heading {
    position: absolute;
    top: -5rem;
  }

  @media (min-width: 48em) {
    .overlay__heading {
      position: static;
    }
  }

  .overlay__link {
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    background-color: var(--white);
    border-radius: 50%;
    color: var(--black);
    margin-bottom: 2rem;
  }

  @media (min-width: 48em) {
    .overlay__link {
      width: 4.6875rem;
      height: 4.6875rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-bottom: 0;
    }
  }

  .overlay__content {
    margin-top: 0;
    margin-bottom: 0;
  }

  @media (min-width: 48em) {
    .overlay__content {
      position: absolute;
      bottom: 8rem;
      max-width: 40%;
    }
  }

  /* Grid Styles */
  .grid {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .grid__container {
    display: flex;
    flex-wrap: wrap;
    margin: -var(--spacing-small);
  }

  .grid__container.two-up-grid {
    font-size: var(--font-size-medium);
    line-height: var(--line-height-expanded);
  }

  .grid__container.two-up-grid a:not([class]) {
    font-weight: 600;
    border-bottom: 1px solid var(--blue);
    padding-bottom: 0.125em;
  }

  .grid__container.two-up-grid a:not([class]):hover {
    border-color: var(--teal);
    text-decoration: none;
    color: var(--teal);
  }

  .grid__container.two-up-grid h1,
  .grid__container.two-up-grid h2,
  .grid__container.two-up-grid h3,
  .grid__container.two-up-grid h4,
  .grid__container.two-up-grid h5,
  .grid__container.two-up-grid h6 a {
    color: var(--blue);
    border-bottom: none !important;
  }

  .grid__container.two-up-grid h1 a:hover,
  .grid__container.two-up-grid h2 a:hover,
  .grid__container.two-up-grid h3 a:hover,
  .grid__container.two-up-grid h4 a:hover,
  .grid__container.two-up-grid h5 a:hover,
  .grid__container.two-up-grid h6 a:hover {
    text-decoration: underline !important;
    color: var(--blue) !important;
  }

  .grid__container--center {
    justify-content: center;
  }

  .grid__container--scroll::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    transform: translateY(-50%);
    background-color: var(--gray-dark);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem 2.5rem;
    content: '';
    z-index: 1;
    pointer-events: none;
    display: block;
  }

  /*@media (min-width: 48em) {*/
  /*  .grid__container--scroll::before {*/
  /*    display: none;*/
  /*  }*/
  /*}*/

  .grid__container--scroll::after {
    display: none;
    content: 'flickity';
  }

  @media (min-width: 80em) {
    .grid__container--scroll::after {
      content: '';
    }
  }

  .grid__container--scroll.flickity-enabled {
    display: block;
  }

  .grid__container--scroll--scrolled::before {
    display: none;
  }

  .grid__container--middle {
    align-items: center;
  }

  .grid--slider {
    margin-top: var(--spacing-xlarge);
  }

  @media (min-width: 48em) {
    .grid--slider {
      margin-top: 0;
    }
  }

  .grid--slider .flickity-prev-next-button {
    top: auto;
    bottom: -3rem;
  }

  .grid--slider .flickity-prev-next-button .arrow {
    fill: var(--blue);
  }

  .grid--slider .flickity-page-dots {
    margin-top: 3rem;
    position: static;
  }

  .grid--slider.flickity-enabled {
    display: block;
  }

  .grid--slider::after {
    display: none;
    content: 'flickity';
  }

  @media (min-width: 48em) {
    .grid--slider::after {
      content: '';
    }
  }

  .grid__container--scroll--alt .flickity-slider > * {
    top: 50%;
    transform: translateY(-50%);
  }

  @media (min-width: 64em) {
    .grid__container--scroll--alt .flickity-slider > * {
      width: 30.625rem;
    }
  }

  .grid__container--space {
    margin: -var(--spacing-large) -var(--spacing-small);
  }

  .grid__container--space-alt {
    margin: -var(--spacing-small) -var(--spacing-xlarge);
  }

  .grid__item {
    width: 100%;
    padding: var(--spacing-small);
    
  }

  .grid__item--space {
    padding: var(--spacing-large) var(--spacing-small);
  }

  .grid__item--space-alt {
    padding: var(--spacing-small) var(--spacing-xlarge);
  }

  .grid__item--flex {
    display: flex;
  }

  .grid__item--flex > * {
    width: 100%;
  }

  .grid__item--center {
    align-self: center;
  }

  @media (min-width: 32em) {
    .grid__item--4 {
      width: 50%;
    }
  }

  @media (min-width: 64.0625em) {
    .grid__item--4 {
      width: 25%;
    }
  }

  .grid--slider .grid__item--4 {
    width: 90%;
  }

  @media (min-width: 48em) {
    .grid--slider .grid__item--4 {
      width: 90%;
    }
  }

  @media (max-width: 48em) {
    .grid--slider .grid__item--4 {
      width: 90%;
    }
  }

  @media (min-width: 32em) {
    .grid__item--3 {
      width: 50%;
    }
  }

  @media (min-width: 64.0625em) {
    .grid__item--3 {
      width: 33.3333%;
    }
  }

  @media (min-width: 64.0625em) {
    .grid__item--3--narrow {
      width: 50%;
    }
  }

  @media (min-width: 90em) {
    .grid__item--3--narrow {
      width: 33.3333%;
    }
  }

  @media (min-width: 32em) {
    .grid__item--3--wide {
      width: 100%;
    }
  }

  @media (min-width: 48em) {
    .grid__item--3--wide {
      width: 50%;
    }
  }

  @media (min-width: 80em) {
    .grid__item--3--wide {
      width: 33.3333%;
    }
  }

  @media (min-width: 32em) {
    .grid__item--2 {
      width: 50%;
    }
  }

  .grid__item--2-alt {
    width: 100%;
  }

  @media (min-width: 48em) {
    .grid__item--2-alt {
      width: 50%;
    }
  }

  @media (min-width: 48em) {
    .grid__item--66 {
      width: 66.666%;
    }
  }

  @media (min-width: 48em) {
    .grid__item--33 {
      width: 33.333%;
    }
  }
}

.featureCards {
	.routing__link {
	display: inline-block;
	position: relative;
}

.routing__link img {
	min-height: 10rem;
	width: 100%;
}

.routing__link:focus {
	outline-offset: 0;
}

.routing__link__icon {
	position: absolute;
	bottom: 3rem;
	left: 1rem;
	display: block;
	width: 3.4375rem;
	height: 3.4375rem;
	background-color: transparent;
	border-radius: 50%;
	color: #000;
}

.routing__text {
	position: absolute;
	bottom: -1rem;
	margin: 0 1rem 0 0;
	display: inline-block;
	font-family: Hind, sans-serif;
	font-size: 1.195rem;
	font-weight: 600;
	line-height: 1.3333;
	background-color: #f5f5f5;
	color: #003478;
	padding: 0.5rem 1rem;
}

@media (min-width: 48em) {
	.routing__text {
		padding: 0.5rem 1rem 0.5rem 0;
		color: #003478;
		background-color: #f5f5f5;
	}
}

a:hover .routing__text {
	padding: 0.5rem 1rem;
	background-color: #003478;
	color: #fff;
}
.p--small{
         margin-top: 1.35rem;
    }

}

.feature-carousel {
    .feature-panel {
        margin-top: 5rem;
        color: #fff;
    }
    .wrap, .carousel-cell {
        @media (min-width: 64.0625em) {
            display: flex;
            align-items: center;
            justify-content: space-between;
			gap: 3em;
        }
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    .feature-panel--blue, .feature-panel-bg--blue {
        background-color: #003478;
    }
    .feature-panel-bg-mobile--blue {
        background-color: #003478;
        @media (min-width: 64.0625em) {
            background-color: transparent;
        }
    }
    .feature-panel__media, .carousel-cell .feature-panel__media {
        position: relative;
        transform: translateY(-2rem);
        @media (min-width: 64.0625em) {
            width: 60%;
            flex-shrink: 0;
            order: 1;
            transform: none;
            margin-top: -2rem;
            margin-bottom: 2rem;
        }
        img {
            width: 100%;
        }
        .feature-panel-bg-mobile--blue & {
            background-color: #003478;
        }
    }
    .feature-panel__media__inner, .carousel-cell .feature-panel__media__inner {
        position: relative;
    }
    .feature-panel__title, .carousel-cell .feature-panel__title {
        color: #fff;
    }
    .feature-panel__caption, .carousel-cell .feature-panel__caption {
        margin: 0;
        font-size: 0.875rem;
        .feature-panel--caption-abs & {
            position: relative;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #000;
            color: #fff;
            padding: 0.75rem 1.25rem;
            font-size: .98rem;
        }
        p {
            margin: 0;
        }
    }
    .feature-panel__content, .carousel-cell .feature-panel__content {
        padding: 0 2rem 2rem 0;
        @media (min-width: 64.0625em) {
        max-width: 40%;
            display: flex;
            align-items: center;
            padding: 0 0rem 2rem 0;
            /* margin-right: -8rem; */
            padding-top: 2rem;
            padding-left: 2rem;
        }
        .feature-panel-bg--blue & {
            padding-left: 0;
        }
    }
    .feature-panel__inner, .carousel-cell .feature-panel__inner {
        > :first-child {
            margin-top: 0;
        }
        > :last-child {
            margin-bottom: 0;
        }
        hr {
            border-color: #fff;
            margin: 0;
        }
    }
    .feature-panel__link, .carousel-cell .feature-panel__link {
        display: block;
        width: 4.6875rem;
        height: 4.6875rem;
        /*background-color: #fff;*/
        border-radius: 50%;
        color: #000;
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        z-index: 1;
    }
    .feature-panel__list, .carousel-cell .feature-panel__list {
        list-style: none;
        padding: 0;
        margin: 1.5rem 0;
        .svgstore {
            width: 1rem;
            display: inline-block;
            padding-bottom: 4%;
            margin-right: 0.5rem;
        }
    }
    
    .button-group{
        display: flex;
        gap: .5em;
        flex-wrap: wrap;
    }
    /* Button styling */
    .button--solid-white, .carousel-cell .button--solid-white {
        background-color: #fff;
        color: #000;
        border: 1px solid transparent;
        padding: 0.75rem 1.25rem;
        text-decoration: none;
        display: inline-block;
        transition: all 0.3s ease;
    }
    .button--solid-white:hover, .carousel-cell .button--solid-white:hover {
        background-color: transparent;
        color: #fff;
        border-color: #fff;
    }
 /* Apply padding-inline only if within flickity-slider */
    .flickity-slider .carousel-cell {
        padding-inline: clamp(3rem, 6vw, 13rem);
    }
   
}
.factsGrid {
    --transition: 300ms ease;
    --color-purple: #8c2287;
    --color-blue: #003478;
    --color-white: #fff;
    --color-beige: #f5f4f0;
    --color-teal: #0b7886;
    --font-primary: Hind,sans-serif;
  
    .module__title{
        margin-top: 1em;
    }
 
    .module {
        padding-block: 0em 1em; /* Remove default padding */
    }
    .module--white {
        background-color: var(--color-white);
        color: #000;
    }
  
  a {
    font-family: var(--font-primary);
  }
  /*.number-panel {*/
  /*  margin: 2rem 0;*/
  /*}*/

  .number-panel__top {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .number-panel__top .h1 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 1.25rem;
    line-height: 1.125;
  }

  .number-panel__grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-top: -1rem;
  }

  .number-panel__item {
    margin-left: 1rem;
    margin-top: 1rem;
    min-height: 18.25rem;
    width: calc(100% - 1rem);
  }

  @media (min-width: 48em) {
    .number-panel__item {
      width: calc(50% - 1rem);
    }
  }

  @media (min-width: 64.0625em) {
    .number-panel__item {
      width: calc(25% - 1rem);
    }
  }

  .number-panel__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--color-beige);
    border-bottom: 17px solid;
    padding: 2rem;
    position: relative;
    transition: color var(--transition), background-color var(--transition);
  }

  .number-panel__content::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height var(--transition);
  }

  .number-panel__content .h1,
  .number-panel__content .h6 {
    position: relative;
    transition: color var(--transition);
  }

  .number-panel__content .h1 {
    margin-bottom: 1rem;
  }

  .number-panel__content .h6 {
    margin-top: 1rem;
  }

  .number-panel__content:hover::before {
    height: 100%;
  }

  .number-panel__content:hover .h1,
  .number-panel__content:hover .h6 {
    color: var(--color-white);
  }

  .number-panel__purple {
    border-color: var(--color-purple);
  }

  .number-panel__purple::before {
    background-color: var(--color-purple);
  }

  .number-panel__purple .h1 {
    color: var(--color-purple);
  }

  .number-panel__blue {
    border-color: var(--color-blue);
  }

  .number-panel__blue::before {
    background-color: var(--color-blue);
  }

  .number-panel__blue .h1 {
    color: var(--color-blue);
  }

    .number-panel__teal {
    border-color: var(--color-teal);
  }

  .number-panel__teal::before {
    background-color: var(--color-teal);
  }

  .number-panel__teal .h1 {
    color: var(--color-teal);
  }


  .number-panel__link {
    background-color: var(--color-blue);
    border-bottom: 0;
    color: var(--color-white);
    text-align: center;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color var(--transition);
  }

  .number-panel__link:focus {
    outline-offset: 0.125rem;
  }

  .number-panel__link:hover {
    background-color: #002b61;
  }

  .number-panel__icon {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    transition: transform var(--transition);
  }

  .number-panel__link:hover .number-panel__icon {
    transform: translateX(1rem);
  }

  .number-panel__text {
    font-size: 1.375rem;
    font-weight: 600;
    color: var(--color-white);
  }

  .number-panel__image {
    display: none;
  }

  @media (min-width: 48em) {
    .number-panel__image {
      display: block;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: cover;
    }
  }

  .number-panel__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover';
  }
}
.overlay .wrap {
    padding-inline: 3rem;
}

.story-shift-container{
    .story-shift-nav{
        color: white;
        background-color: #003478;
        border-radius: 50%;
        padding: 0.7em;
        width: 66px;
        &:hover{
            background-color: #0B7886;
        }
    }
    .story-shift-nav--next{
        left: calc(100% + -0.2em);
    }
    
    .story-shift-nav--prev{
        right: calc(100% + -0.2rem);
    }
}

.fadeUp--active {
    animation: fadeUp 800ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
    }
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.hero-container{
    .hero--video {
        position: relative;
        overflow: hidden;
        width: 100%;
    }
    
    .hero__video {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        height: 0;
        overflow: hidden;
    }
    
    .video-container,
    .overlay__video__media,
    .video-container iframe,
    .overlay__video__media {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .hero__wrap,
    .hero__content {
        visibility: visible;
        opacity: 1;
    }
}