/* =========================================================
   Nidan Hospital - Main Stylesheet
   ========================================================= */

:root {
  --primary-blue: #0b6fbf;
  --dark-blue: #0a4f8c;
  --darker-blue: #073a68;
  --light-blue: #e8f3fc;
  --sky-blue: #eaf6ff;
  --text-dark: #1c2b3a;
  --text-muted: #5b7186;
  --white: #ffffff;
  --radius: 10px;
  --transition: all 0.3s ease;
  --navy-dark:#0a1a2f;
  --navy-mid:#0f2540;
  --blue-light: #ffffff;
  --blue-bright: #ffffff;
    --navy:#0b3d7a;
  --navy-dark:#0a2f5c;
  --green:#159a5e;
  --green-dark:#0d7a49;
  --olive:#c7c23a;
  --panel-bg:#eef4f8;
  --text-body:#14335e;
  --bg-color:#fff;
    --icon-bg:#ffffff;
    --icon-border:#bfe9ee;
    --icon-color:#17a2b8;
    --number-color:#0b1a4a;
    --label-color:#5a6b7a;
    --divider-color:#c7e7ea;
    --nh-ink:#0d3348;
      --nh-primary:#0e7c86;
      --nh-primary-dark:#0a5f67;
      --nh-mint:#eaf5f5;
      --nh-accent:#f4a23a;
      --nh-text:#465963;
      --nh-muted:#6f8791;
      --nh-line:#d9e6e7;
      --nh-radius:16px;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: var(--text-dark);
  background-color: var(--white);
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
a {
  text-decoration: none;
  transition: var(--transition);
}

img {
  max-width: 100%;
}

.section-padding {
  padding: 50px 0;
}

.eyebrow {
  color: #0b6fbf;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 0.85rem;
  text-transform: uppercase;
}
.eyebrowww{
    color: #59b5ff;
}

.section-title {
  font-weight: 700;
  color: var(--dark-blue);
  font-size: 2.1rem;
}

.section-sub {
  color: #222222;
  font-size: 16px;
  margin-bottom: 10px !important;
  font-weight: 500;
}

.divider-line {
  width: 40px;
  height: 3px;
  background: var(--primary-blue);
  display: inline-block;
}

/* =========================================================
   Top Bar
   ========================================================= */
.topbar {
  background: var(--darker-blue);
  color: #cfe4f7;
  font-size: 0.85rem;
  padding: 8px 0;
}

.topbar a {
  color: #cfe4f7;
}

.topbar a:hover {
  color: var(--white);
}

.topbar .social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: var(--white);
  margin-left: 6px;
}

.topbar .social-icons a:hover {
  background: var(--primary-blue);
  transform: translateY(-2px);
}

/* =========================================================
   Navbar
   ========================================================= */
.main-navbar {
  padding: 1px 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.main-navbar .navbar-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.main-navbar .navbar-brand img {
  height: 70px;
}

.brand-text {
  line-height: 1.1;
}

.brand-text .brand-title {
  font-weight: 700;
  color: var(--dark-blue);
  font-size: 1.3rem;
  display: block;
}

.brand-text .brand-tagline {
  font-size: 0.7rem;
  color: var(--text-muted);
}

.main-navbar .nav-link {
  color: var(--text-dark);
  font-weight: 500;
  margin: 0 10px;
  position: relative;
  padding-bottom: 28px;
  padding-top: 28px;
}

.main-navbar .nav-link.active,
.main-navbar .nav-link:hover {
  color: var(--primary-blue);
  /* padding-bottom: 30px; */
  /* padding-top: 30px; */
}

.main-navbar .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #0b6fbf00;
}

.btn-appointment {
  background: #073a68;
  color: var(--white);
  border-radius: 30px;
  padding: 10px 22px;
  font-weight: 600;
  border: none;
  white-space: nowrap;
}

.btn-appointment:hover {
  background: var(--dark-blue);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 3px 4px rgba(11, 111, 191, 0.35);
}

/* =========================================================
   Hero / Owl Carousel Banner
   ========================================================= */
.hero-section {
  background: linear-gradient(135deg, #ffffff 0%, #f9f8f8 60%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}

.hero-slide {
  padding: 50px 0;
}

.hero-tags span {
  color: #0c5da7;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.hero-tags .sep {
  color: #a9c8e0;
  margin: 0 8px;
}

.hero-heading {
  font-size: 3.2rem;
  font-weight: 800;
  color: var(--text-dark);
  line-height: 1.15;
}

.hero-heading span {
  color: #073a68;
  display: block;
}

.hero-desc {
  color: #000000;
  font-size: 1.02rem;
  max-width: 520px;
  margin: 18px 0 28px;
}

.btn-hero-primary {
  background: #073a68;
  color: var(--white);
  border-radius: 30px;
  padding: 12px 26px;
  font-weight: 600;
  border: none;
}

.btn-hero-primary:hover {
  background: var(--dark-blue);
  color: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(11, 111, 191, 0.35);
}

.btn-hero-outline {
  border: 2px solid var(--primary-blue);
  color: var(--primary-blue);
  border-radius: 30px;
  padding: 12px 26px;
  font-weight: 600;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.btn-hero-outline:hover {
  background: var(--primary-blue);
  color: var(--white);
  transform: translateY(-3px);
}

.btn-hero-outline .play-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--primary-blue);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
}

.btn-hero-outline:hover .play-circle {
  background: var(--white);
  color: var(--primary-blue);
}

.hero-img-wrap {
  position: relative;
}

.hero-img-wrap img {
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(10, 79, 140, 0.25);
}

/* Owl carousel dots/nav tweak */
.hero-section .owl-dots {
  text-align: center;
  margin-top: 15px;
}

.hero-section .owl-dot span {
  background: #b7d6ef !important;
  width: 10px !important;
  height: 10px !important;
  margin: 4px !important;
}

.hero-section .owl-dot.active span {
  background: var(--primary-blue) !important;
  width: 26px !important;
  border-radius: 10px !important;
}

/* =========================================================
   Specialties / Services
   ========================================================= */
.service-card {
  border: 1px solid #e6eef5;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--white);
  transition: var(--transition);
  height: 100%;
  margin: 0 8px;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(11, 111, 191, 0.18);
  border-color: transparent;
}

.service-card .service-img {
  /* height: 170px; */
  overflow: hidden;
}

.service-card .service-img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: transform 0.5s ease;
}

