@charset "UTF-8";
/* snippet-banner-home-carousel START */
#snippet-banner-home-carousel {
    height: 90vh;
    min-height: 630px;

    .banner-carousel-bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
    }

    .banner-carousel-bg .carousel-inner {
        height: 100%;
    }

    .banner-carousel-bg .carousel-item {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .banner-carousel-img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-carousel-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.9) 0%,
            rgba(0, 0, 0, 0.2) 100%
        );
        pointer-events: none;
    }

    > .container {
        z-index: 2;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .btn:hover {
        background: var(--bs-secondary);
        color: #fff !important;
    }
    .heading-line {
        font-family: 'Lato', sans-serif;
        display: block;
        position: relative;;
    }
    .heading-line::before {
        display: block;
        position: absolute;
        color: #fff;
        pointer-events: none;
        width: 100%;
    }
    .heading-line-gradient {
        -webkit-text-fill-color: transparent;
        color: transparent;
        -webkit-background-clip: text;
        background-clip: text;
    }
    .heading-line-first > .heading-line-gradient {
        background-image: linear-gradient(to left, var(--bs-primary), #38b2ac);
        animation: first_heading_gradient 8s infinite;
    }
    /* Change content here if you change the heading-line text in the HTML file */
    .heading-line-first::before {
        content: "Accepting New Patients";
        animation: first_heading_white_text 8s infinite;
    }
    .heading-line-second > .heading-line-gradient {
        background-image: linear-gradient(to left, #38b2ac, #0bc5ea);
        animation: second_heading_gradient 8s infinite;
    }
    /* Change content here if you change the heading-line text in the HTML file */
    .heading-line-second::before {
        content: "We Offer Same-Day Emergency Dentistry";
        animation: second_heading_white_text 8s infinite;
    }
    .heading-line-third > .heading-line-gradient {
        background-image: linear-gradient(to left, #ecc94b, #48bb78);
        animation: third_heading_gradient 8s infinite;
    }
    /* Change content here if you change the heading-line text in the HTML file */
    .heading-line-third::before {
        content: "A reason to smile.";
        animation: third_heading_white_text 8s infinite;
    }
    @media screen and (max-width: 991.98px) {
        height: 100vh;
        min-height: 600px;
        padding: 0;

        .banner-carousel-bg,
        .banner-carousel-bg .carousel-inner {
            height: 100%;
            min-height: 100%;
        }

        .banner-carousel-overlay {
            background: linear-gradient(
                to bottom,
                rgba(0, 0, 0, 0.35) 0%,
                rgba(0, 0, 0, 0.55) 45%,
                rgba(0, 0, 0, 0.75) 100%
            );
        }

        > .container {
            min-height: 100vh;
            justify-content: center;
            padding: 5rem 1rem 2.5rem;
        }

        .banner-mobile-logo img {
            display: inline-block;
            /*
            max-width: 220px;
            max-height: 72px;
            */
            width: auto;
            height: auto;
        }

        .heading-line-first {
            font-size: calc(1.325rem + 0.9vw) !important;
        }

        .heading-line-second {
            font-size: calc(1.1rem + 0.5vw) !important;
        }

        .my-5 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important;
        }
    }
}
@keyframes first_heading_gradient {
  0%, 16.667% {
    opacity: 1;
  }
  33.333%, 83.333% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes first_heading_white_text {
  0%, 16.667% {
    opacity: 0;
  }
  25%, 91.667% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes second_heading_gradient {
  0%, 16.667% {
    opacity: 0;
  }
  33.333%, 50% {
    opacity: 1;
  }
  66.667%, 100% {
    opacity: 0;
  }
}
@keyframes second_heading_white_text {
  0%, 25% {
    opacity: 1;
  }
  33.333%, 50% {
    opacity: 0;
  }
  58.333%, 100% {
    opacity: 1;
  }
}
@keyframes third_heading_gradient {
  0%, 50% {
    opacity: 0;
  }
  66.667%, 83.333% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes third_heading_white_text {
  0%, 58.333% {
    opacity: 1;
  }
  66.667%, 83.333% {
    opacity: 0;
  }
  91.667%, 100% {
    opacity: 1;
  }
}
/* snippet-banner-home-carousel */