* { box-sizing: border-box; margin: 0; padding: 0; }

    body, html { font-family: 'Segoe UI', sans-serif; }

	
	.about-section{padding:50px 0;background:#f6f6f6}
	.head-rt{text-transform:uppercase;line-height:normal;position:relative;padding-left:0;padding-bottom:50px}
	.head-rt:after{position:absolute;content:'';left:0;top:auto;width:100px;height:5px;background:#ed1a3d;bottom:25px}
	@media (max-width:991px){.about-section .row{flex-direction: row;}}
	.head-rt{margin-top: 20px;}
	.video-div{padding-left:0;padding-right:10px}.video-div img{width:100%;height:auto;}
	.video-div,.video-div img{height:400px}

	/* Ensure navbar is on top */
	.navbar, .topbar {
	    position: fixed;
	    width: 100%;
	}
	/* Style when scrolled */
	.topbar.scrolled {
	    background-image: linear-gradient(120deg, rgb(232, 204, 206), rgb(11, 83, 148)) !important;
	    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	}
	
	.dropdown-menu a {
	    color: #194569 !important;
	}
	
	/* DEFAULT (before scroll - white text on hero) */
	.navbar .nav-link {
	    color: #ffffff !important;
	    transition: all 0.3s ease;
	}
	/* DEFAULT STATE (Transparent + White Text) */
	.navbar, .topbar {
	    background: transparent !important;
	    transition: all 0.3s ease-in-out;
	}

	.navbar .nav-link {
	    color: #ffffff !important;
	}

	/* SCROLLED STATE */
	.navbar.scrolled {
	    background: #ffffff !important;
	    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	}

	/* ALL MENU COLOR AFTER SCROLL */
	.navbar.scrolled .nav-link {
	    color: #194569 !important;
	}

	/* Hover effect */
	.navbar.scrolled .nav-link:hover {
	    color: #0d3553 !important;
	}

	/* Optional: hover effect */
	.navbar.scrolled .nav-link:hover {
	    color: #0056b3 !important;
	}
	
	.transparent-navbar {
	  position: fixed; /* instead of sticky */
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 1040;
	  background: rgba(0, 0, 0, 0.3); /* optional */
	  backdrop-filter: blur(4px);    /* optional */
	}

	.transparent-navbar .nav-link {
	  font-weight: 500;
	  font-size: 16px;
	  transition: color 0.3s;
	}


	.transparent-navbar .nav-link:hover,
	.transparent-navbar .dropdown-menu a:hover {
	  color: #f8d775;
	}

	.transparent-navbar .dropdown-menu {
	  background-color: #ffffff;
	  border-radius: 8px;
	  margin-top: 0.5rem;
	}

	.transparent-navbar .dropdown-item {
	  color: #333;
	}
	/* Initial transparent look */
	.topbar, .navbar {
	    background: transparent !important;
	    transition: all 0.3s ease-in-out;
	    z-index: 999;
	}

	.topbar a, .navbar a, .navbar-brand img {
	    color: white !important;
	}

    .hero {
      position: relative;
      height: 100vh;
      /*overflow: hidden;*/
      overflow: visible;
      color: white;
    }

    .hero video {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      z-index: -2;
    }

    .overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,123,154,0.8));
      z-index: -1;
    }
    .search-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-top: 210px;
    }

    .search-section h1 {
      font-size: 3rem;
      margin-bottom: 1.5rem;
      /*color: #194569;*/
    }

    .search-bar {
      display: flex;
      background: white;
      border-radius: 30px;
      overflow: hidden;
      max-width: 600px;
      width: 100%;
      margin: 1rem 0;
    }

    .search-bar input {
      flex: 1;
      padding: 0.75rem 1rem;
      border: none;
      font-size: 1rem;
      outline: none;
    }

    .search-bar button {
      background: #194569;
      color: white;
      border: none;
      padding: 0 20px;
      font-size: 1.2rem;
      cursor: pointer;
    }
    .action-buttons {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 1.5rem;
    }

    .action-buttons a {
      background: white;
      color: #194569;
      border-radius: 30px;
      padding: 0.7rem 1.4rem;
      text-decoration: none;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      transition: background 0.3s;
    }

    .action-buttons a:hover {
      background: #f0f0f0;
    }

    @media (max-width: 768px) {
      .search-section h1 { font-size: 2rem; }

      .search-bar {
        max-width: 90%;
      }

      .action-buttons {
        flex-direction: column;
        width: 90%;
      }

      .action-buttons a {
        justify-content: center;
        width: 100%;
      }
    }
    
	/* Initial transparent look */
	.topbar, .navbar {
	    background: transparent !important;
	    transition: all 0.3s ease-in-out;
	    z-index: 999;
	}

	.topbar a, .navbar a, .navbar-brand img {
	    color: white !important;
	}

	/* Fix video behind */
	.hero video {
	    position: absolute;
	    top: 0;
	    left: 0;
	    min-width: 100%;
	    height: 100%;
	    object-fit: cover;
	    z-index: -1;
	}

	.hero {
	  position: relative;
	  height: 100vh;
	  min-height: 500px;
	  overflow: hidden;
	}

	/* Video */
	.hero video {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	/* Overlay */
	.overlay {
	  position: absolute;
	  inset: 0;
	  background: linear-gradient(
	    rgba(0, 40, 60, 0.7),
	    rgba(0, 0, 0, 0.5)
	  );
	}

	/* Content */
	.hero-content {
	  position: absolute;
	  top: 30%;
	  left: 25%;
	  transform: translate(-50%, -50%);
	  color: #fff;
	  width: 90%;
	  max-width: 750px;
	  text-align: center;
	  padding: 20px;
	  z-index: 1;
	}
        /* Content */
	.hero-content-home {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: #fff;
	  width: 90%;
	  max-width: 750px;
	  text-align: center;
	  padding: 20px;
	  z-index: 1;
	}


	/* Desktop */
	.hero-content h1 {
	  font-size: 48px;
	  font-weight: 700;
	  margin-bottom: 20px;
	}

	.hero-content p {
	  font-size: 18px;
	  line-height: 1.6;
	}

	.hero-content-home h1 {
	  font-size: 48px;
	  font-weight: 700;
	  margin-bottom: 20px;
	}

	.hero-content-home p {
	  font-size: 18px;
	  line-height: 1.6;
	}


	.sub-text {
	  font-size: 16px;
	  opacity: 0.9;
	  letter-spacing: 1px;
	  margin-top: 10px;
	  color: #ffffff;
	}

	/* Default (Desktop) */
.hero-content {
  position: absolute;
  top: 30%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: #fff;
  width: 90%;
  max-width: 750px;
  text-align: center;
  padding: 20px;
  z-index: 1;
}

/* Tablet View */
@media (max-width: 992px) {
  .hero-content {
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 600px;
    padding: 15px;
  }
}

/* Mobile View */
@media (max-width: 576px) {
  .hero-content {
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 100%;
    padding: 10px;
  }

  .hero-content h1 {
    font-size: 22px;
  }

  .hero-content p {
    font-size: 14px;
  }

  .hero-content .btn {
    font-size: 14px;
    padding: 8px 16px;
  }
}	

	.why-section-modern {
	  background: #f4f8fb;
	  padding: 80px 0;
	}

	/* Title */
	.section-title {
	  font-size: 34px;
	  font-weight: 700;
	  color: #0f4c75;
	  margin-bottom: 30px;
	}

	.section-title span {
	  color: #3282b8;
	}

	/* Feature list */
	.feature-list {
	  display: flex;
	  flex-direction: column;
	  gap: 20px;
	}

	/* Cards */
	.feature-card {
	  display: flex;
	  gap: 15px;
	  padding: 18px;
	  background: #fff;
	  border-radius: 10px;
	  border-left: 4px solid #3282b8;
	  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	  transition: all 0.3s ease;
	}

	.feature-card:hover {
	  transform: translateY(-5px);
	  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}

	/* Icon */
	.feature-card .icon {
	  font-size: 22px;
	  color: #3282b8;
	  min-width: 40px;
	  margin-top: 5px;
	}

	/* Text */
	.feature-card h5 {
	  margin: 0;
	  font-weight: 600;
	  color: #222;
	}

	.feature-card p {
	  margin: 5px 0 0;
	  font-size: 14px;
	  color: #555;
	}

	/* Tagline */
	.tagline {
	  margin-top: 25px;
	  font-size: 15px;
	  color: #333;
	}

	/* Right box */
	.highlight-box {
	  background: #3282b8;
	  color: #fff;
	  padding: 50px 15px;
	  border-radius: 12px;
	  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	}

	.highlight-box h3 {
	  font-size: 28px;
	  margin-bottom: 10px;
	}

	/* Responsive */
	@media (max-width: 768px) {
	  .section-title {
	    font-size: 26px;
	    text-align: center;
	  }

	  .highlight-box {
	    margin-top: 30px;
	  }
	}
	
	/* MOBILE NAV TEXT COLOR FIX */
	@media (max-width: 991px) {

	  .navbar-collapse {
	    background: #fff;
	  }

	  .navbar-nav .nav-link {
	    color: rgba(0,0,0,.9) !important;
	  }

	  .navbar-nav .nav-link:hover,
	  .navbar-nav .nav-link:focus {
	    color: #e17055 !important; /* optional hover color */
	  }

	  /* dropdown items 
	  .dropdown-menu .dropdown-item {
	    color: rgba(0,0,0,.9) !important;
	  }*/

	  .dropdown-menu .dropdown-item:hover {
	    background: #f5f5f5;
	    color: #e17055 !important;
	  }
	  
	  /* WHITE HAMBURGER ICON */
		.navbar-light .navbar-toggler-icon {
		  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
		
		.navbar.scrolled .navbar-toggler-icon {
		  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}
	}
	
	.tech-section {
	  background: #f8fbff;
	  padding: 60px 20px;
	}

	.section-title {
	  text-align: center;
	  font-size: 28px;
	  font-weight: 700;
	  color: #0f172a;
	  margin-bottom: 10px;
	}

	.section-title i {
	  color: #0ea5e9;
	  margin-right: 8px;
	}

	.section-subtitle {
	  text-align: center;
	  max-width: 700px;
	  margin: 0 auto 40px;
	  color: #64748b;
	  font-size: 15px;
	}

	.tech-grid {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	  gap: 20px;
	}

	.tech-card {
	  background: #ffffff;
	  border-radius: 14px;
	  padding: 20px;
	  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
	  transition: 0.3s;
	  border-left: 4px solid #0ea5e9;
	}

	.tech-card:hover {
	  transform: translateY(-5px);
	  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	}

	.tech-card h3 {
	  font-size: 18px;
	  color: #0ea5e9;
	  margin-bottom: 10px;
	}

	.tech-card p {
	  font-size: 14px;
	  color: #334155;
	}

	.tech-card span {
	  display: block;
	  margin-top: 8px;
	  font-size: 13px;
	  color: #10b981;
	  font-weight: 500;
	}
	
	/*.doctor-section {
	  background: #f5f8fb;
	  padding: 60px 0;
	  text-align: center;
	}

	.title {
	  font-weight: 700;
	}

	.subtitle {
	  color: #777;
	  margin-bottom: 20px;
	}

	.scroll-controls {
	  margin-bottom: 15px;
	}

	.scroll-controls button {
	  border: none;
	  background: #e17055;
	  color: #fff;
	  padding: 8px 12px;
	  margin: 0 5px;
	  border-radius: 6px;
	  cursor: pointer;
	}

	.doctor-scroll {
	  overflow: hidden;
	}

	.doctor-track {
	  display: flex;
	  width: max-content;
	  animation: scroll 30s linear infinite;
	}

	.doctor-scroll:hover .doctor-track {
	  animation-play-state: paused;
	}

	.doctor-card {
	  width: 250px;
	  margin: 0 12px;
	  padding: 20px;
	  background: #fff;
	  border-radius: 12px;
	  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	  flex-shrink: 0;
	}

	.doc-icon {
	  font-size: 40px;
	  color: #194569;
	}

	.dept {
	  color: #194569;
	  font-size: 14px;
	}

	.rating i {
	  color: #f39c12;
	}

	.exp {
	  font-size: 13px;
	  color: #666;
	  margin: 8px 0;
	}

	@keyframes scroll {
	  0% { transform: translateX(0); }
	  100% { transform: translateX(-50%); }
	}*/
	
	.doctor-section {
	  padding: 60px 0;
	  background: linear-gradient(135deg, #f0f7ff, #eaf7ea);
	  position: relative;
	}

	.title {
	  text-align: center;
	  font-weight: 700;
	  font-size: 32px;
	}

	.subtitle {
	  text-align: center;
	  color: #666;
	  margin-bottom: 30px;
	}

	/* Scroll Area */
	.doctor-scroll {
	  overflow: hidden;
	  position: relative;
	}

	.doctor-track {
	  display: flex;
	  gap: 20px;
	  width: max-content;
	  animation: scrollDoctors 20s linear infinite;
	}

	@keyframes scrollDoctors {
	  from { transform: translateX(0); }
	  to { transform: translateX(-50%); }
	}

	/* Card */
	.doctor-card {
	  min-width: 220px;
	  background: #fff;
	  border-radius: 18px;
	  padding: 20px;
	  text-align: center;
	  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
	  transition: all 0.3s ease;
	}

	.doctor-card:hover {
	  transform: translateY(-10px) scale(1.03);
	  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
	}

	/* Icon */
	.doc-icon {
	  font-size: 40px;
	  color: #194569;
	  margin-bottom: 10px;
	}

	/* Department */
	.dept {
	  color: #194569;
	  font-weight: 600;
	  margin-bottom: 5px;
	}

	/* Rating */
	.rating i {
	  color: #ffc107;
	}

	/* Experience */
	.exp {
	  font-size: 13px;
	  color: #777;
	}

	/* Arrows */
	.scroll-controls {
	  position: absolute;
	  right: 20px;
	  top: 20px;
	}

	.scroll-controls button {
	  border: none;
	  background: #fff;
	  padding: 8px 12px;
	  margin-left: 5px;
	  border-radius: 50%;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	  cursor: pointer;
	}

	.scroll-controls button:hover {
	  background: #194569;
	  color: #fff;
	}