.service-card:hover .service-img img {
  transform: scale(1.1);
}

.service-card .service-body {
  padding: 18px 18px 22px;
}

.service-card h5 {
  font-weight: 700;
  color: var(--dark-blue);
  margin-bottom: 6px;
}

.service-card p {
  color: var(--text-muted);
  font-size: 0.88rem;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ababab;
  padding-bottom: 10px;
}

.service-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--primary-blue);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}

.service-card:hover .service-arrow {
  background: var(--dark-blue);
  transform: rotate(45deg);
}

#servicesCarousel .owl-nav button {
  position: absolute;
  top: 40%;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--white) !important;
  color: var(--primary-blue) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  font-size: 1.2rem !important;
}

#servicesCarousel .owl-nav .owl-prev {
  left: -20px;
}

#servicesCarousel .owl-nav .owl-next {
  right: -20px;
}

#servicesCarousel .owl-nav button:hover {
  background: var(--primary-blue) !important;
  color: var(--white) !important;
}

/* =========================================================
   About Section
   ========================================================= */
.about-section {
  background: #ffffff;
  background-color: #fff !important;
}

.about-img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 4px rgba(10, 79, 140, 0.18);
}

.about-img-wrap img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}

.about-img-wrap:hover img {
  transform: scale(1.05);
}

.about-feature {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.about-feature .icon-circle {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: var(--light-blue);
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  transition: var(--transition);
}

.about-feature:hover .icon-circle {
  background: var(--primary-blue);
  color: var(--white);
  transform: scale(1.1);
}

.about-feature .feat-text {
  font-weight: 600;
  color: var(--text-dark);
  font-size: 14px;
  line-height: 1.2;
}

.btn-learn-more {
  background: var(--dark-blue);
  color: var(--white);
  border-radius: 30px;
  padding: 11px 26px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
}

.btn-learn-more:hover {
  background: var(--primary-blue);
  color: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(11, 111, 191, 0.3);
}

/* =========================================================
   Why Choose Us
   ========================================================= */
.why-choose-section {
  background: #073a68;
}

.why-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--white);
  padding: 16px 18px;
  border-radius: var(--radius);
  height: 100%;
  transition: var(--transition);
  box-shadow: 0 4px 14px rgba(10, 79, 140, 0.05);
}

.why-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(11, 111, 191, 0.18);
}

.why-item .icon-circle {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background: var(--light-blue);
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  transition: var(--transition);
}

.why-item:hover .icon-circle {
  background: var(--primary-blue);
  color: var(--white);
}

.why-item span {
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--text-dark);
}

/* =========================================================
   Blog Section
   ========================================================= */
.blog-card {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid #e6eef5;
  background: var(--white);
  height: 100%;
  transition: var(--transition);
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(11, 111, 191, 0.18);
}

.blog-card .blog-img {
  height: 170px;
  overflow: hidden;
}

.blog-card .blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.blog-card:hover .blog-img img {
  transform: scale(1.1);
}

.blog-card .blog-body {
  padding: 18px;
}

.blog-date {
  color: var(--primary-blue);
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
}

.blog-card h6 {
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 5px;
  min-height: 49px;
  border-bottom: 1px solid #c1c0c0;
  font-size: 15px;
  line-height: 1.4;
}

.read-more-link {
  color: #2a2a2a;
  font-weight: 600;
  font-size: 0.88rem;
}

.read-more-link:hover {
  color: var(--dark-blue);
  padding-left: 5px;
}

.btn-outline-blue {
  border: 2px solid var(--primary-blue);
  color: var(--primary-blue);
  border-radius: 30px;
  padding: 9px 22px;
  font-weight: 600;
  background: transparent;
}

.btn-outline-blue:hover {
  background: var(--primary-blue);
  color: var(--white);
}

/* =========================================================
   Footer
   ========================================================= */
.site-footer {
  background: #073a68;
  color: #f7f7f7;
  padding-top: 55px;
  border-top: 1px solid #cfcfcf;
}

.site-footer h5 {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 18px;
}

.site-footer .footer-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.site-footer .footer-logo img {
  height: 100px;
}

.site-footer .footer-logo .ftitle {
  color: var(--white);
  font-weight: 700;
  font-size: 1.25rem;
  display: block;
}

.site-footer .footer-logo .ftag {
  font-size: 0.7rem;
  color: #9fb9d3;
}

.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer ul li {
  margin-bottom: 10px;
}

.site-footer ul li a {
  color: #f7f7f7;
  font-size: 14px;
  font-weight: 500;
}

.site-footer ul li a:hover {
  color: #0b6fbf;
  padding-left: 5px;
}

.footer-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 500;
}

.footer-contact-item i {
  color: #0b6fbf;
  margin-top: 3px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: var(--white);
  margin-right: 8px;
  margin-bottom: 20px;
}

.footer-social a:hover {
  background: var(--primary-blue);
  transform: translateY(-3px);
}

.footer-bottom {
  border-top: 1px solid rgb(92 92 92 / 55%);
  margin-top: 15px;
  padding: 18px 0;
  font-size: 0.85rem;
}

.footer-bottom a {
  color: #c9dcee;
}

.footer-bottom a:hover {
  color: var(--white);
}

/* =========================================================
   Internal Page Banner
   ========================================================= */
.page-banner {
  background: linear-gradient(135deg, var(--dark-blue), var(--primary-blue));
  padding: 70px 0;
  color: var(--white);
  text-align: center;
}

