 @media only screen and (min-width: 0rem) {#hero-1250 {padding: var(--sectionPadding);padding-top: clamp(12.5rem, 31.95vw, 18.75rem);position: relative;z-index: 10;}#hero-1250 .cs-container {height: 70vh;width: 100%;max-width: 90rem;margin: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 6.25rem;}#hero-1250 .cs-content {text-align: center;width: 100%;max-width: 52.875rem;display: flex;flex-direction: column;align-items: center;padding-bottom: clamp(10rem, 31.95vw, 12rem);}#hero-1250 .cs-title {font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);font-weight: 700;line-height: 1.2em;text-align: inherit;max-width: 51.8125rem;margin: 0 0 1rem 0;color: #fff;position: relative;}#hero-1250 .cs-text {font-size: clamp(1rem, 1.95vw, 1.25rem);line-height: 1.5em;text-align: inherit;width: 100%;max-width: clamp(29rem, 60vw, 46rem);margin: 0 0 2.5rem 0;color: #fff;}#hero-1250 .cs-button-solid {font-size: 1rem;line-height: clamp(2.875rem, 5.5vw, 3.5rem);text-decoration: none;font-weight: 700;min-width: 9.375rem;margin: 0;color: #fff;padding: 0 1.5rem;overflow: hidden;border-radius: 0.25rem;background-color: var(--primary);display: inline-block;position: relative;z-index: 1;}#hero-1250 .cs-button-solid:before {content: "";position: absolute;display: block;height: 100%;width: 0%;background: #000;opacity: 1;top: 0;left: 0;z-index: -1;transition: width 0.3s;}#hero-1250 .cs-button-solid:hover:before {width: 100%;}#hero-1250 .cs-link {text-decoration: none;padding: clamp(7.8125rem, 19vw, 14.75rem) 1.5rem 1.5rem;}#hero-1250 .cs-background {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -2;}#hero-1250 .cs-background:before {content: "";width: 100%;height: 100%;background: #1a1a1a;opacity: 0.84;position: absolute;display: block;top: 0;left: 0;z-index: 1;pointer-events: none;}#hero-1250 .cs-background img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: top;}}ion: absolute;
    display: block;
    height: 100%;
    width: 0%;
    background: #000;
    opacity: 1;
    top: 0;
    left: 0;
    z-index: -1;
    transition: width 0.3s;
  }
  #hero-1250 .cs-button-solid:hover:before {
    width: 100%;
  }
  #hero-1250 .cs-link {
    text-decoration: none;
    /* 125px - 236px */
    /* padding goes on the link, not the cs-item as is normal. We do this because we want the whole card to be hoverable. So we add the padding to the link tag to create the space inside the card. By adding the space inside the cs-link tag we can make the whole card hoverable since the padding is now contributing to the height and widht of the link */
    padding: clamp(7.8125rem, 19vw, 14.75rem) 1.5rem 1.5rem;
  }
  #hero-1250 .cs-background {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #hero-1250 .cs-background:before {
    /* Overlay */
    content: "";
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: 0.84;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    /* prevents the cursor from interacting with it */
    pointer-events: none;
  }
  #hero-1250 .cs-background img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* makes the top of the image start at the top of the parent */
    object-position: top;
  }
}

/*# sourceMappingURL=critical.css.map */
