/*******************************/

  .hero-gradient {
    background: linear-gradient(135deg, #001938, #005580);
}

.card-hover {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    animation-duration: .3s;
}

.card-hover:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.category-pill {
    border-radius: 9999px;
    padding: .25rem .75rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.bg-card\/90 {
    background-color: #ffffffe6;
  }

  .bg-secondary {
    background-color: #a4c328;
}

.text-primary {
    color: #007ebd;
}

.resource_banner{
      height: 100%;
    min-height: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-muted {
    background-color: #edf0f3;
}

.bg-primary\/10 {
    background-color: #007ebd1a;
}

.bg-primary {
    background-color: #007ebd;
}

.bg-muted\/50 {
    background-color: #edf0f380;
}

.bg-white{
  background-color: #fff;
}

.hsfc-Step__Content{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}