.page-banner h1 {
  font-weight: 800;
  font-size: 2.4rem;
}

.page-banner .breadcrumb {
  justify-content: center;
  margin: 0;
  background: transparent;
}

.page-banner .breadcrumb a {
  color: #cfe4f7;
}

.page-banner .breadcrumb-item.active {
  color: var(--white);
}

/* Doctor Card (internal page) */
.doctor-card {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid #e6eef5;
  background: var(--white);
  transition: var(--transition);
  text-align: center;
}

.doctor-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 35px rgba(11, 111, 191, 0.18);
}

.doctor-card .doctor-img {
  height: 250px;
  overflow: hidden;
}

.doctor-card .doctor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.doctor-card:hover .doctor-img img {
  transform: scale(1.08);
}

.doctor-card .doctor-body {
  padding: 18px;
}

.doctor-card h5 {
  font-weight: 700;
  color: var(--dark-blue);
  margin-bottom: 3px;
}

.doctor-card .designation {
  color: var(--primary-blue);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.doctor-card .doctor-social a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--light-blue);
  color: var(--primary-blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
}

.doctor-card .doctor-social a:hover {
  background: var(--primary-blue);
  color: var(--white);
}

/* Contact page */
.contact-info-box {
  background: var(--light-blue);
  border-radius: var(--radius);
  padding: 25px;
  text-align: center;
  height: 100%;
  transition: var(--transition);
}

.contact-info-box:hover {
  background: var(--primary-blue);
  color: var(--white);
  transform: translateY(-6px);
}

.contact-info-box:hover h6,
.contact-info-box:hover p,
.contact-info-box:hover i {
  color: var(--white) !important;
}

.contact-info-box i {
  font-size: 1.8rem;
  color: var(--primary-blue);
  margin-bottom: 12px;
}

.form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 0.2rem rgba(11, 111, 191, 0.2);
}

/* Services detail list (internal page) */
.service-detail-box {
  border-radius: var(--radius);
  border: 1px solid #e6eef5;
  padding: 30px 22px;
  text-align: center;
  height: 100%;
  transition: var(--transition);
}

.service-detail-box:hover {
  border-color: transparent;
  box-shadow: 0 18px 35px rgba(11, 111, 191, 0.18);
  transform: translateY(-8px);
}

.service-detail-box .icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--light-blue);
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  margin: 0 auto 18px;
  transition: var(--transition);
}

.service-detail-box:hover .icon-circle {
  background: var(--primary-blue);
  color: var(--white);
  transform: rotate(360deg);
}

/* Back to top */
.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--primary-blue);
  color: var(--white);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
  box-shadow: 0 8px 20px rgba(11, 111, 191, 0.4);
}

.back-to-top:hover {
  background: var(--dark-blue);
  color: var(--white);
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 991px) {
  .hero-heading {
    font-size: 2.3rem;
  }
  .section-title {
    font-size: 1.7rem;
  }
  .main-navbar .nav-link {
    margin: 6px 0;
  }
  .hero-img-wrap {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .section-padding {
    padding: 45px 0;
  }
  .hero-heading {
    font-size: 1.9rem;
  }
  .hero-slide {
    padding: 35px 0;
    text-align: center;
  }
  .hero-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .about-img-wrap {
    margin-bottom: 25px;
  }
  #servicesCarousel .owl-nav {
    display: none;
  }
}

@media (max-width: 575px) {
  .hero-heading {
    font-size: 1.6rem;
  }
  .page-banner h1 {
    font-size: 1.7rem;
  }
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 94%;
    }
.back-to-top i{
    line-height: 3;
    padding-left: 15px;
}
.getintuch{
        background: #e8f3fc;
    padding: 15px 15px;
    border-radius: 15px;
}
/*call button*/
.SocialButton {
    position: fixed;
    bottom: 0px;
    width: 80px;
    z-index: 999;
    left: 10px;
    display: block;
}
.SocialButton li {
    width: 50px;
    float: none;
    /* background: #0a97d2; */
    margin-bottom: 10px;
    border-radius: 50%;
    font-size: 24px;
    /* box-shadow: 2px 3px 18px #fff; */
    color: #fff;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
}

.SocialButton li a {
    width: 100%;
    float: left;
    color: #fff;
}
.SocialButton li:last-child {
    margin-left: 0;
    /* background-color: #1fde7d00; */
}
.SocialButton ul{
    padding-left: 0px;
}
/*end*/
.forsystem{
    display: block !important;
}
.formobile{
    display: none !important;
}
.text-center{
    text-align: center;
}
.text-center p{
    text-align: center;
    margin-bottom: 0px;
}
.fixed-bottom {
      display: none;
  }
