/* ==============================
        FIXED HEADER (TOP BAR + NAV)
        ============================== */
   .mainHeader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 9999;
       background: #fff;
   }

   /* shadow for navbar */
   .mainHeader nav {
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
   }

   /* prevent content hiding behind header */
   body {
       padding-top: 140px;
       /* adjust if header height changes */
   }

   /* ==============================
        OPTIONAL: SMOOTH SCROLL EFFECT
        ============================== */
   .mainHeader {
       transition: transform 0.3s ease-in-out;
   }

   .inrBanner1 {
       margin-top: 0px !important;
   }

   .owl-nav {
       display: none !important;
   }

   .breadcrumbSec {
       padding: 10px;
       background: #ecececdf;
   }

   .breadcrumbSec ul {
       text-decoration: none;
       list-style: none;

   }

   .breadcrumbSec ul li {
       font-size: 15px;
       margin: 0 0 0 5px;
       white-space: nowrap;
       display: flex;
       align-items: center;
       gap: 10px;

   }

   @media (min-width: 991px) and (max-width: 1640px) {
       .inrBanner1 {
           margin-top: -25px !important;
       }
   }

   @media (max-width: 787px) {
       .top-header {
           position: fixed;
           top: 0;
           z-index: 0 !important;
       }

       .mbNotFlex {
           display: block !important;
       }

       .owl-nav {
           display: block !important;
       }

       .breadcrumbSec {
           padding: 7px 0px;
       }

       .mobile0 {
           margin: 0px !important;
       }

       .copyRight {
           padding: 12px !important;
       }

       .mt-lg-0 {
           margin-top: 0px !important;
       }

       .appointment-card {
           margin-top: 0px !important;
       }

       .inrBanner1 {
           margin-top: -28px !important;
       }

       #myMenu {
           position: fixed;
           top: 70px !important;
       }
   }

   .blog-section h2,
   .services-section h2,
   .team-section h2 {
       font-weight: 800;
       font-size: 32px;
       color: #0f5da8;
       text-align: center
   }

   .specialist-section {
       padding: 40px 30px;
       background: #fff;
   }

   .section-title-wrapper {
       text-align: center;
       margin-bottom: 28px;
   }

   .section-title-wrapper h2 {
       color: #0f589d;
       font-weight: 700;
       font-size: 1.4rem;
       margin-bottom: 10px;
       display: inline-block;
   }

   .section-title-wrapper .title-underline {
       border: none;
       border-top: 2px solid #333;
       width: 100%;
       margin: 0;
       margin-top: -2px;
   }

   .specialist-link {
       display: flex;
       align-items: center;
       gap: 6px;
       /* font-weight: 700; */
       font-size: 15px;
       color: #1a1a1a;
       text-decoration: none;
       line-height: 1.4;
       margin-bottom: 20px;
   }

   .specialist-link:hover {
       color: #0f589d;
       text-decoration: none;
   }

   .chevron {
       color: #0f589d;
       font-size: 1.5rem;
       flex-shrink: 0;
   }

   .trauma-section {
       padding: 50px 0;
       background: #fff;
   }

   .trauma-section h1 {
       color: #0f589d;
       font-weight: 700;
       font-size: 2rem;
       margin-bottom: 16px;
   }

   .trauma-section p {
       font-size: 14px;
       color: #1a1a1a;
       text-align: justify;
       /* line-height: 1.2; */
       margin-bottom: 20px;
       /* max-width: 90%; */
   }

   .trauma-section h2 {
       color: #0f589d;
       font-weight: 700;
       font-size: 1.3rem;
       margin-bottom: 16px;
   }

   .trauma-section ul {
       padding-left: 18px;
       margin-bottom: 20px;
   }

   .trauma-section ul li {
       font-size: 0.92rem;
       color: #1a1a1a;
       margin-bottom: 12px;
       text-align: justify;
       /* max-width: 90%; */


   }

   /* Right Appointment Card */
   .appointment-card {
       background-color: #1565c0;
       border-radius: 12px;
       padding: 30px 40px;
       color: #fff;
       position: sticky;
       top: 20px;
   }

   .appointment-card p.book-label {
       font-size: 1.1rem;
       font-weight: 400;
       margin-bottom: 6px;
       color: #fff;
   }

   .appointment-card h3 {
       font-size: 24px;
       font-weight: 700;
       color: #fff;
       margin-bottom: 24px;
       line-height: 1.3;
   }


   .appointment-card input {
       width: 100%;
       padding: 12px 16px;
       border-radius: 8px;
       border: none;
       background: #fff !important;
       color: #1a1a1a !important;
       font-size: 0.9rem;
       margin-bottom: 14px;
       outline: none;
   }

   .appointment-card input::placeholder {
       color: #888 !important;
   }

   .appointment-card input:focus {
       background: #fff !important;
       color: #1a1a1a !important;
   }

   .appointment-card .btn-book {
       width: 100%;
       padding: 10px;
       background: #fff;
       color: #0f589d;
       font-weight: 700;
       font-size: 1rem;
       border: none;
       border-radius: 8px;
       cursor: pointer;
       margin-top: 6px;
       transition: background 0.2s;
   }

   .appointment-card .btn-book:hover {
       background: #e8f0fe;
   }

   .featureHeading {
       font-size: 32px;
       font-weight: 700;
       color: #0F5DA8;
   }

   .feature-card:hover {
       color: #0f5da8 !important;
   }

   .feature-card:hover,
   .global-wellness-card:hover,
   .services-card:hover {
       background-color: #0f5da8 !important;
   }

   @media (max-width: 767px) {
       /* .stats-section {
           margin-top: 80px !important;

       } */

       .doctorSlider .owl-nav {
           display: none !important;
       }

       /* .doctorSlider .owl-nav {
            display: flex !important;
            justify-content: center;
            position: absolute;
            width: 100%;
            left: 0;
            margin-top: 25px;
            gap: 15px;
            transform: translateY(-50%);
            padding: 0 10px;
        } */

       .departmentBannerSlider .owl-nav button {
           background: #0f5da8 !important;
           color: #fff !important;
           border-radius: 50%;
           width: 35px;
           height: 35px;
           font-size: 18px;

       }

       .departmentBannerSlider .owl-nav {
           display: flex !important;
           justify-content: center;
           position: absolute;
           width: 100%;
           left: 0;
           margin-top: 25px;
           gap: 15px;
           transform: translateY(-50%);
           padding: 0 10px;
       }

       .team-card-btn-grey {
           background-color: #fff !important;
           color: #0f5da8;
           padding: 10px;
           border-bottom-left-radius: 20px;
           font-weight: 700;
           font-size: 12px;
       }
   }


   @media (max-width: 991px) {
       .stats-section {
           order: 3;
           /* margin-top: 80px !important; */
       }

       .trauma-section {
           display: flex;
           flex-direction: column;
       }

       .trauma-section .stats-section {
           order: 3;
       }

       .trauma-section .container {
           order: 1;
       }
   }



   .doctorSlider.owl-carousel .owl-stage {
       display: flex;
       justify-content: center;
   }

   .call-box {
       margin-top: 20px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .call-icon {
       width: 60px;
       height: 60px;
       background: #e60023;
       color: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto;
       font-size: 22px;
   }

   .call-number {
       margin-top: 12px;
       font-size: 24px !important;
       font-weight: 600;
       color: #fff;
       text-align: center;
   }

   .call-icon i {
       transform: rotate(100deg);
   }
   @media (max-width: 787px) {
    #myMenu {
        position: fixed;
        top: 58px !important;
    }
}