*{
      margin:0;padding:0;box-sizing:border-box;
      font-family:'Segoe UI',sans-serif;
    }
    html, body{
      width:100%;margin:0;padding:0;overflow-x:hidden;
      background:#fff;color:#222;
    }
    .container{
      width:90%;
      max-width:1200px;
      margin:auto;
    }

    /* ================= TOPBAR ================= */
    .topbar{
      background:#0b3c6f;
      color:#fff;
      padding:6px 0;
      font-size:14px;
    }
    .topbar .container{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }

    /* ================= HEADER ================= */
    #site-header{
      position:sticky;
      top:0;
      z-index:9999;
      background:#fff;
      transition:
        transform .75s cubic-bezier(.22,1,.36,1),
        opacity .45s ease;
      will-change:transform,opacity;
    }
    #site-header.hide{
      transform:translateY(-100%);
      opacity:0;
    }

    .header{
      background:#EFFBFB;
      border-bottom:1px solid #eee;
    }
    .nav-wrapper{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      position:relative;
      padding:10px 0;
    }

    .logo{display:flex;align-items:center;}
    .logo img.logo-img{
      height:60px;width:auto;
      transition:.3s ease;
    }
    @media(max-width:1024px){.logo img.logo-img{height:50px}}
    @media(max-width:640px){.logo img.logo-img{height:40px}}

    /* ================= NAV ================= */
    .nav-toggle{
      display:none;
      font-size:26px;
      background:none;
      border:none;
      cursor:pointer;
      color:#0b3c6f;
    }

    .nav{display:flex;}
    .nav ul{
      list-style:none;
      display:flex;
      align-items:center;
      gap:12px;
      margin:0;
      padding:0;
    }
    .nav ul li{position:relative;}

    .nav ul li a.nav-link{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:10px 16px;
      border-radius:10px;
      font-size:15px;
      font-weight:700;
      color:#0b3c6f;
      text-decoration:none;
      transition:.25s ease;
      white-space:nowrap;
    }
    .nav ul li a.nav-link:hover{
      background:#0b3c6f;
      color:#fff;
    }
    .nav ul li a.nav-link.active{
      background:#0b3c6f;
      color:#fff;
    }

    @media(max-width:992px){
      .nav-toggle{display:block;}
      .nav{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        max-height:0;
        overflow:hidden;
        opacity:0;
        transform:translateY(-10px);
        transition:all .35s ease;
        box-shadow:0 15px 30px rgba(0,0,0,.15);
        z-index:999;
        border-radius:0 0 14px 14px;
      }
      .nav.open{
        max-height:80vh;
        opacity:1;
        transform:translateY(0);
      }
      .nav ul{
        flex-direction:column;
        align-items:stretch;
        gap:0;
      }
      .nav ul li a.nav-link{
        width:100%;
        justify-content:space-between;
        border-radius:0;
        padding:14px 20px;
        border-bottom:1px solid #eee;
      }
    }

    /* ================= APPOINTMENT BUTTON ================= */
    .btn-primary-custom{
      background:#0b3c6f;
      color:#fff;
      padding:10px 20px;
      border-radius:10px;
      font-size:15px;
      font-weight:700;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:.25s ease;
      white-space:nowrap;
      box-shadow:0 10px 20px rgba(11,60,111,.15);
    }
    .btn-primary-custom:hover{
      transform:translateY(-1px);
      filter:brightness(1.06);
    }

    /* ================= MEGA MENU (SMART, CLEAN) ================= */
    .mega-arrow{
      transition:transform .2s ease;
      font-size:13px;
    }
    .mega-arrow.rotate{transform:rotate(180deg);}

    .mega-menu{
      position:absolute;
      top:115%;
      left:50%;
      transform:translateX(-50%);
      width:min(1180px, calc(100vw - 60px)); /* ✅ full desktop wide */
      padding:16px;
      display:grid;
      grid-template-columns:repeat(4, 1fr);  /* ✅ left-to-right */
      gap:12px;

      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:18px;
      box-shadow:0 22px 60px rgba(0,0,0,0.16);
      z-index:9999;

      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:all .25s ease;
    }

    @media(min-width:993px){
      .mega:hover > .mega-menu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
      }
    }

    .mega-menu a{
      display:flex;
      align-items:center;
      gap:10px;
      padding:12px 14px;
      border-radius:14px;
      text-decoration:none;

      background:#f4f7ff;
      border:1px solid #e6ecff;
      color:#0b3c6f;
      font-size:14px;
      font-weight:800;
      transition:.2s ease;
    }
    .mega-menu a i{font-size:16px;}
    .mega-menu a:hover{
      background:#0b3c6f;
      color:#fff;
      border-color:#0b3c6f;
      transform:translateX(3px);
    }

    @media(max-width:1100px) and (min-width:993px){
      .mega-menu{grid-template-columns:repeat(3,1fr);}
    }
    @media(max-width:900px) and (min-width:993px){
      .mega-menu{grid-template-columns:repeat(2,1fr);}
    }

    @media(max-width:992px){
      .mega-menu{
        position:static;
        transform:none;
        width:100%;
        border:none;
        border-radius:0;
        box-shadow:none;
        padding:10px;
        display:none;
        grid-template-columns:1fr;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
      }
      .mega-menu.show{display:grid;}
      .mega-menu a{
        background:#f2f6ff;
        border:1px solid #e3ebff;
      }
      .mega-menu a:hover{transform:none;}
    }

    /* ================= HERO ================= */
    .hero{height:auto;background:none;}

    /* ================= SECTION TITLE (SMART) ================= */
    .smart-title-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      margin-bottom:16px;
    }

    .smart-title{
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px 18px;
      border-radius:999px;
      background:linear-gradient(135deg,#0d6efd,#0a58ca);
      color:#fff;
      font-weight:900;
      font-size:18px;
      box-shadow:0 10px 25px rgba(13,110,253,.22);
      margin:0;
    }
    .smart-title i{font-size:16px;opacity:.95;}
	
	
		.service-section-1 {
	  max-width: 1300px;
	  margin: 40px auto;
	  padding: 0 15px;
	  font-family: 'SolaimanLipi', Arial, sans-serif;
	}

	/* 🔹 GRID SYSTEM */
	.service-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	  gap: 25px;
	}

	/* 🔹 CARD */
	.service-box {
	  background: #fff;
	  padding: 25px;
	  border-radius: 14px;
	  box-shadow: 0 6px 20px rgba(0,0,0,.08);

	}

	/* 🔹 TITLE (apply to normal h2) */
	.service-box > h2 {
	  display: inline-block;
	  background: linear-gradient(135deg, #474586, #0a58ca);
	  color: #fff;
	  padding: 6px 26px;
	  border-radius: 10px;
	  font-size: 16px;
	  font-weight: 600;
	  margin-bottom: 22px;
	  box-shadow: 0 6px 18px rgba(13,110,253,.25);
	}

	/* 🔹 LIST (apply to normal ul) */
	.service-box > ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}

	.service-box > ul > li {
	  position: relative;
	  padding-left: 42px;
	  margin-bottom: 14px;
	  font-size: 14px;
	  line-height: 1.7;
	  color: #333;
	}

	/* 🔹 TICK ICON */
	.service-box > ul > li::before {
	  content: "✓";
	  position: absolute;
	  left: 0;
	  top: 3px;
	  width: 26px;
	  height: 26px;
	  background: #198754;
	  color: #fff;
	  border-radius: 50%;
	  font-weight: bold;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  box-shadow: 0 4px 10px rgba(25,135,84,.3);
	}

	/* 🔹 MOBILE TUNE */
	@media (max-width: 480px) {
	  .service-box {
		padding: 20px;
	  }

	  .service-box > h2 {
		font-size: 15px;
		padding: 6px 20px;
	  }
	}
	
	
	

    /* ================= SPECIALITIES SMART DESIGN ================= */
    .specialities-section{
      padding:60px 0;
      background:#fff;
    }

    .specialities-grid{
      display:grid;
      grid-template-columns:42% 58%;
      gap:30px;
      align-items:stretch;
    }

    @media(max-width:992px){
      .specialities-grid{grid-template-columns:1fr;}
    }

    .specialities-image{
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 20px 45px rgba(0,0,0,.10);
      min-height:280px;
    }
    .specialities-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transform:scale(1.02);
    }

    .specialities-right{
      background:#ffffff;
      border:1px solid #eef2f7;
      border-radius:18px;
      box-shadow:0 14px 40px rgba(0,0,0,.06);
      padding:18px;
    }

    /* ✅ grid inside right side */
    .dept-grid-smart{
      display:grid;
      grid-template-columns:repeat(5,1fr);   /* ✅ left-to-right full desktop */
      gap:12px;
    }
    @media(max-width:1100px){
      .dept-grid-smart{grid-template-columns:repeat(4,1fr);}
    }
    @media(max-width:992px){
      .dept-grid-smart{grid-template-columns:repeat(3,1fr);}
    }
    @media(max-width:640px){
      .dept-grid-smart{grid-template-columns:repeat(2,1fr);}
    }

    .dept-card{
      background:linear-gradient(180deg,#f6f9ff,#ffffff);
      border:1px solid #e8eefc;
      border-radius:14px;
      padding:14px 12px;
      text-align:center;
      transition:.22s ease;
      cursor:pointer;
      min-height:92px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:6px;
    }
    .dept-card i{
      font-size:20px;
      color:#0b3c6f;
      transition:.2s ease;
    }
    .dept-card strong{
      font-size:13px;
      color:#0b3c6f;
      line-height:1.2;
      display:block;
    }
    .dept-card small{
      font-size:11px;
      color:#667085;
      line-height:1.1;
    }
    .dept-card:hover{
      background:#0b3c6f;
      transform:translateY(-3px);
      border-color:#0b3c6f;
      box-shadow:0 14px 30px rgba(11,60,111,.20);
    }
    .dept-card:hover i,
    .dept-card:hover strong,
    .dept-card:hover small{
      color:#fff;
    }

    /* ✅ Prev/Next buttons for specialities */
    .spec-nav-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:14px;
      flex-wrap:wrap;
    }
    .spec-btn{
      border:none;
      background:#0b3c6f;
      color:#fff;
      padding:10px 16px;
      border-radius:12px;
      font-weight:800;
      transition:.2s ease;
      display:inline-flex;
      align-items:center;
      gap:8px;
      box-shadow:0 10px 18px rgba(11,60,111,.16);
    }
    .spec-btn:hover{filter:brightness(1.06);transform:translateY(-1px);}

    .spec-btn.light{
      background:#f2f6ff;
      color:#0b3c6f;
      box-shadow:none;
      border:1px solid #dfe7ff;
    }
    .spec-btn.light:hover{
      background:#0b3c6f;
      color:#fff;
      border-color:#0b3c6f;
    }

    /* ================= PACKAGES SMART DESIGN ================= */
    .section-gray{
      /*background:linear-gradient(180deg,#f7f9ff,#f5f7fa);
	  max-width: 1300px;
      padding:60px 0;
    }*/
	
	 max-width: 1300px;
	  margin: 40px auto;
	  padding: 0 15px;
	  font-family: 'SolaimanLipi', Arial, sans-serif;
	}

    .package-toolbar{
      background:#fff;
      border:1px solid #eef2f7;
      border-radius:18px;
      padding:16px;
      box-shadow:0 14px 40px rgba(0,0,0,.06);
      margin-top:20px;
      margin-bottom:20px;
    }

    .toolbar-grid{
      display:grid;
      grid-template-columns:1.4fr .6fr .6fr;
      gap:12px;
      align-items:center;
    }
    @media(max-width:992px){
      .toolbar-grid{grid-template-columns:1fr;}
    }

    .input-smart, .select-smart{
      width:100%;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid #e6eaf2;
      outline:none;
      font-size:14px;
      transition:.2s ease;
      background:#f9fbff;
    }
    .input-smart:focus, .select-smart:focus{
      border-color:#0d6efd;
      box-shadow:0 0 0 4px rgba(13,110,253,.12);
      background:#fff;
    }

    .pkg-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:18px;
    }
    @media(max-width:992px){
      .pkg-grid{grid-template-columns:1fr;}
    }

    .health-package{
      display:grid;
      grid-template-columns:34% 66%;
      border-radius:18px;
      overflow:hidden;
      background:#fff;
      box-shadow:0 14px 35px rgba(0,0,0,.10);
      border:1px solid #eef2f7;
    }

    .package-header{
      padding:22px 18px;
      color:#fff;
      background:linear-gradient(135deg,#0b6fb6,#1aa3d8);
      position:relative;
    }
    .package-header::after{
      content:"";
      position:absolute;
      right:-28px;
      top:0;
      width:60px;
      height:100%;
      background:rgba(255,255,255,.14);
      transform:skewX(-18deg);
    }
    .badge{
      display:inline-block;
      font-size:11px;
      font-weight:900;
      background:#ffdd57;
      color:#003a66;
      padding:3px 10px;
      border-radius:999px;
    }
    .package-header h3{
      margin:10px 0 4px;
      font-size:18px;
      line-height:1.25;
      font-weight:900;
    }
    .subtitle{font-size:12px;opacity:.92;}
    .price{margin-top:8px;}
    .price small{
      display:block;font-size:12px;text-decoration:line-through;opacity:.85;
    }
    .price strong{
      display:block;font-size:16px;color:#ffeb3b;font-weight:900;
    }

    .package-body{
      padding:14px 14px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px 10px;
      counter-reset:item;
      background:linear-gradient(180deg,#ffffff,#fbfcff);
    }

    .package-body ul{margin:0;padding:0;list-style:none;}
    .package-body li{
      counter-increment:item;
      position:relative;
      padding-left:28px;
      font-size:13px;
      line-height:1.6;
      color:#1f2937;
    }
    .package-body li::before{
      content:counter(item, decimal-leading-zero);
      position:absolute;
      left:0; top:0;
      width:22px; height:22px;
      border-radius:50%;
      background:#0b6fb6;
      color:#fff;
      font-size:10px;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    @media(max-width:768px){
      .health-package{grid-template-columns:1fr;}
      .package-body{grid-template-columns:1fr;}
      .package-header{text-align:center;}
    }

    /* ================= FOOTER FIX ================= */
    footer,
    .footer,
    .container-fluid.bg-dark,
    .container-fluid.bg-danger{
      width:100vw !important;
      max-width:100vw !important;
      margin:0 !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }
    footer .container,
    .container-fluid > .container{
      max-width:1200px;
      margin:auto;
    }