.socialicons a img{
    border-radius: 20px;
}.footersocial a img{
    border-radius: 20px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: rgb(255 255 255 / 75%);
    content: var(--bs-breadcrumb-divider, "/");
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a{
   color: #fff;
   padding: 10px 12px;
   border-bottom: 1px solid #a3a2a2;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li:hover a{
    color: #073a68;
}
    .navbar-expand-lg .navbar-nav .dropdown-menu li{
        background: #073a68;
    }
.btnappointment{
    position: relative;
    text-align: left;
    line-height: 1.2;
}
.btnappointment i{
        font-size: 20px;
        line-height: 0;
        background: #073a68;
        color: #fff;
        padding: 12px;
        border-radius: 26px;
        position: absolute;
        left: -40px;
}
.btnappointment span{
    font-size: 23px;
    font-weight: 700;
}
.servicebg{
    background-image: linear-gradient(to top, #efefef, #fff);
}
.servicearrow{
     color: #011f3a;
     font-weight: 500;
     font-size: 16px;
}
.why-choose-section{
    padding: 60px 15px 70px;
  }

  /* ---- Top small heading with lines ---- */
  .tag-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
  }
  .tag-heading .line{
    height: 2px;
    width: 60px;
    background: linear-gradient(90deg, transparent, var(--blue-bright));
  }
  .tag-heading .line.right{
    background: linear-gradient(90deg, var(--blue-bright), transparent);
  }
  .tag-heading span.text{
    color: var(--blue-bright);
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 35px;
  }

  /* ---- Main heading ---- */
  .main-heading{
    text-align: center;
    font-weight: 800;
    font-size: 3rem;
    line-height: 1.15;
    margin-bottom: 20px;
    color: #fff;
  }
  .main-heading .highlight{
    background: linear-gradient(90deg, #2196f3, #4fc3f7, #81d4fa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
  }

  .sub-text{
    text-align: center;
    max-width: 750px;
    margin: 0 auto 45px;
    color: #dbe7f3;
    font-size: 1.05rem;
    line-height: 1.6;
  }

  /* ---- Feature Cards ---- */
  .feature-card{
    background: #eef3f8;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    height: 100%;
    min-height: 165px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    position: relative;
  }

  .feature-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(63,169,245,0.35);
  }

  .feature-img{
    width: 42%;
    overflow: hidden;
    position: relative;
  }

  .feature-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .feature-card:hover .feature-img img{
    transform: scale(1.12);
  }

  .feature-text{
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 22px;
  }

  .feature-text h5{
    color: var(--text-dark);
    font-weight: 700;
    font-size: 1.15rem;
    margin-bottom: 10px;
    line-height: 1.3;
  }

  .feature-underline{
    width: 30px;
    height: 3px;
    background: #0b6fbf;
    border-radius: 3px;
    transition: width 0.35s ease;
  }

  .feature-card:hover .feature-underline{
    width: 55px;
    background: var(--blue-light);
  }

  /* ---- Responsive tweaks ---- */
  @media (max-width: 991.98px){
    .main-heading{ font-size: 2.3rem; }
  }

  @media (max-width: 767.98px){
    .main-heading{ font-size: 1.8rem; }
    .sub-text{ font-size: 0.95rem; }
    .feature-card{ flex-direction: column; min-height: auto; }
    .feature-img, .feature-text{ width: 100%; }
    .feature-img{ height: 160px; }
    .feature-text{ padding: 16px 18px; }
  }

  @media (max-width: 575.98px){
    .main-heading{ font-size: 1.5rem; }
    .tag-heading .line{ width: 30px; }
  }
.banner-wrap{
  max-width:1536px;
  margin:0 auto;
}

.banner{
  position:relative;
  overflow:hidden;
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 45%, #ffffff 100%);
  /* min-height:520px; */
}

/* faint plus-sign decoration top-left, echoing medical theme */
.plus-deco{
  position:absolute;
  top: 0px;
  left: 8px;
  width:70px;
  height:70px;
  opacity:.35;
  z-index: 1;
}
.plus-deco::before,.plus-deco::after{
  content:"";
  position:absolute;
  background:#c9d9e8;
}
.plus-deco::before{ top:0; left:28px; width:14px; height:70px; border-radius:6px;}
.plus-deco::after{ top:28px; left:0; width:70px; height:14px; border-radius:6px;}

.content-col{
  position:relative;
  z-index:2;
  padding: 8px 0px;
}

.eyebrow-line{
  width:70px;
  height:5px;
  background: #2c2c2c;
  border-radius:3px;
  margin:14px 0 22px;
}

.headline-1{
  /* font-family:'Poppins',sans-serif; */
  font-weight:700;
  font-size: 35px;
  color:var(--navy);
  line-height: 1.45;
  margin-bottom:0;
}

.headline-2{
  /* font-family:'Poppins',sans-serif; */
  font-weight:800;
  font-size:25px;
  color: #323232;
  line-height:1.1;
  margin-bottom:0;
}

.lead-text{
  font-size:1.05rem;
  line-height:1.65;
  color:var(--text-body);
  max-width:560px;
}

.lead-text b{color: #3c3c3c;}

.tagline-pill{
  display:inline-flex;
  align-items:center;
  gap:14px;
  background:var(--navy);
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:1.15rem;
  padding:14px 30px 14px 18px;
  border-radius:40px;
  margin:8px 0 34px;
}

.tagline-pill .heart-badge{
  width:38px;
  height:38px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--green) 50%, #a9c94a 50%);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.1rem;
  flex-shrink:0;
}

.feature-row{
  display:flex;
  gap:10px;
  flex-wrap:nowrap;
}

.feature-item{
  text-align:center;
  flex:1 1 0;
  min-width:0;
  padding:0 6px;
}

.feature-item + .feature-item{
  border-left:2px solid #cfe0ea;
}

.feature-icon{
  width:82px;
  height:82px;
  border-radius:50%;
  border:3px solid #bcd7e8;
  background:#dbe9f2;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 10px;
  font-size:1.7rem;
  color:var(--navy);
  overflow:hidden;
}

.feature-icon i{ color:var(--navy); }

.feature-label{
  font-size:.85rem;
  font-weight:700;
  color:var(--navy);
  line-height:1.3;
}

/* ---------- Right visual panel ---------- */
.visual-col{
  position:relative;
  min-height:520px;
  padding:0;
}

.visual-shape{
  position:absolute;
  inset:0;
  clip-path: path('M 140 0 L 1536 0 L 1536 520 L 60 520 C -20 420, 40 90, 140 0 Z');
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.15), transparent 40%),
    linear-gradient(160deg,#123a63 0%, #0e5f8f 35%, #12805f 70%, #0b3d7a 100%);
  overflow:hidden;
}

.visual-inner{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 60px 40px 120px;
}

