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

    .hero .breadcrumbs {
      position: absolute;
      font-weight: 500;
      width: 100%;
      top: 0;
      z-index: 1;
      padding: 16px 0 0px 200px;
      font-size: 16px;
      left: 50%;
      transform: translateX(-50%); }
      @media (min-width: 768px) and (max-width: 1080px) {
        .hero .breadcrumbs {
          padding-left: 120px; } }
      @media (max-width: 767px) {
        .hero .breadcrumbs {
          padding-left: 40px; } }
      .hero .breadcrumbs a {
        text-decoration: none; }
      .hero .breadcrumbs .active-page {
        color: #a0a8b7; }

.hero .cc-logo {
  width: 225px !important;
  max-width: 100%;
  height: auto !important; }
  @media (max-width: 991px) {
    .hero .cc-logo {
      width: 165px !important; } }

@media (max-width: 767px) {
  .hero .glide__slide__content {
    display: flex !important;
    flex-direction: column; }
    .hero .glide__slide__content .glide__slide__content__image {
      position: relative !important;
      height: 180px !important;
      flex-shrink: 0; }
    .hero .glide__slide__content .gradient-gray-left {
      display: none; }
    .hero .glide__slide__content .hero-carousel-slide-copy {
      background-color: #3b3d49;
      padding-top: 20px !important;
      justify-content: flex-start !important; } }

.hero .glide__slide__content .cta-buttons a,
.hero .glide__slide__content .hero-heading-cta a {
  font-size: 20px !important; }

.hero .glide__slide__content.banner-1 .glide__slide__content__image {
  background-image: url("../../img/carecredit_landing_hero.jpg");
  background-position: 80% 40%; }

@media (min-width: 768px) {
  .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy h1,
  .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy p {
    max-width: 550px !important; } }

.hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px; }
  @media (min-width: 768px) {
    .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons {
      width: 800px; } }
  .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons .button-outlined-white img {
    filter: brightness(0) invert(1);
    margin-top: -4px; }
  .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons .button-outlined-white:hover img {
    filter: brightness(0) invert(0); }
  .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons a {
    width: 240px;
    border-radius: 8px;
    font-size: 18px;
    outline-color: #fbc600; }
    @media (max-width: 479px) {
      .hero .glide__slide__content.banner-1 .hero-carousel-slide-copy .cta-buttons a {
        width: 100%; } }

 .hero .glide__slide__content.banner-2 .glide__slide__content__image {
  background-image: url("../../img/test-home-hero.jpg");
  background-position: 30% 40%; }
  @media (min-width: 768px) and (max-width: 1080px) {
    .hero .glide__slide__content.banner-2 .glide__slide__content__image {
      background-position: 40% 0%; } }
  @media (max-width: 767px) {
    .hero .glide__slide__content.banner-2 .glide__slide__content__image {
      background-position: 60% 0%; } } 

 .hero .glide__slide__content.banner-3 .glide__slide__content__image {
  background-image: url("../../img/test-home-hero-3.jpg"); }
  @media (min-width: 768px) and (max-width: 1080px) {
    .hero .glide__slide__content.banner-3 .glide__slide__content__image {
      background-position: 50% 0%; } }
  @media (max-width: 767px) {
    .hero .glide__slide__content.banner-3 .glide__slide__content__image {
      background-position: 80% 0%; } } 

 .cta-buttons a {
        height: 56px;
        /* box-sizing: border-box; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    a.syfclickevent.button-outlined-white.text-center {
      border-radius: 4px !important;
  }