/* Responsive Styles */



@media (max-width:1280px) {
    .hero-section .card-img-overlay {
        left: 0;
        top: 48%;
        transform: translateY(-50%);
    }

    .hero-title {
        font-size: 40px;
    }


    .excellence-item h6 {
        font-size: 12px;
        font-weight: 400;
        margin: 0;
    }

    .doctor-info {
        padding: 21px 9px;
    }

    .padding {
        padding: 50px 0;
    }
}

@media (max-width: 768px) {
       .video-banner video {
    height: 60vh;
    object-fit: cover;
    width: 100%;
  }
  .video-banner .carousel-inner .carousel-item img{
    height: 61vh;
    object-fit: cover;
    width: 100%;
    object-position: 0%;
  }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 32px;
    }

    .excellence-item h6 {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
    }

    .hero-description {
        font-size: 16px;
    }

    .hero-content {
        padding: 30px 20px;
        max-width: 100%;
    }

    .section-title {
        font-size: 28px;
    }

    .top-bar-content {
        flex-direction: column;
        gap: 10px;
    }

    .top-bar-links {
        flex-direction: column;
        gap: 10px;
    }

    .welcome-images {
        margin-top: 30px;
    }

    .stat-number {
        font-size: 36px;
    }

    .logo-text {
        font-size: 12px;
    }

    .logo-img {
        height: 60px;
        width: 70px;
    }

    /* Appointment Section Responsive */
    .appointment-section {
        padding: 60px 0 !important;
    }

    .appointment-section .section-title {
        font-size: 32px;
    }

    .appointment-card .card-body-content {
        padding: 30px;
    }

    .appointment-card .card-main-title {
        font-size: 26px;
    }

    .appointment-card .card-image {
        min-height: 250px;
    }

   

    .video-banner video {
    height: 30vh;
    object-fit: cover;
    width: 100%;
  }
  .video-banner .carousel-inner .carousel-item img{
    height: 31vh;
    object-fit: cover;
    width: 100%;
    object-position: 0%;
  }





}

@media (max-width: 650px) {
    .hero-title {
        font-size: 34px;
        text-align: center;
    }

    .hero-section .carousel-item img {
        height: 472px;
        object-fit: cover;
        width: 100%;
    }

    .end {
        border: 0 !important;
    }

    .doctor-info {
        padding: 20px 11px;
    }

    .testimonial-text {
        font-size: 16px;
    }

    .testimonial-section .carousel-control-next,
    .carousel-control-prev {
        position: static !important;
        width: 26%;
    }


    .excellence-item h6 {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }

    .testimonial-content {
        max-width: 100%;
        margin: 0 auto;
        padding: 34px 9px;
        border: 1px solid rgba(0, 142, 60, 0.19);
        background: #f9fffb;
    }


    .padding {
        padding: 30px 0;
    }

    .heading {
        font-size: 30px;
    }

    .hero-section .card-img-overlay {
        left: 0px;
        top: 40%;
        transform: translateY(-50%);
    }

    .btn-primary {
        padding: 12px 16px;
        background: #008e3c;
        border-radius: 0;
        border: 0;
        font-weight: 400;
    }

    .hero-section .card-img-overlay p {
        display: none;
    }

    .hero-section .card-img-overlay p {
        display: none;
    }

    .hero-description {
        font-size: 14px;
    }

    .hero-content {
        padding: 20px;
    }

    .section-title {
        font-size: 24px;
    }

    .logo-text {
        font-size: 10px;
    }


    .navbar-nav .nav-link {
        margin: 5px 0;
    }

    .hero-section .carousel-control-prev,
    .hero-section .carousel-control-next {
        width: 40px;
        height: 40px;
    }

    .hero-section .carousel-control-prev {
        left: 10px;
    }

    .hero-section .carousel-control-next {
        right: 10px;
    }

    /* Appointment Section Responsive */
    .appointment-section {
        padding: 50px 0 !important;
    }

    .appointment-section .section-title {
        font-size: 28px;
    }

    .appointment-section .section-subtitle {
        font-size: 14px;
    }

    .appointment-card .card-body-content {
        padding: 25px;
    }

    .appointment-card .card-main-title {
        font-size: 24px;
    }

    .appointment-card .card-description {
        font-size: 14px;
    }

    .appointment-card .card-image {
        min-height: 200px;
    }

    .appointment-card .row {
        flex-direction: column-reverse;
    }

    .appointment-card .col-md-7 {
        order: 2;
        width: 100%;
        max-width: 100%;
    }

    .appointment-card .col-md-5 {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .appointment-section .flex {
        display: flex;
        gap: 24px;
        flex-direction: column;
    }

    .appointment-section .flex>div {
        flex: 1;
    }

    section.other_banner .card img {
        height: 50vh;
    }

    section.overview-wrap .overview-img-box img {
        min-height: 281px;
    }

    /* section.overview-wrap .overview-card {
        border-radius: 31px;
    } */

    section.overview-wrap .overview__box {
        padding: 34px 16px;
    }

    section.overview-wrap .lead {
        font-size: 16px;
    }

    section.facilities-showcase .facility-title-area {
        margin-bottom: 25px;
    }

    section.facilities-showcase .facility-card-custom {
    padding: 33px 19px;
}

section.commitment-cinematic .commitment-description {
    font-size: 1rem;
}
}