.scene-card{
  position:relative;
  width:100%;
  height:100%;
  border-radius:18px;
  background:linear-gradient(180deg,#f4f8fb,#e6eef4);
  overflow:hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
}

.pmjay-badge{
  position:absolute;
  top:6%;
  right:6%;
  background:#fff;
  border-radius:10px;
  padding:14px 18px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  width:180px;
}
.pmjay-badge .lotus{
  font-size:2.2rem;
  color:var(--green);
  margin-bottom:4px;
}
.pmjay-badge .hi-line{
  font-size:.62rem;
  color:#d1592c;
  font-weight:700;
  margin-bottom:2px;
}
.pmjay-badge .pmjay-line{
  font-size:.68rem;
  color:var(--navy);
  font-weight:700;
  margin-top:2px;
}
.pmjay-badge .pmjay-tag{
  font-size:.85rem;
  font-weight:800;
  color:var(--navy-dark);
  letter-spacing:.5px;
  margin-top:2px;
}

.people-row{
  position:absolute;
  bottom:8%;
  left:6%;
  right:6%;
  display:flex;
  align-items:flex-end;
  gap:18px;
}

.avatar-figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.avatar-circle{
  width:130px;
  height:130px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:3rem;
  color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.15);
}
.avatar-circle.patient{ background:linear-gradient(160deg,#d1592c,#e8a13a); }
.avatar-circle.doctor{ background:linear-gradient(160deg,#0e5f8f,#12805f); }

.avatar-caption{
  font-size:.8rem;
  font-weight:700;
  color:var(--navy);
  background:rgba(255,255,255,.85);
  padding:4px 12px;
  border-radius:20px;
}

.doc-sheet{
  width:70px;
  height:88px;
  background:#fff;
  border-radius:6px;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
  margin-bottom:16px;
  position:relative;
  align-self:center;
}
.doc-sheet::before,.doc-sheet::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  height:4px;
  background:#cfd9e2;
  border-radius:2px;
}
.doc-sheet::before{ top:16px; }
.doc-sheet::after{ top:28px; }

/* ================= RESPONSIVE ================= */
@media (max-width: 1199.98px){
  .headline-1{ font-size:2.2rem; }
  .headline-2{ font-size:3rem; }
  .content-col{ padding:44px 34px; }
}

@media (max-width: 991.98px){
  .banner{ min-height:auto; }
  .visual-shape{ clip-path:none; border-radius:0 0 28px 28px; }
  .visual-col{ min-height:380px; }
  .visual-inner{ padding:28px; }
  .content-col{ padding:40px 30px 30px; }
  .headline-1{ font-size:2rem; }
  .headline-2{ font-size:2.7rem; }
  .avatar-circle{ width:100px; height:100px; font-size:2.3rem; }
}

@media (max-width: 767.98px){
  .headline-1{ font-size:1.6rem; }
  .headline-2{ font-size:2.2rem; }
  .lead-text{ font-size:.95rem; }
  .tagline-pill{ font-size:.95rem; padding:12px 20px 12px 14px; flex-wrap:wrap; }
  .feature-row{ flex-wrap:wrap; row-gap:18px; }
  .feature-item{ flex:1 1 45%; border-left:none !important; }
  .feature-icon{ width:68px; height:68px; font-size:1.4rem; }
  .feature-label{ font-size:.78rem; }
  .visual-col{ min-height:320px; }
  .pmjay-badge{ width:130px; padding:10px 12px; top:4%; right:4%; }
  .pmjay-badge .lotus{ font-size:1.6rem; }
  .avatar-circle{ width:78px; height:78px; font-size:1.8rem; }
  .doc-sheet{ width:50px; height:64px; }
}

@media (max-width: 575.98px){
  .content-col{ padding:32px 20px 24px; }
  .headline-2{ font-size:1.9rem; }
  .feature-item{ flex:1 1 100%; }
  .feature-icon{ margin-bottom:8px; }
  .people-row{ gap:10px; }
}
.text-white-50 {
    --bs-text-opacity: 1;
    color: rgb(52 52 52 / 97%) !important;
    font-size: 14px !important;
    font-weight: 500;
}
.blogbg{
        background: #073a68;
}
.whitetitle{
    color:#fff;
}
.btnoutlineblue{
    border: 2px solid #f5f5f5;
    color: #e7e7e7;
    border-radius: 30px;
    padding: 9px 22px;
    font-weight: 600;
    background: transparent;
}
.bluecolor{
     color: #0a4f8c;
}
.bannerwrap{
    padding: 50px 0px;
}
.fixed-bg {
    background-image: url('../images/fixed_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.blogbg {
    background-image: url('../images/blog_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.owl-nav {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
  pointer-events: none;
  z-index: 10;
  line-height: 1;
}

.owl-nav button {
  pointer-events: auto;
  background: #ffffff !important;
  border: none;
  color: #333;
  font-size: 24px !important;
  width: 30px;
  height: 30px;
  padding-top: 0px;
  border-radius: 50% !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.owl-nav button:hover {
  background: #f0f0f0;
  transform: scale(1.05);
}

.owl-prev {
  margin-left: 10px;
}

.owl-next {
  margin-right: 10px;
}
#heroCarousel .owl-prev {
    margin-left: -10px !important;
}
#heroCarousel .owl-next {
    margin-right: -10px !important;
}
.servicesection .divider-line {
    width: 40px;
    height: 3px;
    background: #ffffff;
    display: inline-block;
}
.servicesection {
    background-image: url('../images/service_bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.servicesection .bluecolor {
    color: #ffffff;
}
.servicesection .section-title {
    font-weight: 700;
    color: #ffffff;
    font-size: 2.1rem;
}
.servicesection .section-sub {
    color: #d7d7d7;
    font-size: 16px;
    margin-bottom: 10px !important;
    font-weight: 500;
}
.ashumanimh img{
        border-radius: 25px 10px;
    box-shadow: 5px 5px 2px #80808091;
}
.oredr3{
    order: 3;
}
.mt-20{
    margin-top: 20px;
}
.btn-appointment{
    display: flex;
}
.btn-appointment .callfor{
    display: block;
}
.btn-appointment .callnumber{
    display: none;
}
.btn-appointment:hover .callfor {
    display: none;
}
.btn-appointment:hover .callnumber{
    display: block;
    text-align: left;
}
.hero-tags{
    width: max-content;
    border: 1px solid blue;
    padding: 3px 15px;
    border-radius: 5px;
    background: #ffffff99;
}
.stats-section{
    background-color:var(--bg-color);
    padding:70px 20px;
  }

  .stat-item{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:10px 25px;
    position:relative;
    transition:transform 0.3s ease;
  }

  .stat-item:hover{
    transform:translateY(-8px);
  }

  .icon-box{
    width:70px;
    height:70px;
    background-color:var(--icon-bg);
    border:1px solid var(--icon-border);
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    transition:all 0.3s ease;
  }

  .stat-item:hover .icon-box{
    background-color:var(--icon-color);
    box-shadow:0 10px 20px rgba(23,162,184,0.3);
  }

  .icon-box svg{
    width:34px;
    height:34px;
    stroke:var(--icon-color);
    transition:stroke 0.3s ease;
  }

  .stat-item:hover .icon-box svg{
    stroke:#ffffff;
  }

  .stat-number{
    font-size:2.4rem;
    font-weight:700;
    color:var(--number-color);
    margin-bottom:14px;
    line-height:1;
  }

  .stat-label{
    color:var(--label-color);
    font-size:0.98rem;
    line-height:1.5;
  }

  /* vertical divider between columns on large screens */
  @media (min-width:992px){
    .col-divider{
      border-left:1px solid var(--divider-color);
    }
    .col-divider:first-child{
      border-left:none;
    }
  }

  @media (max-width:991px){
    .stat-item{
      align-items:center;
      text-align:center;
      margin-bottom:35px;
    }
    .stats-section{
      padding:50px 15px;
    }
  }
  /* Jo slide ja rahi hai: jaldi gayab ho */
.owl-carousel .owl-item.owl-animated-out {
  animation-duration: 0.4s;
}

/* Jo slide aa rahi hai: out khatam hone ke baad aaye */
.owl-carousel .owl-item.owl-animated-in {
  animation-duration: 0.6s;
  animation-delay: 0.4s;   /* = fadeOut ka duration */
  animation-fill-mode: both; /* delay ke time slide invisible rahe */
}
.hghg{
    margin-bottom: 10px;
    width: fit-content;
    margin-right: auto;
}
.hero-desc {
    color: #000000;
    font-size: 1.02rem;
    max-width: 520px;
    margin: 13px 0 15px;
}
/*doctor*/
/* ============ Base (sirf .nh-page ke andar, header/footer par asar nahi) ============ */
    .nh-page{font-family:'Poppins',sans-serif;color:var(--nh-text);font-size:.97rem;line-height:1.7;background:#fff}
    .nh-page h1,.nh-page h2,.nh-page h3,.nh-page h4,.nh-page h5,.nh-page h6{font-family:'Poppins',sans-serif;color:var(--nh-ink);font-weight:600;line-height:1.3}
    .nh-page :focus-visible{outline:3px solid var(--nh-accent);outline-offset:2px}
    .nh-page img{max-width:100%}

    /* ============ Buttons ============ */
    .nh-page .btn-nh,.nh-page .btn-nh-outline,.nh-page .btn-amber{border-radius:50px;font-weight:500;padding:.6rem 1.4rem}
    .nh-page .btn-nh{--bs-btn-color:#fff;--bs-btn-bg:var(--nh-primary);--bs-btn-border-color:var(--nh-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--nh-primary-dark);--bs-btn-hover-border-color:var(--nh-primary-dark);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--nh-primary-dark);--bs-btn-active-border-color:var(--nh-primary-dark);--bs-btn-focus-shadow-rgb:14,124,134}
    .nh-page .btn-nh-outline{--bs-btn-color:var(--nh-primary-dark);--bs-btn-border-color:var(--nh-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--nh-primary);--bs-btn-hover-border-color:var(--nh-primary);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--nh-primary-dark);--bs-btn-active-border-color:var(--nh-primary-dark);--bs-btn-focus-shadow-rgb:14,124,134}
    .nh-page .btn-amber{--bs-btn-color:var(--nh-ink);--bs-btn-bg:var(--nh-accent);--bs-btn-border-color:var(--nh-accent);--bs-btn-hover-color:var(--nh-ink);--bs-btn-hover-bg:#e8931f;--bs-btn-hover-border-color:#e8931f;--bs-btn-active-color:var(--nh-ink);--bs-btn-active-bg:#e8931f;--bs-btn-active-border-color:#e8931f;--bs-btn-focus-shadow-rgb:244,162,58}

    /* ============ Page banner ============ */
    .nh-banner{position:relative;color:#fff;padding:76px 0 68px;background:linear-gradient(100deg,rgba(9,40,56,.96) 35%,rgba(14,124,134,.80) 100%),url('https://flawlessindia.co.in/dynamicweb/nidan_hospital/front_assets/images/home_about.jpg') center/cover no-repeat}
    .nh-page .nh-banner h1{color:#fff;font-size:clamp(1.9rem,4.2vw,2.8rem);margin:0 0 .5rem}
    .nh-banner p{max-width:560px;margin:0 0 1.1rem;color:#d3ecee}
    .nh-banner .breadcrumb{margin:0;font-size:.9rem;--bs-breadcrumb-divider-color:rgba(255,255,255,.55);--bs-breadcrumb-item-active-color:#fff}
    .nh-banner .breadcrumb-item a{color:#bfe6e9;text-decoration:none}
    .nh-banner .breadcrumb-item a:hover{color:#fff}

    /* ============ Sections ============ */
    .nh-section{padding:72px 0}
    .nh-section-alt{background:var(--nh-mint)}
    .nh-section-head{max-width:100%;margin-bottom:2rem}
    .nh-section-head h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.5rem;text-align: center;}
    .nh-section-head h2{text-align: center;}
    @media (max-width:767.98px){
      .nh-section{padding:48px 0}
      .nh-banner{padding:52px 0 46px}
    }

    /* ============ Post card (blog list + related posts) ============ */
    .nh-post{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--nh-line);border-radius:var(--nh-radius);overflow:hidden;transition:border-color .2s}
    .nh-post:hover{border-color:var(--nh-primary)}
    .nh-post-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--nh-mint)}
    .nh-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .nh-post:hover .nh-post-img img{transform:scale(1.05)}
    .nh-post-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
    .nh-post-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.8rem;color:var(--nh-muted);margin-bottom:.6rem}
    .nh-post-meta i{color:var(--nh-primary);margin-right:5px}
    .nh-post-title{font-size:1.08rem;margin-bottom:.6rem}
    .nh-post-title a{color:var(--nh-ink);text-decoration:none}
    .nh-post-title a:hover{color:var(--nh-primary)}
    .nh-post-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;margin-bottom:1rem}
    .nh-readmore{margin-top:auto;font-weight:500;font-size:.9rem;color:var(--nh-primary);text-decoration:none}
    .nh-readmore i{margin-left:4px;transition:margin .2s}
    .nh-readmore:hover{color:var(--nh-primary-dark)}
    .nh-readmore:hover i{margin-left:9px}

    /* ============ Sidebar widgets ============ */
    .nh-widget{background:var(--nh-mint);border-radius:var(--nh-radius);padding:24px;margin-bottom:24px}
    .nh-widget-title{font-size:1.05rem;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--nh-line)}
    .nh-search{position:relative}
    .nh-search input{border-radius:50px;padding:.7rem 3.2rem .7rem 1.2rem;border:1px solid var(--nh-line);font-size:.92rem}
    .nh-search input:focus{border-color:var(--nh-primary);box-shadow:0 0 0 .2rem rgba(14,124,134,.15)}
    .nh-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:var(--nh-primary);color:#fff}
    .nh-search button:hover{background:var(--nh-primary-dark)}
    .nh-cat-list{list-style:none;margin:0;padding:0}
    .nh-cat-list a{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;color:var(--nh-text);text-decoration:none;border-bottom:1px dashed #c3d9db}
    .nh-cat-list li:last-child a{border-bottom:0}
    .nh-cat-list a:hover{color:var(--nh-primary)}
    .nh-tags a{display:inline-block;padding:.3rem .85rem;margin:0 6px 8px 0;border:1px solid #bcd6d8;border-radius:50px;font-size:.82rem;color:var(--nh-text);background:#fff;text-decoration:none}
    .nh-tags a:hover{border-color:var(--nh-primary);color:var(--nh-primary)}
    .nh-cta-widget{background:var(--nh-ink);color:#cfe1e6}
    .nh-page .nh-cta-widget .nh-widget-title{color:#fff;border-color:rgba(255,255,255,.18)}
    .nh-cta-phone{display:block;font-size:1.35rem;font-weight:600;color:#fff;text-decoration:none;margin:.2rem 0 1rem}
    .nh-cta-phone:hover{color:var(--nh-accent)}
    @media (min-width:992px){.nh-sticky{position:sticky;top:110px}}

    /* ============ Pagination ============ */
    .nh-page .pagination{gap:6px;--bs-pagination-color:var(--nh-ink);--bs-pagination-hover-color:var(--nh-primary-dark);--bs-pagination-hover-bg:var(--nh-mint);--bs-pagination-active-bg:var(--nh-primary);--bs-pagination-active-border-color:var(--nh-primary);--bs-pagination-focus-color:var(--nh-primary-dark);--bs-pagination-focus-bg:var(--nh-mint);--bs-pagination-focus-box-shadow:0 0 0 .2rem rgba(14,124,134,.2);--bs-pagination-border-color:var(--nh-line)}
    .nh-page .pagination .page-link{border-radius:50px!important;min-width:42px;text-align:center}

    /* ============ Bottom call band ============ */
    .nh-band{background:var(--nh-ink);border-radius:22px;padding:36px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
    .nh-page .nh-band h2{color:#fff;font-size:clamp(1.3rem,2.6vw,1.7rem);margin:0 0 .3rem}
    .nh-band p{margin:0;color:#b9d2d8}
    .nh-band-actions{display:flex;flex-wrap:wrap;gap:10px}
    @media (max-width:575.98px){.nh-band{padding:28px 22px}}

    @media (prefers-reduced-motion:reduce){
      .nh-page *{transition:none!important;scroll-behavior:auto!important}
    }

    /* ============ Doctors ============ */
    .nh-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2.2rem}
    .nh-filter button{border:1px solid var(--nh-line);background:#fff;color:var(--nh-ink);font-weight:500;font-size:.88rem;padding:.5rem 1.15rem;border-radius:50px;transition:.2s}
    .nh-filter button:hover{border-color:var(--nh-primary);color:var(--nh-primary)}
    .nh-filter button.active{background:var(--nh-primary);border-color:var(--nh-primary);color:#fff}
    .nh-doc{height:100%;background:#fff;border:1px solid var(--nh-line);border-radius:var(--nh-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
    .nh-doc:hover{border-color:var(--nh-primary)}
    /* Photo na ho ya load fail ho to silhouette dikhega */
    .nh-doc-photo{position:relative;aspect-ratio:4/4.4;background:#dcefef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 220'%3E%3Ccircle cx='100' cy='84' r='36' fill='%23a9cfd2'/%3E%3Cpath d='M28 220c0-56 32-88 72-88s72 32 72 88z' fill='%23a9cfd2'/%3E%3C/svg%3E") center/cover no-repeat}
    .nh-doc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
    .nh-doc-dept{position:absolute;left:14px;bottom:14px;z-index:1;background:#fff;color:var(--nh-primary-dark);font-size:.78rem;font-weight:600;padding:.28rem .85rem;border-radius:50px}
    .nh-doc-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
    .nh-doc-name{font-size:1.1rem !important;margin-bottom:.15rem}
    .nh-doc-deg{font-size:.85rem;color:var(--nh-primary-dark);font-weight:500;margin-bottom:.8rem}
    .nh-doc-info{list-style:none;margin:0 0 1.1rem;padding:0;font-size:.85rem}
    .nh-doc-info li{display:flex;gap:9px;margin-bottom:.4rem}
    .nh-doc-info i{color:var(--nh-primary);flex:none}
    .nh-doc-actions{margin-top:auto;display:flex;gap:8px}
    .nh-page .nh-doc-actions .btn{padding:.5rem 1rem;font-size:.88rem}
    .nh-page .nh-doc-actions .btn-book{flex:1}
    .nh-page .nh-doc-actions .btn-call{width:42px;padding:.5rem 0;display:grid;place-items:center}
.nh-doc-actions .hghghgh{
    background: #073a68;
    color: #fff;
    border-radius: 21px;
}
.nh-doc-actions .dffsf{
        border: 1px solid #073a68;
    border-radius: 23px;
}
.nh-section-head p {
    text-align: center;
}
/*doctor*/
.text span{
    color: #0b6fbf;
}
.widcat{
    position: relative;
}
.widcat .numbertxt{
    position: absolute;
    left: 33%;
    bottom: 12%;
}
.widcat .numbertxt p{
    margin-bottom: 0px;
    color: #0b6fbf;
}
.widcat .numbertxt a{
   font-weight: 700;
   color: #073a68;
   font-size: 21px;
}
@media only screen and (max-width: 600px) {
    .forsystem{
    display: none !important;
}
    .hghg{
    margin-bottom: 10px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
    .formobile{
    display: block !important;
}
    .oredr2{
        order: 2
    }
    .SocialButton{
        display: none;
    }
    .topbar{
        display: none;
    }
    .hero-slide {
        padding: 0px 0;
        text-align: center;
    }
    .about-feature .feat-text {
    font-weight: 600;
    color: var(--text-dark);
    font-size: 12px;
    line-height: 1.2;
}
        .section-padding {
        padding: 30px 0;
    }
    /*fixed bottom*/
  .fixed-bottom {
      z-index: 3;
      display: block;
  }

  .fixed-bottom {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1030;
  }

  .sectionpdd {
      padding: 0px !important;
  }

  .link-on-bottom .mobile-bottom-link {
      margin-bottom: 0;
      background-color: #fff;
      border-top: 1px solid #e2e6ef;
      border-bottom: 1px solid #e2e6ef;
  }

  .flex-layout.no-wrap {
      flex-wrap: nowrap;
  }

  .list-unstyled {
      padding-left: 0;
      list-style: none;
  }

  .space-between {
      justify-content: space-between;
  }

  .flex-layout {
      flex-wrap: wrap;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }

  .link-on-bottom .mobile-bottom-link li {
      flex: 0 0 20%;
      max-width: 25%;
  }

  .link-on-bottom .mobile-bottom-link li {
      margin-bottom: 0;
      flex: 1;
  }

  .link-on-bottom .mobile-bottom-link li a:not(:hover) {
      color: #99a2b5;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a {
      padding: 7px 2px;
      display: block;
      text-align: center;
      line-height: 1;
      font-size: 13px;
      margin-top: 0px;
      visibility: visible !important;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      color: #9f9f9f;
  }

  .link-on-bottom .mobile-bottom-link li a span {
      display: block;
      font-size: 17px;
      margin-bottom: 9px;
  }

  .link-on-bottom .mobile-bottom-link li a img {
      width: 35%;
      margin-bottom: 4px;
  }
  /*fixed bottom end*/
    .site-footer{
        padding-bottom: 60px;
    }
    .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
}
    .accordion-item{
            margin-bottom: 10px;
    }
    .site-footer ul li a {
    color: #272727;
    font-size: 0.92rem;
}
    .accordion-custom{
        padding: 0px;
    }
    .accordion-body {
    padding: 5px 10px;
}
    .accordion-button{
        padding: 10px 10px;
    }
    .morder2{
        order:2 !important;
    }
    .hero-tags{
        display:none;
    }
    .hero-heading{
        margin-top:15px;
    }
    #heroCarousel .owl-prev {
    margin-left: -20px !important;
}
#heroCarousel .owl-next {
    margin-right: -20px !important;
}
.servicesection .section-title {
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
}
.tag-heading span.text {
    color: var(--blue-bright);
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.headline-1 {
        font-size: 15px;
    }
        .headline-2 {
        font-size: 22px;
    }
    .bannerwrap {
    padding: 15px 0px;
}
.content-col {
        padding: 15px 0px 10px;
    }
    .plus-deco {
    position: absolute;
    top: 0px;
    left: 8px;
    width: 70px;
    height: 70px;
    opacity: .10;
    z-index: 1;
}
.stats-section {
        padding: 50px 0px;
    }
    .stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px;
    position: relative;
    transition: transform 0.3s ease;
}
.stat-number {
    font-size: 25px;
    font-weight: 700;
    color: var(--number-color);
    margin-bottom: 5px;
    line-height: 1;
}
.stat-item {
        align-items: center;
        text-align: center;
        margin-bottom: 5px;
    }
    .icon-box{
        margin-bottom: 10px;
    }
    .mtform15{
        margin-top:15px;
    }
    .servicesection .section-sub {
    color: #d7d7d7;
    font-size: 14px;
    margin-bottom: 10px !important;
    font-weight: 500;
}
.main-navbar .nav-link {
    color: var(--text-dark);
    font-weight: 500;
    margin: 0 10px;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
}
.btn-appointment {
    display: flex;
    margin-bottom: 15px;
}
}