.bootcamps-hub-hero {
  display: flex;
  flex-direction: column-reverse;
  color: var(--gray-700, #3f3f46)
}

@media (min-width: 768px) {
  .bootcamps-hub-hero {
    flex-direction: row
  }
}

.bootcamps-hub-hero {
  background: linear-gradient(89.63deg, #0C0156 55.43%, #0D52B7 103.41%);
}

.bootcamps-hub-hero span {
    background-color: var(--primary-700, #2471CB);
  }

.bootcamps-hub-hero.primary {
    color: var(--primary-900, #16447A);
  }

.bootcamps-hub-hero.primary span {
      background-color: var(--primary-500, #508DD5);
    }

.bootcamps-hub-hero.secondary {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.bootcamps-hub-hero.secondary span {
      background-color: var(--accent-700, #7117AE);
    }

.bootcamps-hub-hero.tertiary {
    color: var(--gray-700, #3f3f46);
  }

.bootcamps-hub-hero.tertiary span {
      background-color: var(--primary-300, #7CAAE0);
    }

.bootcamps-hub-hero .bootcamps-hub-hero__flex {
    padding-top: 1rem;
    padding-bottom: 3rem
  }

@media (min-width: 768px) {
    .bootcamps-hub-hero .bootcamps-hub-hero__flex {
      padding-bottom: 0px
    }
  }

@media (min-width: 1024px) {
    .bootcamps-hub-hero .bootcamps-hub-hero__flex {
      display: flex;
      padding-top: 0px
    }
  }

.bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child {
      flex-direction: column;
      padding-left: 1.5rem;
      padding-right: 1.5rem
    }

@media (min-width: 1024px) {
      .bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child {
        display: flex;
        justify-content: center;
        max-width: 48rem
      }
    }

.bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
      }

.bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child span {
        display: block;
        height: 0.5rem;
        margin-top: 1rem;
        width: 8rem;
      }

@media (min-width: 1024px) {
        .bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child span {
          width: 11rem
        }
      }

.bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child p {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity));
      }

@media (min-width: 1024px) {
        .bootcamps-hub-hero .bootcamps-hub-hero__flex > div:first-child p {
          font-size: 1.25rem;
          line-height: 1.75rem
        }
      }

.bootcamps-hub-hero .bootcamps-hub-hero__flex picture img {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: 2.25rem;
      }

@media (min-width: 1024px) {
        .bootcamps-hub-hero .bootcamps-hub-hero__flex picture img {
          padding-top: 0px
        }
      }
