html {scroll-behavior: smooth;}
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Segoe UI',Arial,sans-serif;width:100%;}

/* ================= NAVBAR ================= */
.navi {display:flex; justify-content:space-between; align-items:center; padding:0 100px; width:100%; height:100px; position:fixed; top:0; background-color:rgba(0,0,0,0.61); z-index:100;}
.logo1 {width:auto; height:100%; filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000);}
.navbar ul {list-style:none; display:flex;}
.navbar ul li {padding:10px 25px;}
.navbar ul li a {text-decoration:none; color:#fff; font-size:14px; transition:0.3s; font-weight:500;}
.navbar ul li a:hover {color:#f97a00;}
.login button {padding:10px 20px; border-radius:20px; cursor:pointer; font-size:11px; color:#fff; font-family:inherit; font-weight:500;}
.login-btn {background-color:transparent; border:1px solid #d2e2ff; color:#fff; transition:background-color 0.3s ease;}
.login-btn:hover {background-color:#d2e2ff; color:#0a3981;}
.view-btn {background-color:#0a3981; border:none; color:#fff; transition:background-color 0.3s ease;}
.view-btn:hover {background-color:#d2e2ff; color:#0a3981;}

/* ================= HERO ================= */
.header-content {text-align:center;margin-top:150px;}
.s1 {position:relative;text-align:left;padding:55px 210px;background:url("../img/img1.jpg") no-repeat center/cover;color:#000;z-index:1;width:100%;height: 30em;top: 100px;}
.s1::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
.s1-content {padding: 50px 0;text-align:center;}
.s1-content h1 {font-size:50px;margin-bottom:20px;color:#fff;font-weight:bold;}
.s1-content p {font-size:20px;margin-bottom:30px;line-height:2;color:#fff;}
.book-btn {background-color:#0a3981;color:#fff;padding:13px 40px;border:none;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;}
.book-btn:hover {background-color:#d2e2ff;color:#0a3981;}

/* ================= WELCOME ================= */
.welcome-section {display:flex;justify-content:space-between;padding: 160px 100px 60px;gap:44px;flex-wrap:wrap;}
.welcome-left {flex:1 1 54%;padding-right:18px;}
.welcome-left h2 {color:#0a3981;font-size:35px;margin-bottom:20px;}
.welcome-left p {color:#000;font-size:15px;margin-bottom:26px;}
.welcome-feature {display:flex;align-items:flex-start;margin-bottom:18px;}
.feature-icon i {font-size:25px;background:#0a3981;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-right:20px;}
.welcome-feature h3 {margin:0 0 5px 0;color:#1a328c;font-size:18px;font-weight:600;}
.google-map-btn {display:inline-block;background-color:transparent;color:#0a3981;border:1px solid #0a3981;border-radius:20px;padding:10px 30px;font-size:16px;text-decoration:none;font-weight:500;transition:background-color 0.3s ease,color 0.3s ease;}
.google-map-btn:hover {background-color:#0a3981;color:#fff;}
.welcome-right {flex:1 1 36%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:260px;}
.doctor-img img {width:380px;height:270px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px rgba(38,56,89,.18);background:#fff;margin-top:40px;margin-right:16px;}
.consultation-img {position:absolute;top:250px;right:126px;z-index:2;}
.consultation-img img {width:300px;height:260px;object-fit:cover;border-radius:0 0 120px 120px;box-shadow:0 6px 24px rgba(38,56,89,.14);background:#fff;}

/* ================= NEW PATIENT ================= */
.new-patient-section {background:#0d328c;color:#fff;padding:50px 100px;width:100%;}
.new-patient-content {max-width:900px;margin:auto;}
.new-patient-content h2 {font-size:35px;font-weight:700;margin-bottom:20px;color:#fff;}
.new-patient-content p {font-size:15px;margin-bottom:20px;}
.assistance {font-size:18px;margin-top:10px;font-weight:600;}
.assistance-icon {font-size:19px;margin-right:7px;}
.assistance-phone {font-size:18px;font-weight:600;margin-left:32px;color:#f9a825;}

/* ================= SERVICES ================= */
.services-section {display:flex;justify-content:flex-start;align-items:flex-start;padding:50px 200px;gap:120px;}
.services-img img {width:500px;height:450px;object-fit:cover;border-radius:70px 0 70px 0;background:#fff;box-shadow:0 6px 24px rgba(38,56,89,.12);}
.services-info {flex:1 1 60%;}
.services-info h2 {font-size:35px;font-weight:700;color:#1a328c;margin-bottom:20px;}
.services-tagline {font-size:18px;color:#263859;margin-bottom:20px;}
.services-info h3 {font-size:25px;color:#0d328c;margin-bottom:15px;}
.services-info ul {list-style:disc inside;padding-left:0;color:#263859;font-size:15px;margin-top:0;line-height:30px;}

/* ================= LABORATORIES ================= */
.laboratories-section {background:#0a3981;text-align:center;padding:50px 100px;}
.laboratories-section h2 {color:#fff;font-size:35px;font-weight:700;letter-spacing:1px;margin-bottom:20px;}
.lab-subtitle {font-size:18px;margin-bottom:40px;color:#fff;}
.lab-services {display:flex;justify-content:space-between;gap:18px;margin:0 auto;}
.lab-card {background:#fff;border-radius:10px;padding:26px 18px;width:25%;min-width:150px;box-shadow:0 2px 12px rgba(38,56,89,0.07);position:relative;}
.lab-icon {justify-items:center;}
.lab-icon i {font-size:25px;line-height:1;text-align:center;background:#0a3981;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.lab-card h3 {color:#1a328c;font-size:18px;font-weight:600;margin-bottom:20px;}
.lab-card p {color:#263859;font-size:15px;margin-bottom:0;}

/* ================= DOCTORS ================= */
.doctors {padding:50px 100px;text-align:center;}
.doctors h2 {font-size:40px;margin-bottom:40px;color:#00337c;}
.doctor-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.doctor-card {background-color:#fff;border-radius:12px;padding:20px;text-decoration:none;color:#333;box-shadow:0 8px 16px rgba(0,0,0,0.08);transition:0.3s ease;display:flex;flex-direction:column;align-items:center;}
.doctor-card:hover {transform:translateY(-6px);box-shadow:0 12px 20px rgba(0,0,0,0.15);}
.doctor-card img {width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px;}
.doctor-card h3 {font-size:16px;margin:0 0 8px 0;color:#00337c;}
.doctor-card p {font-size:14px;margin:0;color:#4e5d6c;}

/* ================= CONTACT ================= */
.contact-section {padding:60px 20px;background:#f8fbff;font-family:'Segoe UI',sans-serif;}
.contact-container {max-width:1200px;margin:0 auto;}
.contact-info-bar {display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-bottom:40px;padding:20px;background:#0a3981;border-radius:12px;color:#fff;}
.contact-info-bar .info-box {display:flex;align-items:center;gap:12px;min-width:220px;}
.contact-info-bar .icon {font-size:24px;}
.contact-info-bar h4 {margin:0;font-size:16px;font-weight:600;}
.contact-info-bar p {margin:2px 0 0;font-size:14px;}
.contact-main {display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-form {background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.contact-form h3 {margin-bottom:20px;font-size:22px;color:#0a3981;}
.contact-form form {display:flex;flex-direction:column;gap:15px;}
.contact-form input,.contact-form textarea {width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;}
.contact-form input:focus,.contact-form textarea:focus {border-color:#0a3981;outline:none;box-shadow:0 0 6px rgba(0,119,182,0.3);}
.contact-form button {background:#0a3981;color:#fff;border:none;padding:12px;font-size:16px;border-radius:8px;cursor:pointer;transition:0.3s;}
.contact-form button:hover {background:#0a3981;}
.contact-map iframe {width:100%;height:100%;min-height:400px;border:none;border-radius:12px;}

/* ================= FOOTER ================= */
.footer {background-color:#1b1b1b;color:#ffffff;padding:40px 60px 20px;}
.footer-container {display:flex;align-items:flex-start;margin:0 30px;gap:40px;}
.fs-logo {flex:1;display:flex;justify-content: flex-end;}
.fs-logo img {width:100%;height:auto;max-width: 170px;}
.fs-about, .fs-links {flex:1;}
.fs-about {text-align:left;}
.fs-links {text-align: center;}
.fs-about h3, .fs-links h3 {font-size:17px; margin-bottom:12px; font-weight:600;}
.footer-logo {display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.footer-logo img {width:40px; height:auto;}
.footer-logo span {font-size:17px; font-weight:bold; color:#fff;}
.fs-about ul, .fs-links ul {list-style:none; padding:0; margin:0;}
.fs-about ul li {margin:12px 0; font-size:13px; line-height:1.5;}
.fs-links ul li {margin:0;}
.fs-about ul li i, .fs-links ul li i {color:#f97a00; font-size:14px; padding-right:10px;}
.fs-links ul li a {color:#ffffff; text-decoration:none; font-size:14px; font-weight:500; transition:color 0.3s;}
.fs-links ul li a:hover {color:#f97a00;}
.fs-links ul {display:flex;flex-direction:column;align-items:flex-start;gap:10px;list-style:none;padding:0;margin:0;align-items: center;}
.fs-about a, .fs-links a {color:#ffffff; text-decoration:none; font-size:11px;}
.fs-about a:hover, .fs-links a:hover {color:#f97a00;}
.social-icons {display:flex; gap:8px; margin-top:12px;}
.social-icons a {width:32px; height:32px; display:flex; align-items:center; justify-content:center; color:#ffffff; font-size:15px; border-radius:50%; transition:0.3s; border:1px solid #444;}
.social-icons a[href*="facebook"]:hover {background-color:#1877f2; color:#fff; border-color:#1877f2;}
.social-icons a[href*="twitter"]:hover {background-color:#1da1f2; color:#fff; border-color:#1da1f2;}
.social-icons a[href*="instagram"]:hover {background-color:#c32aa3; color:#fff; border-color:#c32aa3;}
.footer-bottom {text-align:center; margin-top:25px; font-size:13px; color:gray;}

/* ===== Tablets / Small Desktop (992px - 1199px) ===== */
@media (max-width: 1199px) and (min-width: 992px) {
  /* Navbar */
  .navi {padding:0 40px;height:90px;}
  .navbar ul li a {font-size:13px;}
  .login button {font-size: 11px;padding: 8px 26px;}

  /* Hero Section */
  .s1 {padding:40px 80px;height: 25em;top: 90px;}
  .s1-content h1 {font-size:36px;}
  .s1-content p {font-size:16px;}
  .book-btn {font-size:14px;padding:10px 30px;}

  /* ================= WELCOME ================= */
  .welcome-section {display:flex;justify-content:space-between;padding: 40px;gap:44px;flex-wrap:wrap;margin-top: 80px;}
  .welcome-left {flex:1 1 54%;padding-right: 40px;}
  .welcome-left h2 {color:#0a3981;font-size:35px;margin-bottom:20px;}
  .welcome-left p {color:#000;font-size:15px;margin-bottom:26px;}
  .welcome-feature {display:flex;align-items:flex-start;margin-bottom:18px;}
  .feature-icon i {font-size:25px;background:#0a3981;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-right:20px;}
  .welcome-feature h3 {margin:0 0 5px 0;color:#1a328c;font-size:18px;font-weight:600;}
  .google-map-btn {display:inline-block;background-color:transparent;color:#0a3981;border:1px solid #0a3981;border-radius:20px;padding:10px 30px;font-size:16px;text-decoration:none;font-weight:500;transition:background-color 0.3s ease,color 0.3s ease;}
  .google-map-btn:hover {background-color:#0a3981;color:#fff;}
  .welcome-right {flex:1 1 36%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:260px;}
  .doctor-img img {width: 300px;height:270px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px rgba(38,56,89,.18);background:#fff;margin-top:40px;margin-right:16px;}
  .consultation-img {position:absolute;top:250px;right:126px;z-index:2;}
  .consultation-img img {width: 275px;height:260px;object-fit:cover;border-radius:0 0 120px 120px;box-shadow:0 6px 24px rgba(38,56,89,.14);background:#fff;}

  /* New Patient */
  .new-patient-section {padding:30px 40px;}
  .new-patient-content h2 {font-size:28px;}
  .new-patient-content p {font-size:14px;}
  .assistance {font-size:15px;}

  /* Services */
  .services-section {padding:30px 40px; gap:40px;}
  .services-img img {width: 350px;height: 380px;}
  .services-info h2 {font-size:28px;}
  .services-info h3 {font-size:20px;}
  .services-info ul {font-size:14px;line-height:24px;}

  /* Laboratories */
  .laboratories-section {padding:30px 40px;}
  .laboratories-section h2 {font-size:28px;}
  .lab-subtitle {font-size:15px;}
  .lab-services {gap:15px;}
  .lab-card {width:45%;padding:18px;}
  .lab-card h3 {font-size:16px;}
  .lab-card p {font-size:14px;}


  /* Contact */
  .contact-section {padding:40px 20px;font-size:14px;}
  .contact-info-bar {flex-wrap:wrap;gap:15px;padding:15px;}
  .contact-info-bar .info-box {min-width:180px;}
  .contact-info-bar .icon {font-size:20px;}
  .contact-info-bar h4 {font-size:14px;}
  .contact-info-bar p {font-size:12px;}
  .contact-main {grid-template-columns:1fr 1fr;gap:20px;}
  .contact-form {padding:20px;}
  .contact-form h3 {font-size:18px;}
  .contact-form input,.contact-form textarea {font-size:13px;padding:8px;}
  .contact-form button {font-size:14px;padding:10px;}
  .contact-map iframe {min-height:300px;}

  /* Footer */
  .footer-container {flex-wrap:wrap;gap:20px;}
  .fs-logo img {max-width:250px;}
}

/* ===== Tablets / Medium Devices (768px - 991px) ===== */
@media (max-width: 991px) and (min-width: 768px) {
  /* Navbar */
  .navi {padding: 0 30px;height:85px;}
  .navbar ul li { padding: 10px}
  .navbar ul li a {font-size:12px;}
  .login button {font-size:10px;padding:7px 14px;}

  /* Hero Section */
  .s1 {padding:35px 50px;height: 20em;top: 85px;}
  .s1-content h1 {font-size:32px;}
  .s1-content p {font-size:15px;line-height:1.6;}
  .book-btn {padding:10px 28px;font-size:13px;}
  /* ================= WELCOME ================= */
  .welcome-section {display:flex;justify-content:space-between;padding: 40px;gap:44px;flex-wrap:wrap;margin-top: 80px;}
  .welcome-left {flex:1 1 54%;padding-right: 40px;}
  .welcome-left h2 {color:#0a3981;font-size:35px;margin-bottom:20px;}
  .welcome-left p {color:#000;font-size:15px;margin-bottom:26px;}
  .welcome-feature {display:flex;align-items:flex-start;margin-bottom:18px;}
  .feature-icon i {font-size:25px;background:#0a3981;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-right:20px;}
  .welcome-feature h3 {margin:0 0 5px 0;color:#1a328c;font-size:18px;font-weight:600;}
  .google-map-btn {display:inline-block;background-color:transparent;color:#0a3981;border:1px solid #0a3981;border-radius:20px;padding:10px 30px;font-size:16px;text-decoration:none;font-weight:500;transition:background-color 0.3s ease,color 0.3s ease;}
  .google-map-btn:hover {background-color:#0a3981;color:#fff;}
  .welcome-right {flex:1 1 36%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-width:260px;}
  .doctor-img img {width: 300px;height:270px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px rgba(38,56,89,.18);background:#fff;margin-top: 120px;margin-right: 16px;}
  .consultation-img {position:absolute;top: 319px;right: 70px;z-index:2;}
  .consultation-img img {width: 275px;height:260px;object-fit:cover;border-radius:0 0 120px 120px;box-shadow:0 6px 24px rgba(38,56,89,.14);background:#fff;}

  /* New Patient Section */
  .new-patient-section {padding:30px 30px;}
  .new-patient-content h2 {font-size:28px;}
  .new-patient-content p {font-size:14px;}
  .assistance {font-size:15px;}
  .assistance-phone {font-size:14px;}

  /* Services */
  .services-section {padding:30px 40px; gap:40px;}
  .services-img img {width: 350px;height: 380px;}
  .services-info h2 {font-size:28px;}
  .services-info h3 {font-size:20px;}
  .services-info ul {font-size:14px;line-height:24px;}


  /* Laboratories Section */
  .laboratories-section {padding:30px 30px;}
  .laboratories-section h2 {font-size:28px;}
  .lab-subtitle {font-size:14px;}
  .lab-services {flex-wrap:wrap;gap:15px;}
  .lab-card {width:48%;padding:18px;}
  .lab-card h3 {font-size:16px;}
  .lab-card p {font-size:14px;}

  /* Doctors Section */
  .doctors {padding:30px 30px;}
  .doctors h2 {font-size:32px;margin-bottom:30px;}
  .doctor-grid {grid-template-columns:repeat(2,1fr);gap:20px;}
  .doctor-card img {height:160px;}

  /* Contact Section */
  .contact-section {padding:30px 20px;font-size:14px;}
  .contact-info-bar {flex-wrap:wrap;gap:15px;padding:15px;}
  .contact-info-bar .info-box {min-width:180px;}
  .contact-info-bar .icon {font-size:20px;}
  .contact-info-bar h4 {font-size:14px;}
  .contact-info-bar p {font-size:13px;}
  .contact-main {grid-template-columns:1fr 1fr;gap:20px;}
  .contact-form {padding:20px;}
  .contact-form h3 {font-size:18px;}
  .contact-form input,.contact-form textarea {font-size:13px;padding:8px;}
  .contact-form button {font-size:14px;padding:10px;}
  .contact-map iframe {min-height:300px;}

  /* Footer */
  .footer {padding:40px 30px;}
  .footer-container {flex-wrap:wrap;gap:25px;}
  .fs-logo img {max-width:230px;}
  .fs-about h3,.fs-links h3 {font-size:16px;}
  .fs-about ul li,.fs-links ul li {font-size:13px;}
}

/* ===== Mobile / Big Mobile (600px - 767px) ===== */
@media (max-width: 767px) and (min-width: 600px) {
  .navi {padding: 0px 40px;height:80px;}
  .navbar ul {display:none;} /* hide navbar */
  .login button {font-size:10px;padding:7px 14px;}
  .s1 {padding: 40px;height: 20em;top: 80px;}
  .s1-content {padding: 30px 0;}
  .s1-content h1 {font-size:30px;}
  .s1-content p {font-size:14px;line-height:1.6;}
  .book-btn {padding:10px 28px;font-size:14px;}
  .welcome-section {padding: 40px;flex-direction:column;gap:20px;margin-top: 80px;}
  .welcome-left h2 {font-size:26px;}
  .welcome-left p {font-size:13px;}
  .feature-icon i {font-size:20px;width:45px;height:45px;}
  .welcome-feature h3 {font-size:15px;}
  .doctor-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
  .doctor-img img, .consultation-img img {display:none;} /* hide images */
  .new-patient-section {padding: 40px;}
  .new-patient-content h2 {font-size:26px;}
  .new-patient-content p {font-size:13px;}
  .assistance {font-size:15px;}
  .assistance-phone {font-size:15px;}
  .services-section {padding: 40px;flex-direction:column;gap: 0;}
  .services-img img {display:none;} /* hide services image */
  .services-info h2 {font-size:26px;}
  .services-info h3 {font-size:20px;}
  .services-info ul {font-size:13px;line-height:22px;}
  .laboratories-section {padding:30px 30px;}
  .laboratories-section h2 {font-size:28px;}
  .lab-subtitle {font-size:14px;}
  .lab-services {flex-wrap:wrap;gap:15px;}
  .lab-card {width:48%;padding:18px;}
  .lab-card h3 {font-size:16px;}
  .lab-card p {font-size:14px;}
  .contact-section {padding: 40px;font-size:14px;}
  .contact-info-bar {flex-direction:column;gap:15px;padding:15px;}
  .contact-info-bar .info-box {min-width:100%;justify-content:flex-start;}
  .contact-info-bar .icon {font-size:20px;}
  .contact-info-bar h4 {font-size:14px;}
  .contact-info-bar p {font-size:13px;}
  .contact-main {grid-template-columns:1fr;gap:20px;}
  .contact-form {padding:20px;}
  .contact-form h3 {font-size:18px;}
  .contact-form input,.contact-form textarea {font-size:14px;padding:8px;}
  .contact-form button {font-size:14px;padding:10px;}
  .contact-map iframe {min-height:300px;}
  .doctors {padding: 40px;}
  .doctors h2 {font-size:28px;margin-bottom:25px;}
  .doctor-grid {gap:20px;}
  .doctor-card img {height:160px;}
    /* Footer */
  .footer {padding:0 30px 10px;}
  .footer-container {display:flex;flex-direction:column;margin:0;gap:10px;}
  .fs-about,.fs-links,.fs-logo {text-align:center;align-self:center;}
  .fs-about h3,.fs-links h3 {font-size:13px;}
  .footer-logo span {font-size:12px;}
  .fs-about ul li,.fs-links ul li {font-size:10px;}
  .fs-about ul li i,.fs-links ul li i {font-size:9px;padding-right:4px;}
  .fs-links ul {gap:8px 12px;display: inline;flex-direction:column;}
  .fs-logo img {max-width: 160px;height:auto;margin:0 auto;}
  .social-icons {display:flex;justify-content:center;gap:10px;margin-top:10px;}
  .social-icons a {width:25px;height:25px;}
  .footer-bottom {font-size:11px;}
}

/* ===== Mobile Landscape / Small Mobile (481px - 599px) ===== */
@media (max-width: 599px) and (min-width: 481px) {
  /* Navigation */
  .navi {padding:0 30px;width:100%;height:70px;justify-content:space-evenly;}
  .logo1 {height:70px;}
  .navbar ul {gap:5px;display:none;}
  .navbar ul li {padding:5px;}
  .navbar ul li a {font-size:11px;}
  .login button {padding: 5px 10px;border-radius:20px;cursor:pointer;font-size:10px;color:#fff;font-family:inherit;font-weight:500;}

  /* Hero */
  .s1 {padding:20px;height: 15em;top: 70px;}
  .s1-content {}
  .s1-content h1 {font-size:20px;margin-bottom:12px;}
  .s1-content p {font-size:11px;margin-bottom:16px;}
  .book-btn {font-size:10px;padding:5px 20px;}

  /* Welcome Section */
  .welcome-section {align-items:center;padding:50px 30px;margin-top: 50px;}
  .doctor-img {top:-60px;}
  .consultation-img {top:100px;right:100px;}
  .welcome-right {display:none;}
  .welcome-left h2 {font-size:18px;}
  .welcome-left p {font-size:10px;margin-bottom:12px;}
  .feature-icon i {font-size:14px;width:30px;height:30px;}
  .welcome-feature h3 {margin:0 0 5px;color:#1a328c;font-size:14px;font-weight:600;}
  .google-map-btn {font-size:11px;margin-left:0;}
  .doctor-img img,.consultation-img img {width:200px;height:170px;}

  /* New Patient Section */
  .new-patient-section {padding:50px 30px;}
  .new-patient-content h2 {font-size:18px;}
  .new-patient-content p {font-size:10px;}
  .assistance {font-size:14px;}
  .assistance-icon {font-size:12px;}
  .assistance-phone {font-size:11px;margin-left:5px;}

  /* Services Section */
  .services-section {padding:50px 30px;display:inline-block;}
  .services-img img {display:none;}
  .services-info h2 {font-size:18px;}
  .services-tagline {font-size:12px;}
  .services-info h3 {font-size:16px;}
  .services-info ul {font-size:12px;line-height:18px;}

  /* Laboratories Section */
  .laboratories-section {padding:20px 15px;}
  .laboratories-section h2 {font-size:22px;}
  .lab-subtitle {font-size:14px;}
  .lab-services {display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}
  .lab-card {width:100%;padding:18px;}
  .lab-card h3 {font-size:14px;}
  .lab-card p {font-size:12px;}

  /* Doctors Section */
  .doctors {padding:30px 15px;}
  .doctors h2 {font-size:18px;margin-bottom:25px;}
  .doctor-grid {grid-template-columns:repeat(2,1fr);gap:20px;}
  .doctor-card {padding:15px;}
  .doctor-card img {height:100px;}
  .doctor-card h3 {font-size:14px;margin-bottom:6px;}
  .doctor-card p {font-size:11px;}

  /* Footer */
  .footer {padding:0 30px 10px;}
  .footer-container {display:flex;flex-direction:column;margin:0;gap:10px;}
  .fs-about,.fs-links,.fs-logo {text-align:center;align-self:center;}
  .fs-about h3,.fs-links h3 {font-size:13px;}
  .footer-logo span {font-size:12px;}
  .fs-about ul li,.fs-links ul li {font-size:10px;}
  .fs-about ul li i,.fs-links ul li i {font-size:9px;padding-right:4px;}
  .fs-links ul {gap:8px 12px;display: inline;flex-direction:column;}
  .fs-logo img {max-width: 160px;height:auto;margin:0 auto;}
  .social-icons {display:flex;justify-content:center;gap:10px;margin-top:10px;}
  .social-icons a {width:25px;height:25px;}
  .footer-bottom {font-size:11px;}

  .contact-section {padding:25px 10px;font-size:12px;}
  .contact-info-bar {flex-direction:column;gap:10px;padding:10px;}
  .contact-info-bar .info-box {min-width:100%;flex-direction:column;align-items:flex-start;}
  .contact-info-bar .icon {font-size:16px;}
  .contact-info-bar h4 {font-size:12px;}
  .contact-info-bar p {font-size:11px;}
  .contact-main {grid-template-columns:1fr;gap:12px;}
  .contact-form {padding:12px;}
  .contact-form h3 {font-size:15px;}
  .contact-form input,.contact-form textarea {font-size:12px;padding:6px;}
  .contact-form button {font-size:12px;padding:7px;}
  .contact-map iframe {min-height:220px;}
}

/* ===== Extra Small Mobile (up to 480px) ===== */
@media (max-width: 480px) {
  /* Navigation */
  .navi {padding: 0px 20px;width:100%;height:70px;justify-content:space-evenly;}
  .logo1 {height:70px;}
  .navbar ul {gap:5px;display:none;}
  .navbar ul li {padding:5px;}
  .navbar ul li a {font-size:11px;}
  .login button {padding: 5px 10px;border-radius:20px;cursor:pointer;font-size:10px;color:#fff;font-family:inherit;font-weight:500;}

  /* Hero */
  .s1 {padding:20px;height: 15em;top: 70px;}
  .s1-content {}
  .s1-content h1 {font-size:20px;margin-bottom:12px;}
  .s1-content p {font-size:11px;margin-bottom:16px;}
  .book-btn {font-size:10px;padding:5px 20px;}

  /* Welcome Section */
  .welcome-section {align-items:center;padding: 20px;margin-top: 70px;}
  .doctor-img {top:-60px;}
  .consultation-img {top:100px;right:100px;}
  .welcome-right {display:none;}
  .welcome-left h2 {font-size:18px;}
  .welcome-left p {font-size:10px;margin-bottom:12px;}
  .feature-icon i {font-size:14px;width:30px;height:30px;}
  .welcome-feature h3 {margin:0 0 5px;color:#1a328c;font-size:14px;font-weight:600;}
  .google-map-btn {font-size:11px;margin-left:0;}
  .doctor-img img,.consultation-img img {width:200px;height:170px;}

  /* New Patient Section */
  .new-patient-section {padding: 20px;}
  .new-patient-content h2 {font-size:18px;}
  .new-patient-content p {font-size:10px;}
  .assistance {font-size:14px;}
  .assistance-icon {font-size:12px;}
  .assistance-phone {font-size:11px;margin-left:5px;}

  /* Services Section */
  .services-section {padding: 20px;display:inline-block;}
  .services-img img {display:none;}
  .services-info h2 {font-size:18px;}
  .services-tagline {font-size:12px;}
  .services-info h3 {font-size:16px;}
  .services-info ul {font-size:12px;line-height:18px;}

  /* Laboratories Section */
  .laboratories-section {padding: 20px;}
  .laboratories-section h2 {font-size:18px;}
  .lab-subtitle {font-size:11px;}
  .lab-services {display:grid;grid-template-columns:repeat(1,1fr);gap:12px;}
  .lab-card {width:100%;padding:15px;}
  .lab-card h3 {font-size:12px;}
  .lab-card p {font-size:10px;}
  
  /* Doctors Section */
  .doctors {padding: 20px;}
  .doctors h2 {font-size:18px;margin-bottom:25px;}
  .doctor-grid {grid-template-columns:repeat(2,1fr);gap:20px;}
  .doctor-card {padding:15px;}
  .doctor-card img {height:100px;}
  .doctor-card h3 {font-size:14px;margin-bottom:6px;}
  .doctor-card p {font-size:11px;}

  /* Footer */
  .footer {padding:0 30px 10px;}
  .footer-container {display:flex;flex-direction:column;margin:0;gap:10px;}
  .fs-about,.fs-links,.fs-logo {text-align:center;align-self:center;}
  .fs-about h3,.fs-links h3 {font-size:13px;}
  .footer-logo span {font-size:12px;}
  .fs-about ul li,.fs-links ul li {font-size:10px;}
  .fs-about ul li i,.fs-links ul li i {font-size:9px;padding-right:4px;}
  .fs-links ul {gap:8px 12px;display: inline;flex-direction:column;}
  .fs-logo img {max-width: 160px;height:auto;margin:0 auto;}
  .social-icons {display:flex;justify-content:center;gap:10px;margin-top:10px;}
  .social-icons a {width:25px;height:25px;}
  .footer-bottom {font-size:11px;}

  .contact-section {padding: 20px;font-size:12px;}
  .contact-info-bar {flex-direction:column;gap:10px;padding:10px;}
  .contact-info-bar .info-box {min-width:100%;flex-direction:column;align-items:flex-start;}
  .contact-info-bar .icon {font-size:16px;}
  .contact-info-bar h4 {font-size:12px;}
  .contact-info-bar p {font-size:11px;}
  .contact-main {grid-template-columns:1fr;gap:12px;}
  .contact-form {padding:12px;}
  .contact-form h3 {font-size:15px;}
  .contact-form input,.contact-form textarea {font-size:12px;padding:6px;}
  .contact-form button {font-size:12px;padding:7px;}
  .contact-map iframe {min-height:220px;}
}