/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.bumper-page-hero {
  display: flex;
  flex-direction: column; }
  @media (min-width: 992px) {
    .bumper-page-hero {
      height: 600px; } }
  .bumper-page-hero .one-sign-in {
    padding: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 500; }
    .bumper-page-hero .one-sign-in a {
      color: inherit;
      outline-color: #fbc600; }
  .bumper-page-hero .hero-content {
    flex-grow: 1;
    display: flex; }
    @media (max-width: 991px) {
      .bumper-page-hero .hero-content {
        flex-direction: column; } }
    .bumper-page-hero .hero-content .a {
      height: 100%;
      display: grid;
      place-items: center;
      padding: 0 16px; }
      @media (min-width: 992px) {
        .bumper-page-hero .hero-content .a {
          width: 60%; } }
      @media (max-width: 991px) {
        .bumper-page-hero .hero-content .a {
          padding: 48px 16px 0 16px; } }
      .bumper-page-hero .hero-content .a__content-wrapper {
        color: #2d2d2d; }
        @media (min-width: 992px) {
          .bumper-page-hero .hero-content .a__content-wrapper {
            max-width: 645px; } }
        .bumper-page-hero .hero-content .a__content-wrapper h1 {
          font-size: 42px;
          margin: 0; }
          @media (min-width: 992px) {
            .bumper-page-hero .hero-content .a__content-wrapper h1 {
              font-size: 64px; } }
        .bumper-page-hero .hero-content .a__content-wrapper p {
          font-size: 24px;
          margin-top: 8px;
          margin-bottom: 40px; }
          @media (max-width: 991px) {
            .bumper-page-hero .hero-content .a__content-wrapper p {
              font-size: 18px;
              margin-top: 16px;
              margin-bottom: 32px; } }
        .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons {
          display: flex;
          gap: 24px;
          margin-bottom: 16px; }
          @media (min-width: 992px) {
            .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons {
              max-width: calc(100% - 32px); } }
          @media (max-width: 991px) {
            .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons {
              justify-content: center; } }
          @media (max-width: 767px) {
            .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons {
              flex-wrap: wrap;
              max-width: 100%; } }
          .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons a {
            border-radius: 8px;
            padding: 16px 24px;
            width: 240px;
            max-width: 50%;
            text-align: center; }
            @media (max-width: 479px) {
              .bumper-page-hero .hero-content .a__content-wrapper .cta-buttons a {
                width: 100%;
                max-width: 100%; } }
        .bumper-page-hero .hero-content .a__content-wrapper .other-links {
          font-size: 16px;
          line-height: 22px; }
          @media (max-width: 991px) {
            .bumper-page-hero .hero-content .a__content-wrapper .other-links {
              text-align: center; } }
          .bumper-page-hero .hero-content .a__content-wrapper .other-links a {
            color: inherit; }
    .bumper-page-hero .hero-content .b {
      height: 100%;
      display: grid;
      place-items: center;
      padding: 16px; }
      @media (min-width: 992px) {
        .bumper-page-hero .hero-content .b {
          width: 40%;
          padding: 0; } }
      .bumper-page-hero .hero-content .b img {
        height: auto;
        max-height: 400px;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain; }
        @media (max-width: 991px) {
          .bumper-page-hero .hero-content .b img {
            max-height: 300px;
            width: auto; } }