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

        body {
          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
          line-height: 1.6;
          color: #333;
        }

        .topbar {
          background: #1A4331;
        }


        /* Banner */
        .service-banner {
          background: linear-gradient(135deg, #76AD4A 0%, #B1CA8E 100%);
          color: white;
          padding: 80px 0;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
        }

        .service-banner h1 {
          font-size: 45px;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 1rem;
        }

        .service-banner p {
          font-size: 1.25rem;
          max-width: 800px;
          margin: 0 auto;
          color: #000;
        }

        /* Content Card */
        .service-content {
          background: white;
          padding: 2.5rem;
          border-radius: 1.2rem;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          border: 1px solid #e9ecef;
        }

        .service-content h2 {
          color: #1A4331;
          font-size: 2.2rem;
          margin-bottom: 1.5rem;
          padding-bottom: 0.8rem;
          border-bottom: 3px solid #76AD4A;
          display: inline-block;
        }

        .service-content p {
          font-size: 1.1rem;
          line-height: 1.8;
          color: #555;
          margin-bottom: 1.2rem;
        }

        /* Image Card */
        .image-card {
          border-radius: 1.2rem;
          overflow: hidden;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          border: 1px solid #e9ecef;
        }

        .image-card img {
          width: 100%;
          height: auto;
          display: block;
          transition: transform 0.4s ease;
        }

        .image-card:hover img {
          transform: scale(1.03);
        }

        /* Sidebar Card */
        .sidebar-card {
          background: white;
          padding: 2.5rem;
          border-radius: 1.2rem;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
          border: 1px solid #e9ecef;
        }

        .sidebar-card h3 {
          color: #174B69;
          font-size: 1.6rem;
          margin-bottom: 1.5rem;
        }

        /* Icon List */
        .icon-list {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .icon-list li {
          display: flex;
          align-items: flex-start;
          margin-bottom: 1rem;
          font-size: 1.1rem;
          color: #444;
        }

        .icon-list i {
          color: #76AD4A;
          font-size: 1.4rem;
          margin-right: 1rem;
          flex-shrink: 0;
          margin-top: 0.2rem;
        }

        /* Buttons */
        .btn {
          font-weight: 600;
          padding: 14px 24px;
          border-radius: 50px;
          transition: all 0.3s ease;
          font-size: 1.05rem;
        }

        .btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        .btn-book {
          background: #76AD4A;
          color: white;
          border: none;
        }

        .btn-book:hover {
          background: #5e8c3a;
        }

        .btn-call {
          background: white;
          color: #76AD4A;
          border: 2px solid #76AD4A;
        }

        .btn-call:hover {
          background: #76AD4A;
          color: white;
        }

        .btn-whatsapp {
          background: #25D366;
          color: white;
          border: none;
        }

        .btn-whatsapp:hover {
          background: #20b058;
        }

        /* Responsive */
        @media (max-width: 991px) {
          .service-banner {
            padding: 0;
          }

          .service-detail {
            padding-top: 40px;
            padding-bottom: 40px;
          }
        }

        @media (max-width: 576px) {
          .service-banner h1 {
            font-size: 2.4rem;
          }

          .service-banner p {
            font-size: 1.1rem;
          }

          .sidebar-card {
            padding: 2rem;
          }
        }

        .faqpage {
          margin-bottom: 90px !important;
          display: block;
          position: relative;
        }

        .social {
          color: white;
          margin-left: 12px;
          font-size: 14px;
        }

        /*********** Main Header & Navigation Styles *************/
        .main-header {
          background: #ffffff !important;
          padding: 12px 0 !important;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
          transition: all 0.3s ease;
        }

        .main-header .navbar-brand img,
        .header-logo-img {
          max-height: 88px !important;
          height: 88px !important;
          width: auto !important;
          object-fit: contain;
          transition: transform 0.3s ease;
        }

        .main-header .menu .nav-link {
          color: #2c3e50 !important;
          font-weight: 600 !important;
          font-size: 1.02rem !important;
          padding: 10px 18px !important;
          transition: all 0.3s ease !important;
          border-radius: 8px;
          white-space: nowrap;
        }

        .main-header .nav-link:hover,
        .main-header .nav-link.active,
        .main-header .menu li.active>a.nav-link {
          color: #76AD4A !important;
          background: rgba(118, 173, 74, 0.08) !important;
        }

        .main-header .dropdown-menu {
          border: none;
          border-radius: 14px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          padding: 10px 0;
        }

        .main-header .dropdown-item {
          color: #333333;
          font-weight: 500;
          padding: 9px 20px;
          font-size: 0.92rem;
          transition: all 0.25s ease;
        }

        .main-header .dropdown-item:hover {
          color: #76AD4A;
          background: rgba(118, 173, 74, 0.08);
          padding-left: 24px;
        }

        .appointment-btn {
          background: #00b140;
          color: white;
          padding: 8px 18px;
          border-radius: 30px;
          font-weight: 600;
        }

        .emergency-box {
          background: #00c7e8;
          color: white;
          padding: 5px 15px;
          border-radius: 6px;
          font-size: 13px;
        }


        .container {
          max-width: 1200px;
          margin: 0 auto;
          padding: 0 20px;
        }

        nav {
          display: flex;
          justify-content: space-between;
          align-items: center;
        }

        .logo img {
          height: 60px;
        }

        .nav-links {
          display: flex;
          list-style: none;
          gap: 2rem;
        }

        .nav-links a {
          color: white;
          text-decoration: none;
          font-weight: 500;
          transition: opacity 0.3s;
        }

        .nav-links a:hover {
          opacity: 0.8;
        }

        .mobile-menu {
          display: none;
          font-size: 1.5rem;
          cursor: pointer;
        }

        /* Hero Section - Centered Format matching screenshot */
        .hero-slider-section {
          position: relative;
          width: 100%;
          overflow: hidden;
        }

        .hero-slide {
          position: relative;
          min-height: 600px;
          padding: 100px 0;
          background-size: cover !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
        }

        .hero-slide::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(18, 45, 33, 0.65);
          z-index: 1;
        }

        .hero-slide .container {
          position: relative;
          z-index: 2;
        }

        .banner-content {
          max-width: 900px;
          margin: 0 auto;
          text-align: center;
        }

        .banner-pill-badge {
          display: inline-block;
          padding: 8px 24px;
          border-radius: 40px;
          background: rgba(255, 255, 255, 0.18);
          border: 1px solid rgba(255, 255, 255, 0.45);
          backdrop-filter: blur(8px);
          -webkit-backdrop-filter: blur(8px);
          color: #ffffff;
          font-size: 15px;
          font-weight: 500;
          letter-spacing: 0.3px;
          margin-bottom: 25px;
        }

        .banner-title {
          font-size: 3.8rem;
          font-weight: 800;
          color: #ffffff;
          line-height: 1.15;
          margin-bottom: 35px;
          text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }

        .banner-title .highlight-pink {
          color: #76AD4A;
          display: inline-block;
        }

        .banner-cta-btn {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: #eaf5e1 !important;
          color: #1A4331 !important;
          padding: 14px 38px;
          border-radius: 40px;
          font-weight: 700;
          font-size: 1.05rem;
          text-decoration: none;
          border: 1.5px solid #a8dc7b !important;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
          transition: all 0.3s ease;
        }

        .banner-cta-btn:hover {
          background: #d0eda8 !important;
          color: #1A4331 !important;
          border-color: #8ec65f !important;
          transform: translateY(-3px);
          box-shadow: 0 8px 20px rgba(118, 173, 74, 0.25);
        }

        .hero {
          background: linear-gradient(135deg, #1A4331, rgba(118, 173, 74, 0.32)), url(../img/doctorbg.jpg);
          color: white;
          padding: 80px 0;
          text-align: center;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }

        .hero-content {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 3rem;
          flex-wrap: wrap;
        }

        .hero-text {
          flex: 1;
          min-width: 300px;
          text-align: left;
        }

        .hero h1,
        .hero-slide h1 {
          font-size: 3rem;
          margin-bottom: 1rem;
          line-height: 1.2;
          color: #ffffff;
          font-weight: 700;
        }

        .hero h2,
        .hero-slide h2 {
          font-size: 1.1rem;
          margin-bottom: 1.2rem;
          color: #e0f2f1;
          font-weight: 500;
        }

        .hero p,
        .hero-slide p {
          font-size: 1.1rem;
          margin-bottom: 0px;
          line-height: 1.8;
          color: #fff !important;
        }

        .hero-slider-section .swiper-pagination {
          bottom: 20px !important;
          z-index: 10;
        }

        .hero-slider-section .swiper-pagination-bullet {
          background: #ffffff;
          opacity: 0.6;
          width: 12px;
          height: 12px;
          transition: all 0.3s ease;
        }

        .hero-slider-section .swiper-pagination-bullet-active {
          background: #76AD4A;
          opacity: 1;
          width: 30px;
          border-radius: 6px;
        }

        .hero-image {
          flex: 1;
          min-width: 300px;
          display: flex;
          justify-content: center;
          margin-top: 33px;
        }

        .doctor-card {
          background: linear-gradient(180deg, #afcb93, #004288);
          border-radius: 20px;
          padding: 2rem;
          box-shadow: 0 10px 40px rgb(255 255 255 / 63%);
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          border: 5px solid #ffffff69;
          background-position-x: left;
          width: 100%;
        }


        .doctor-photo {
          width: 200px;
          height: 200px;
          border-radius: 50%;
          object-fit: cover;
          margin-bottom: 1.5rem;
          border: 5px solid #5fb08c;
        }

        .doctor-card h3 {
          color: #ffffff;
          font-size: 1.8rem;
          margin-bottom: 0.5rem;
          margin-top: 30px;
        }

        .doctor-card .credentials {
          color: #abfcd1 !important;
          font-size: 20px;
          margin-bottom: 8px;
          font-weight: bold;
        }

        .doctor-card .specialty {
          color: #fff;
          font-weight: 600;
          margin-bottom: 0px;
          font-size: 16px;
          border-top: 1px solid #cccccc36;
          padding-top: 16px;
        }

        .cta-button {
          display: inline-block;
          background: #eaf5e1 !important;
          color: #1A4331 !important;
          padding: 11px 28px;
          text-decoration: none;
          border-radius: 50px;
          font-weight: 700;
          transition: all 0.3s ease;
          border: 1.5px solid #a8dc7b !important;
          cursor: pointer;
          font-size: 0.95rem;
          margin-top: 25px;
          box-shadow: 0 4px 15px rgba(118, 173, 74, 0.15);
        }

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

        /* ✅ Hover Effect Extra Boost */
        .cta-button:hover {
          transform: translateY(-2px) scale(1.04);
          background: #d0eda8 !important;
          color: #1A4331 !important;
          border-color: #8ec65f !important;
          box-shadow: 0 6px 18px rgba(118, 173, 74, 0.25);
        }

        /* About Section */
        .about {
          padding: 80px 0;
          background: #afcb9336;
        }

        .about-content {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 3rem;
          align-items: center;
        }

        .about h2 {
          font-size: 2.5rem;
          color: #1A4331;
          margin-bottom: 1.5rem;
        }

        .about p {
          margin-bottom: 1rem;
          font-size: 16px;
        }

        .awards {
          background: white;
          padding: 2rem;
          border-radius: 10px;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        }

        .awards h3 {
          color: #4a90a4;
          margin-bottom: 1rem;
        }

        /* Services Section */
        .services {
          padding: 80px 0;
        }

        .services h2 {
          text-align: center;
          font-size: 2.5rem;
          color: #4a90a4;
          margin-bottom: 3rem;
        }

        .services-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
          gap: 2rem;
        }

        .service-card {
          background: white;
          padding: 2rem;
          border-radius: 10px;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
          transition: transform 0.3s;
        }

        .service-card:hover {
          transform: translateY(-5px);
        }

        .service-card h3 {
          color: #4a90a4;
          margin-bottom: 1rem;
        }

        /* Contact Section */
        .contact {
          padding: 80px 0;
          background: #f9f9f9;
        }

        .contact h2 {
          text-align: center;
          font-size: 2.5rem;
          color: #094968;
          margin-bottom: 0;
        }

        .contact-content {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 3rem;
        }

        .contact-info {
          background: white;
          padding: 2rem;
          border-radius: 10px;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        }

        .contact-info h3 {
          color: #4a90a4;
          margin-bottom: 1.5rem;
        }

        .info-item {
          margin-bottom: 1.5rem;
          display: flex;
          align-items: start;
          gap: 1rem;
          text-align: left;
        }

        .info-item strong {
          color: #4a90a4;
          min-width: 120px;
        }

        .contact-form {
          background: white;
          padding: 2rem;
          border-radius: 10px;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        }

        .form-group {
          margin-bottom: 1.5rem;
        }

        .form-group label {
          display: block;
          margin-bottom: 0.5rem;
          color: #4a90a4;
          font-weight: 600;
        }

        .form-group input,
        .form-group textarea {
          width: 100%;
          padding: 12px;
          border: 2px solid #e0e0e0;
          border-radius: 5px;
          font-size: 1rem;
          transition: border-color 0.3s;
        }

        .form-group input:focus,
        .form-group textarea:focus {
          outline: none;
          border-color: #4a90a4;
        }

        .form-group textarea {
          resize: vertical;
          min-height: 120px;
        }

        /* FAQ Section */
        .faq {
          padding: 80px 0;
        }

        .faq h2 {
          text-align: center;
          font-size: 2.5rem;
          color: #4a90a4;
          margin-bottom: 3rem;
        }

        .faq-item {
          background: white;
          margin-bottom: 1rem;
          border-radius: 10px;
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
          overflow: hidden;
          text-align: left;
        }

        .faq-question {
          padding: 1.5rem;
          cursor: pointer;
          font-weight: 600;
          color: #4a90a4;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          text-align: left;
        }

        .faq-answer {
          padding: 0 1.5rem 1.5rem;
          display: none;
        }

        .faq-item.active .faq-answer {
          display: block;
        }

        /* Footer */
        footer {
          background: #1a3a52;
          color: white;
          padding: 4rem 0 0;
        }

        .footer-content {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
          gap: 25px;
          margin-bottom: 3rem;
        }

        .footer-section h3 {
          color: white;
          font-size: 1.3rem;
          margin-bottom: 1.5rem;
          border-bottom: 3px solid #4a90a4;
          padding-bottom: 0.5rem;
          display: inline-block;
        }

        .footer-logo img {
          height: 90px;
          margin-bottom: 1rem;
        }

        .footer-section p {
          color: #040404;
          line-height: 1.8;
          margin-bottom: 1.5rem;
          text-align: left;
        }

        .footer-phone {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          margin-bottom: 0;
          font-size: 1.1rem;
        }

        .footer-phone a {
          color: #1c4475;
          text-decoration: none;
          font-weight: 600;
        }

        .footer-doctor {
          display: flex;
          align-items: center;
          gap: 1rem;
          background: rgba(74, 144, 164, 0.1);
          padding: 1rem;
          border-radius: 8px;
          border-left: 3px solid #4a90a4;
        }

        .footer-doctor img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          border: 2px solid #4a90a4;
        }

        .footer-doctor strong {
          display: block;
          color: #084868;
          margin-bottom: 0.3rem;
        }

        .footer-doctor p {
          color: #193b6f;
          font-size: 0.9rem;
          margin: 0;
        }

        .footer-links {
          list-style: none;
          margin: 0px;
          padding: 0px;
        }

        .footer-links li {
          margin-bottom: 0.8rem;
        }

        .footer-links a {
          color: #b0c4d4;
          text-decoration: none;
          transition: color 0.3s, padding-left 0.3s;
          display: inline-block;
        }

        .footer-links a:hover {
          color: #4a90a4;
          padding-left: 5px;
        }

        .footer-gallery {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 0.5rem;
        }

        .gallery-item {
          aspect-ratio: 1;
          background: linear-gradient(135deg, #4a90a4, #5fb08c);
          border-radius: 5px;
          transition: transform 0.3s;
          cursor: pointer;
        }

        .gallery-item:hover {
          transform: scale(1.05);
        }

        .visiting-hours {
          background: rgba(74, 144, 164, 0.1);
          padding: 1.5rem;
          border-radius: 8px;
          margin-bottom: 1.5rem;
        }

        .hours-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0.8rem 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hours-row:last-child {
          border-bottom: none;
        }

        .hours-row span {
          color: #b0c4d4;
        }

        .hours-row strong {
          color: #4a90a4;
        }

        .footer-address {
          background: rgba(74, 144, 164, 0.1);
          padding: 1rem;
          border-radius: 8px;
          border-left: 3px solid #5fb08c;
        }

        .footer-address h4 {
          color: white;
          margin-bottom: 0.8rem;
          font-size: 1rem;
        }

        .footer-address p {
          color: #b0c4d4;
          font-size: 15px;
          line-height: 1.6;
          margin: 0;
        }

        .footer-social {
          display: flex;
          justify-content: center;
          gap: 1rem;
          padding: 1rem 0;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-social a {
          width: 45px;
          height: 45px;
          background: rgba(74, 144, 164, 0.2);
          border: 2px solid #4a90a4;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #4a90a4;
          text-decoration: none;
          font-weight: bold;
          transition: all 0.3s;
        }

        .footer-social a:hover {
          background: #4a90a4;
          color: white;
          transform: translateY(-3px);
        }

        .footer-bottom {
          padding: 35px 0 0px;
          text-align: center;
          margin-top: 2rem;
          border-top: 1px solid #4788b463;
        }

        .footer-bottom p {
          color: #b0c4d4;
          margin: 0;
          font-size: 16px;
        }

        .footer-bottom p a {
          color: #9ce37f;
        }

        /* Responsive */
        @media (max-width: 768px) {
          .nav-links {
            display: none;
          }

          .footer-bottom {
            padding: 20px 0 20px;
          }

          .newcontact-section {
            padding: 0px 0px !important;
          }

          .newcontact-form {
            margin-top: 25px;
          }

          .mobile-menu {
            display: block;
          }

          .hero h1 {
            font-size: 2rem;
          }

          .hero h2 {
            font-size: 1.3rem;
          }

          .about-content,
          .contact-content {
            grid-template-columns: 1fr;
          }

          .hero-content {
            flex-direction: column-reverse;
          }
        }

        .navbar-brand img {
          max-width: 100%;
        }

        .doctor-card img {
          max-width: 100%;
        }

        .main-header {
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
          background: #ffffff !important;
        }

        .nav-link {
          font-weight: 600;
          color: #1A4331 !important;
        }

        .nav-link:hover,
        .nav-link.active {
          color: #76AD4A !important;
        }

        /* Appointment Button */
        .appointment-btn {
          background: linear-gradient(135deg, #76AD4A, #1A4331);
          color: #fff;
          font-weight: 600;
          border-radius: 30px;
          padding: 10px 22px;
        }

        /* Emergency Box */
        .emergency-box {
          font-size: 14px;
          color: #1A4331;
        }

        /* Mobile Adjustments */
        @media(max-width:991px) {
          .navbar-nav {
            padding-top: 15px;
          }

          .emergency-box {
            justify-content: center;
            margin-top: 8px;
          }
        }

        @media screen and (max-width: 1023px) {
          .footer-content {
            grid-template-columns: repeat(1, 1fr);
          }

          .bgftr {
            width: 100%;
          }

          .contact-card {
            min-width: 90% !important;
          }

          .edu-hosp-item-content h4 {
            margin: 10px 0px !important;
          }

          .expertise-grid {
            display: block !important;
          }

          #specialties {
            padding: 20px !importantss;
          }

          .edu-hosp-item {
            display: block !important;
          }

          .hero,
          .about {
            padding: 40px 0px;
          }

          .footer-social {
            margin-top: 25px;
          }

          .ftrlink {
            padding-left: 0px !important;
          }

          .services h2 {
            font-weight: bold;
          }

          .doctor-card h3 {
            font-size: 24px;
            margin: 10px 0px;
          }

          .hero p {
            margin: 0px;
          }

          .cta-button {
            margin-top: 25px;
            padding: 18px 32px;
          }

          .bgftr {
            width: 100% !important;
            margin-top: 25px !important;
          }

          .ftrlink {
            padding-left: 0px;
          }
        }

        .ftrlink {
          padding-left: 48px;
          text-align: left;
        }

        .contact-info {
          margin-bottom: 20px;
        }

        .service-icon {
          font-size: 42px;
          color: #4e88b8;
          margin-bottom: 15px;
        }

        .service-card {
          padding: 25px;
          background: #fff;
          border-radius: 14px;
          transition: 0.3s;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
          text-align: center;
        }

        .service-card:hover {
          transform: translateY(-8px);
        }


        .contact-title {
          text-align: center;
          color: #fff;
          margin-bottom: 40px;
        }

        .contact-title p {
          max-width: 600px;
          margin: 10px auto 0;
          opacity: 0.95;
        }

        .bgftr {
          background: #b1ca8e;
          padding: 30px;
          margin-top: 0;
          border: 10px solid #ffffff;
          width: 100%;
          position: relative;
          outline: 2px solid #afcb93;
          outline-offset: 5px;
          min-height: 354px;
          height: 354px;
        }

        .bgftr:before {
          content: "";
          position: absolute;
          top: -41px;
          left: -43px;
          background: #002e66;
          padding: 10px;
        }

        .bgftr:after {
          content: "";
          position: absolute;
          bottom: -41px;
          right: -43px;
          background: #caffbf;
          padding: 10px;
        }

        .footer-social a {
          width: 40px;
          height: 40px;
          background: #6eac55;
          color: #fff;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          margin-right: 8px;
          font-size: 16px;
          transition: 0.3s;
        }

        .footer-social a:hover {
          background: #73b285;
          transform: translateY(-4px);
        }

        .navbar .container,
        .topbar .container {
          padding: 0px;
        }

        /* FLOATING ICONS */
        .floating-action {
          position: fixed;
          right: 18px;
          bottom: 50%;
          transform: translateY(50%);
          display: flex;
          flex-direction: column;
          gap: 15px;
          z-index: 9999;
        }

        .float-icon {
          width: 55px;
          height: 55px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 22px;
          text-decoration: none;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
        }

        .float-icon.call {
          background: #1A4331;
        }

        .float-icon.whatsapp {
          background: #25d366;
        }

        /* PULSE EFFECT */
        .pulse {
          animation: pulse-animation 1.5s infinite;
        }

        @keyframes pulse-animation {
          0% {
            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
          }

          70% {
            box-shadow: 0 0 0 18px rgba(13, 110, 253, 0);
          }

          100% {
            box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
          }
        }

        /* MOBILE RESPONSIVE */
        @media(max-width:768px) {
          .floating-action {
            right: 10px;
          }

          footer {
            padding: 0rem !important;
            margin-top: 25px;
          }
        }

        @media screen and (max-width: 1023px) {
          .newdoc {
            display: flex;
            justify-content: center;
          }
        }

        /* ============================= */
        /* APPOINTMENT BUTTON UI + PULSE */
        /* ============================= */

        .appointment-btn {
          background: linear-gradient(135deg, #4e88b8, #73b285);
          color: #fff !important;
          padding: 12px 26px;
          font-weight: 600;
          border-radius: 40px;
          border: none;
          position: relative;
          overflow: hidden;
          transition: all 0.3s ease;
          box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
        }

        .appointment-btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
        }

        .pulse-btn::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          width: 120%;
          height: 120%;
          background: rgba(255, 255, 255, 0.4);
          border-radius: 50%;
          transform: translate(-50%, -50%) scale(0);
          animation: pulseAnim 2s infinite;
        }

        @keyframes pulseAnim {
          0% {
            transform: translate(-50%, -50%) scale(0);
            opacity: 0.6;
          }

          100% {
            transform: translate(-50%, -50%) scale(1.2);
            opacity: 0;
          }
        }


        /* ============================= */
        /* EMERGENCY CALL BOX UI + PULSE */
        /* ============================= */

        .emergency-box {
          background: #fff;
          border-radius: 50px;
          padding: 5px 24px;
          border: 2px solid #1A4331;
          transition: 0.3s;
        }

        .text-mute {
          color: #1A4331;
          font-size: 15px;
        }

        .emergency-box a {
          color: #1A4331;
          text-decoration: none;
        }

        .emergency-box i {
          color: #76AD4A;
          font-size: 20px;
          animation: ring 1.5s infinite;
        }

        /* Phone Ring Animation */
        @keyframes ring {
          0% {
            transform: rotate(0);
          }

          10% {
            transform: rotate(15deg);
          }

          20% {
            transform: rotate(-15deg);
          }

          30% {
            transform: rotate(10deg);
          }

          40% {
            transform: rotate(-10deg);
          }

          50% {
            transform: rotate(5deg);
          }

          60% {
            transform: rotate(-5deg);
          }

          100% {
            transform: rotate(0);
          }
        }

        /* Pulse Border Effect */
        .pulse-box {
          position: relative;
        }

        .pulse-box::after {
          content: "";
          position: absolute;
          inset: -6px;
          border-radius: 60px;
          border: 2px solid rgb(0 42 97);
          animation: pulseBorder 1.8s infinite;
        }

        @keyframes pulseBorder {
          0% {
            transform: scale(1);
            opacity: 0.7;
          }

          100% {
            transform: scale(1.2);
            opacity: 0;
          }
        }


        .footer-doctor {
          display: flex;
          align-items: center;
          gap: 1rem;
          background: rgba(74, 144, 164, 0.1);
          padding: 1rem;
          border-radius: 8px;
          position: relative;
          overflow: hidden;
          text-align: left;
        }

        /* Animated Border Lines */
        .footer-doctor::before,
        .footer-doctor::after {
          content: "";
          position: absolute;
          background: linear-gradient(90deg, transparent, #4a90a4, transparent);
        }

        /* TOP LINE */
        .footer-doctor::before {
          top: 0;
          left: -100%;
          width: 100%;
          height: 2px;
          animation: topMove 2s linear infinite;
        }

        /* RIGHT + BOTTOM + LEFT USING INNER SPAN */
        .footer-doctor span.border-anim {
          position: absolute;
          top: -100%;
          right: 0;
          width: 2px;
          height: 100%;
          background: linear-gradient(180deg, transparent, #4a90a4, transparent);
          animation: rightMove 2s linear infinite 0.5s;
        }

        .footer-doctor span.border-anim::after {
          content: "";
          position: absolute;
          bottom: 0;
          right: -100%;
          width: 100%;
          height: 2px;
          background: linear-gradient(270deg, transparent, #4a90a4, transparent);
          animation: bottomMove 2s linear infinite 1s;
        }

        .footer-doctor span.border-anim::before {
          content: "";
          position: absolute;
          left: 0;
          bottom: -100%;
          width: 2px;
          height: 100%;
          background: linear-gradient(0deg, transparent, #4a90a4, transparent);
          animation: leftMove 2s linear infinite 1.5s;
        }

        /* ==================== */
        /* KEYFRAMES ANIMATION */
        /* ==================== */

        @keyframes topMove {
          0% {
            left: -100%;
          }

          100% {
            left: 100%;
          }
        }

        @keyframes rightMove {
          0% {
            top: -100%;
          }

          100% {
            top: 100%;
          }
        }

        @keyframes bottomMove {
          0% {
            right: -100%;
          }

          100% {
            right: 100%;
          }
        }

        @keyframes leftMove {
          0% {
            bottom: -100%;
          }

          100% {
            bottom: 100%;
          }
        }

        .dotor-img {
          width: 350px;
          height: 350px;
          position: relative;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .dotor-img img {
          width: 100% !important;
          height: 100% !important;
          border-radius: 50% !important;
          object-fit: cover;
          border: 6px solid #0f5450d6;
          position: relative;
          z-index: 2;
        }

        /* ============================= */
        /* CIRCULAR MOVING BORDER EFFECT */
        /* ============================= */

        .border-rotate::before {
          content: "";
          position: absolute;
          inset: -8px;
          border-radius: 50%;
          border: 3px solid transparent;
          border-top: 3px solid #4a90a4;
          border-right: 3px solid #73b285;
          animation: rotateBorder 2.5s linear infinite;
          z-index: 1;
        }

        /* Optional Soft Glow */
        .border-rotate::after {
          content: "";
          position: absolute;
          inset: -14px;
          border-radius: 50%;
          border: 2px dashed rgb(3 67 106);
          animation: rotateBorderReverse 6s linear infinite;
          z-index: 0;
        }

        @keyframes rotateBorder {
          0% {
            transform: rotate(0deg);
          }

          100% {
            transform: rotate(360deg);
          }
        }

        @keyframes rotateBorderReverse {
          0% {
            transform: rotate(360deg);
          }

          100% {
            transform: rotate(0deg);
          }
        }

        .dropdown-menu {
          opacity: 0;
          transform: translateY(10px);
          transition: 0.3s ease;
          display: block;
          visibility: hidden;
        }

        .navbar .dropdown:hover .dropdown-menu {
          opacity: 1;
          transform: translateY(0);
          visibility: visible;
        }

        /* Desktop par hover pe dropdown open */
        @media (min-width: 992px) {
          .navbar .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
          }
        }

        .emergency-box .fw-bold,
        .emergency-box i {
          position: relative;
          z-index: 99;
        }

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


        .header-right {
          display: flex;
          align-items: center;
          gap: 1.2rem;
          /* space between buttons */
        }

        /* Common button styles */
        .btn {
          position: relative;
          display: inline-flex !important;
          align-items: center;
          justify-content: center;
          padding: 12px 24px !important;
          font-size: 1rem !important;
          font-weight: 600 !important;
          text-decoration: none !important;
          border-radius: 50px !important;
          transition: all 0.3s ease !important;
          white-space: nowrap;
        }

        /* Appointment Button - Purple theme */
        .btn-appointment {
          background: linear-gradient(90deg, #7c3aed, #a855f7);
          color: white;
          box-shadow: 0 8px 25px rgba(124, 58, 237, 0.3);
        }

        .btn-appointment:hover {
          transform: translateY(-3px);
          box-shadow: 0 15px 35px rgba(124, 58, 237, 0.45);
          background: linear-gradient(90deg, #a855f7, #7c3aed);
        }

        /* Emergency Button - Red theme */
        .btn-emergency {
          background: #ef4444;
          color: white;
          box-shadow: 0 8px 25px rgba(239, 68, 68, 0.28);
          border: 2px solid #dc2626;
        }

        .btn-emergency:hover {
          background: #dc2626;
          transform: translateY(-3px);
          box-shadow: 0 15px 35px rgba(220, 38, 38, 0.45);
        }

        /* Phone number inside emergency button */
        .btn-emergency .phone-number {
          margin-left: 10px;
          font-weight: 700;
          opacity: 0.95;
        }

        /* Pulse animation (optional - looks great on medical sites) */
        .btn-appointment.pulse,
        .btn-emergency.pulse {
          animation: pulse-btn 2.3s infinite ease-in-out;
        }

        @keyframes pulse-btn {
          0% {
            box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5);
          }

          70% {
            box-shadow: 0 0 0 14px rgba(239, 68, 68, 0);
          }

          100% {
            box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
          }
        }

        /* For smaller screens - stack vertically if needed */
        @media (max-width: 991px) {
          .header-right {
            flex-direction: column;
            gap: 1rem;
            width: 100%;
            margin-top: 1rem;
          }

          .btn {
            width: 100%;
            justify-content: center;
          }
        }

        /********** New CSS*****/

        .section-title {
          text-align: center;
          font-size: 2.5rem;
          color: #1e3c72;
          margin-bottom: 3rem 48px;
          position: relative;
        }

        .section-title::after {
          content: '';
          display: block;
          width: 80px;
          height: 4px;
          background: #084867;
          margin: 1rem auto;
          border-radius: 2px;
        }

        .scrolling-ticker {
          overflow: hidden;
          white-space: nowrap;
          width: 100%;
          background-color: #b1ca8e59;
          padding: 10px 0;
          border-radius: 50px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          padding: 10px 20px;
        }

        .ticker-content {
          display: inline-block;
          padding-left: 100%;
          animation: scroll-left 20s linear infinite;
          font-weight: 500;
          font-size: 14px;
          /* adjust as needed */
          color: #b0f38d;
        }

        @keyframes scroll-left {
          0% {
            transform: translateX(0%);
          }

          100% {
            transform: translateX(-100%);
          }
        }


        .specialties-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
        }

        .specialty-card {
          background: white;
          padding: 0;
          border-radius: 15px;
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
          transition: all 0.3s;
          border-top: 4px solid #1e3c72;
        }

        .specialty-card:hover {
          transform: translateY(-5px);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }

        .specialty-card h3 {
          color: #1e3c72;
          margin-bottom: 1rem;
          font-size: 1.4rem;
        }

        .specialty-card p {
          color: #000;
          line-height: 1.6;
        }

        .expertise-section {
          background: linear-gradient(135deg, #6caa56 0%, #00306e 100%);
        }

        .expertise-list {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 1.5rem;
        }

        .expertise-item {
          background: rgba(255, 255, 255, 0.1);
          padding: 1.5rem;
          border-radius: 10px;
          backdrop-filter: blur(10px);
          transition: all 0.3s;
        }

        .expertise-item:hover {
          background: #fff;
          transform: scale(1.05);
        }

        .expertise-item h4 {
          margin-bottom: 0.5rem;
          font-size: 1.2rem;
        }

        .contact-section {
          background: #f8f9fa;
        }

        .contact-info a {
          color: #104e67;
          text-decoration: none;
          font-weight: bold;
        }

        footer {
          background: #1e3c72;
          color: white;
          text-align: center;
          padding: 50px 0px;
        }

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

          .about-content {
            grid-template-columns: 1fr;
          }

          .nav-links {
            display: none;
          }
        }


        .hero-content {
          display: flex;
          align-items: center;
          gap: 30px;
          flex-wrap: wrap;
        }

        /* Text & Image equal width on desktop */
        .hero-text,
        .hero-image {
          flex: 1;
        }

        /* Slider images full fit */
        .hero-image img {
          width: 100%;
          height: auto;
          border-radius: 10px;
        }

        /* Swiper container fix */
        .mySwiper {
          width: 100% !important;
          max-width: 100% !important;
          margin: 0 !important;
        }

        /* 🔹 Mobile Responsive */
        @media (max-width: 768px) {
          .hero-content {
            flex-direction: column;
            text-align: center;
          }

          .hero-text {
            order: 1;
          }

          .hero-image {
            order: 2;
            width: 100%;
          }

          .mySwiper {
            max-width: 100%;
          }

          .hero-text h1 {
            font-size: 24px;
          }

          .hero-text h2 {
            font-size: 18px;
          }
        }

        .imgbox img {
          max-width: 100%;
          margin: 0px 0px 10px;
          border-radius: 10px 10px 0px 0px;
        }

        .contentbox {
          padding: 20px;
        }


        /* Section Styling */
        .expertise-section {
          padding: 60px 0;
          background-color: #fff;
        }

        .section-title {
          text-align: center;
          font-weight: 600;
          font-size: 32px;
          margin-bottom: 50px;
          color: #333;
        }

        /* Expertise List */
        .expertise-list {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 25px;
        }

        #expertise .section-title {
          color: #fff;
        }

        /* Expertise Item */
        .expertise-item {
          background-color: #f9f9f9;
          border-radius: 12px;
          border: 1px solid #e0e0e0;
          padding: 25px 20px;
          width: 250px;
          text-align: center;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
          transition: all 0.3s ease;
        }

        .expertise-item:hover {
          transform: translateY(-5px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        }

        /* Icon Box */
        .icon-box {
          width: 100px;
          height: 100px;
          background-color: #fff;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          margin: 0 auto 15px auto;
          font-size: 24px;
          transition: all 0.3s ease;
        }

        .icon-box img {
          max-width: 100%;
          padding: 10px;
          background: #fff;
          box-shadow: 0 2px 5px 10px #cccccc26;
          border-radius: 25px;
        }

        .expertise-item:hover .icon-box {
          background-color: #147e34;
          transform: scale(1.1);
        }

        /* Titles and Description */
        .expertise-item h4 {
          font-size: 18px;
          font-weight: 600;
          margin-bottom: 10px;
          color: #333;
        }

        .expertise-item p {
          font-size: 14px;
          color: #555;
          line-height: 1.6;
        }

        /* Responsive */
        @media screen and (max-width: 768px) {
          .expertise-item {
            width: 45%;
          }
        }

        @media screen and (max-width: 480px) {
          .expertise-item {
            width: 100%;
          }
        }

        #specialties {
          padding: 50px 0px;
        }

        .footer-section {
          text-align: left;
        }

        .footer-phone span i {
          color: #193b6f;
        }

        .chatwithus a {
          color: #ffffff;
        }

        /* FAQ Section Styling */
        .faq {
          padding: 60px 0 100px;
          background-color: #fff;
          border-radius: 12px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .faq-header {
          text-align: left;
          margin-bottom: 50px;
          padding: 0 40px;
        }

        .faq-header h2 {
          color: #2c3e50;
          font-weight: 700;
          font-size: 2.2rem;
          margin-bottom: 10px;
          position: relative;
          display: inline-block;
        }

        .faq-header h2:after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -10px;
          width: 70px;
          height: 4px;
          background: #3498db;
          border-radius: 2px;
        }

        .faq-header p {
          color: #7f8c8d;
          font-size: 1.1rem;
          margin-top: 20px;
          max-width: 700px;
          line-height: 1.6;
        }

        /* FAQ Items */
        .faq-items {
          padding: 0 40px;
        }

        .faq-item {
          margin-bottom: 20px;
          border-radius: 10px;
          overflow: hidden;
          border: 1px solid #eaeaea;
          transition: all 0.3s ease;
        }

        .faq-item:hover {
          border-color: #d0e6ff;
          box-shadow: 0 5px 15px rgba(52, 152, 219, 0.08);
        }

        .faq-item.active {
          border-color: #3498db;
          box-shadow: 0 5px 15px rgba(52, 152, 219, 0.1);
        }

        .faq-question {
          padding: 22px 25px;
          background-color: #fff;
          cursor: pointer;
          display: flex;
          align-items: center;
          transition: background-color 0.3s;
        }

        .faq-item.active .faq-question {
          background-color: #f8fbff;
        }

        .faq-question:hover {
          background-color: #f8fbff;
        }

        .faq-question .icon-box {
          width: 50px;
          height: 50px;
          min-width: 50px;
          background: linear-gradient(135deg, #6ba956, #074668);
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 20px;
          color: white;
          font-size: 1.2rem;
          box-shadow: 0 4px 10px rgba(52, 152, 219, 0.2);
        }

        .faq-question span:not(.toggle-icon) {
          font-size: 1.15rem;
          font-weight: 600;
          color: #2c3e50;
          flex-grow: 1;
          line-height: 1.4;
        }

        .toggle-icon {
          font-size: 1.5rem;
          font-weight: 400;
          color: #3498db;
          transition: transform 0.3s ease;
          margin-left: 15px;
          min-width: 20px;
        }

        .faq-item.active .toggle-icon {
          transform: rotate(45deg);
          color: #2c3e50;
        }

        .faq-answer {
          padding: 0 25px;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.4s ease, padding 0.3s ease;
          background-color: #fff;
          line-height: 1.7;
          color: #555;
        }

        .faq-item.active .faq-answer {
          padding: 25px 25px 30px;
          max-height: 500px;
        }

        .faq-answer strong {
          color: #2c3e50;
        }

        /* Responsive Design */
        @media (max-width: 768px) {

          .faq-header,
          .faq-items {
            padding: 0 25px;
          }

          .faq-header h2 {
            font-size: 1.8rem;
          }

          .faq-question {
            padding: 18px 20px;
          }

          .faq-question span:not(.toggle-icon) {
            font-size: 1.05rem;
          }

          .faq-question .icon-box {
            width: 45px;
            height: 45px;
            min-width: 45px;
            margin-right: 15px;
            font-size: 1.1rem;
          }
        }

        @media (max-width: 576px) {
          .faq {
            padding: 40px 0;
          }

          .faq-header,
          .faq-items {
            padding: 0 20px;
          }

          .faq-header h2 {
            font-size: 1.6rem;
          }

          .faq-header p {
            font-size: 1rem;
          }

          .faq-question {
            padding: 15px;
          }

          .faq-question .icon-box {
            width: 40px;
            height: 40px;
            min-width: 40px;
            margin-right: 12px;
            font-size: 1rem;
          }

          .faq-question span:not(.toggle-icon) {
            font-size: 1rem;
          }
        }

        /* Demo note */
        .demo-note {
          text-align: center;
          margin-top: 30px;
          color: #7f8c8d;
          font-size: 0.9rem;
        }

        .yt-custom-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          padding: 5px 10px;
          font-family: 'Segoe UI', system-ui, Arial, sans-serif;
          font-size: 12px;
          font-weight: 700;
          text-decoration: none;
          color: #ffffff;
          background: linear-gradient(135deg, #01316e 0%, #0a3d8c 100%);
          border: none;
          border-radius: 50px;
          cursor: pointer;
          box-shadow:
            0 6px 20px rgba(1, 49, 110, 0.4),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
          transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
          letter-spacing: 0.4px;
          position: relative;
          overflow: hidden;
        }

        .yt-custom-btn i {
          font-size: 12px;
          color: #92c226;
          transition: transform 0.3s ease;
        }

        .yt-custom-btn:hover {
          transform: translateY(-3px);
          box-shadow:
            0 12px 30px rgba(1, 49, 110, 0.5),
            0 0 0 4px rgba(146, 194, 38, 0.25);
          background: linear-gradient(135deg, #0a3d8c 0%, #01316e 100%);
        }

        .yt-custom-btn:hover i {
          transform: scale(1.15);
        }


        .yt-custom-btn:active {
          transform: translateY(-1px);
          box-shadow: 0 4px 12px rgba(1, 49, 110, 0.45);
        }

        .yt-custom-btn::before {
          content: '';
          position: absolute;
          top: -50%;
          left: -100%;
          width: 50%;
          height: 200%;
          background: linear-gradient(120deg,
              transparent,
              rgba(146, 194, 38, 0.15),
              transparent);
          transform: skewX(-20deg);
          transition: left 0.6s ease;
          pointer-events: none;
        }

        .yt-custom-btn:hover::before {
          left: 120%;
        }


        @media (max-width: 480px) {
          .yt-custom-btn {
            padding: 12px 26px;
            font-size: 15px;
          }

          .yt-custom-btn i {
            font-size: 11px;
          }
        }

        /* Experience */
        /*.experience-section {
  padding: 60px 0;
  background: #0077b6;
  color: #ffffff;
  margin-top: -91px;
}

.experience-section h2 {
  font-weight: 700;
  margin-bottom: 15px;
}*/


        /* ================= EXPERIENCE SECTION WITH BG ================= */

        .experience-bg {
          position: relative;
          padding: 90px 0;
          /* Top & Bottom padding */
          background: url("../img/experience-bg.jpg") center/cover no-repeat;
          color: #ffffff;
        }

        .experience-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg,
              rgba(0, 119, 182, 0.85),
              rgba(0, 0, 0, 0.75));
        }

        .experience-content {
          position: relative;
          z-index: 2;
          max-width: 900px;
        }

        .experience-bg h2 {
          font-size: 38px;
          font-weight: 700;
          margin-bottom: 15px;
        }

        .experience-bg p {
          font-size: 17px;
          line-height: 1.8;
          opacity: 0.95;
        }

        /* Responsive */
        @media (max-width: 768px) {
          .experience-bg {
            padding: 70px 0;
          }

          .experience-bg h2 {
            font-size: 28px;
          }

          .experience-bg p {
            font-size: 15px;
          }
        }


        /* ================= CTA SECTION ================= */

        .cta-section {
          position: relative;
          padding: 90px 0;
          background: url("../img/cta-bg.jpg") center/cover no-repeat;
        }

        .cta-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg, rgb(247 247 247), rgb(241 241 241));
        }

        .cta-section .container {
          position: relative;
          z-index: 2;
        }

        .cta-section h2 {
          font-size: 38px;
          font-weight: 700;
          margin-bottom: 15px;
          color: #064669;
        }

        .cta-section p {
          font-size: 16px;
          margin-bottom: 20px;
          max-width: 550px;
          color: #000;
        }

        .cta-points {
          list-style: none;
          padding: 0;
          margin-bottom: 25px;
        }

        .cta-points li {
          margin-bottom: 10px;
          font-size: 15px;
          color: #101010;
        }

        .cta-points i {
          color: #0c4b67;
          margin-right: 8px;
        }

        .cta-btn {
          padding: 12px 28px;
          border-radius: 50px;
          font-weight: 600;
          font-size: 15px;
          box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);
        }

        .cta-doctor-img {
          max-width: 456px;
          filter: drop-shadow(0 12px 25px rgba(0, 0, 0, 0.5));
          border-radius: 10px;
        }

        /* ================= AFFILIATIONS ================= */

        .affiliations-section {
          padding: 80px 0;
          background: linear-gradient(135deg, #f9fbff, #ffffff);
        }

        .affiliation-card {
          background: #ffffff;
          border-radius: 18px;
          padding: 40px 30px;
          text-align: center;
          height: 100%;
          box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
          transition: all 0.35s ease;
        }

        .affiliation-card img {
          max-width: 180px;
          margin-bottom: 20px;
        }

        .affiliation-card h5 {
          font-weight: 700;
          margin-bottom: 6px;
        }

        .affiliation-card p {
          font-size: 14px;
          color: #555;
        }

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

        /* ================= RESPONSIVE ================= */

        @media (max-width: 768px) {
          .cta-section h2 {
            font-size: 28px;
          }

          .cta-section {
            text-align: center;
          }

          .cta-points {
            text-align: left;
            display: inline-block;
          }

          .cta-doctor-img {
            margin-top: 35px;
            max-width: 260px;
          }
        }

        .affiliation-card i {
          font-size: 30px;
          color: #0a4967;
          margin: 20px;
        }

        .newdoc img {
          width: 100%;
        }

        /* Mission Vision */
        .mission-vision {
          padding: 0px 0;
          margin-bottom: 50px;
        }

        .mv-box {
          background: #ffffff;
          border-radius: 16px;
          padding: 40px 30px;
          text-align: center;
          height: 100%;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }

        .mv-box i {
          font-size: 40px;
          color: #28a745;
          margin-bottom: 15px;
        }

        .mv-box h4 {
          font-weight: 700;
          margin-bottom: 10px;
        }

        /********* Contact Page *****/

        /* HERO */
        .contact-hero {
          background: linear-gradient(135deg, #0077b6, #00bcd4);
          color: #fff;
          padding: 80px 0;
        }

        .hero-text h1 {
          font-size: 42px;
          font-weight: 700;
        }

        .hero-text h4 {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 15px;
        }

        .hero-text p {
          font-size: 15px;
          max-width: 500px;
          line-height: 1.6;
        }

        .doctor-img {
          max-width: 300px;
          border-radius: 20px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
        }

        /* CONTACT SECTION */
        .contact-section {
          background: #f8f9fa;
        }

        .contact-info,
        .contact-form {
          background: #fff;
          border-radius: 15px;
          padding: 30px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
          height: 100%;
        }

        .contact-form h3 {
          font-size: 2.5rem;
          color: #0b4a68;
          margin-bottom: 20px;
        }

        .contact-info h2,
        .contact-form h2 {
          font-weight: 700;
          margin-bottom: 20px;
        }

        .contact-info p {
          font-size: 15px;
          margin-bottom: 12px;
        }

        .contact-info p a {
          color: #000;
        }

        .contact-info p i {
          color: #5f9d57;
          font-size: 20px;
        }

        .contact-info i {
          color: #f8f9fa;
          font-size: 20px;
        }

        .btn-primary {
          background-color: #0077b6;
          border: none;
        }

        .btn-success {
          background-color: #25d366;
          border: none;
        }

        /* Responsive */
        @media (max-width: 768px) {
          .contact-hero {
            text-align: center;
          }

          .doctor-img {
            margin-top: 30px;
          }
        }

        /* ================= FOLLOW US SOCIAL ICONS ================= */
        .follow-us h5 {
          font-weight: 600;
          color: #0077b6;
          margin-bottom: 10px;
        }

        .social-icons {
          display: flex;
          gap: 15px;
          flex-wrap: wrap;
        }

        .social-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 42px;
          height: 42px;
          background-color: #0077b6;
          color: #fff;
          border-radius: 50%;
          font-size: 18px;
          transition: all 0.3s ease;
        }

        .social-icon:hover {
          background-color: #00bcd4;
          color: #fff;
          transform: translateY(-4px);
        }

        .menu li .nav-link:hover,
        .menu li.active .nav-link {
          color: #002a61 !important;
        }

        .hero-stats {
          display: flex;
          gap: 3rem;
          margin-top: 25px;
          animation: fadeUp 0.8s 0.4s ease both;
        }

        .stat-num {

          font-size: 2.8rem;
          font-weight: 400;
          line-height: 1;
          color: var(--charcoal);
        }

        .stat-num span {
          color: var(--rose);
        }

        .stat-label {
          font-size: 0.72rem;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          color: var(--warm-gray);
          margin-top: 0.3rem;
        }

        .hero-btns {
          display: flex;
          gap: 1.2rem;
          animation: fadeUp 0.8s 0.5s ease both;
        }

        .legacy-card {
          background: #afcb9329;
          border: 1px solid #cccc;
          border-radius: 4px;
          padding: 2rem 2.2rem;
          margin-top: 2.5rem;
          position: relative;
          overflow: hidden;
        }

        .legacy-card::before {
          content: '"';
          position: absolute;
          top: -11px;
          left: 16px;

          font-size: 86px;
          color: #afcb93;
          line-height: 1;
          pointer-events: none;
        }

        .legacy-card p {

          font-size: 1.15rem;
          font-style: italic;
          color: var(--soft-brown);
          line-height: 1.7;
          margin-bottom: 0 !important;
          position: relative;
          z-index: 1;
        }

        .section-titlenew {
          margin-bottom: 20px;
          font-size: 2.5rem;
          color: #0b4a68;
        }

        .expertise-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 1.5rem;
        }

        .exp-card {
          border: 1px solid rgba(196, 121, 106, 0.12);
          border-radius: 4px;
          padding: 2.5rem 2rem;
          position: relative;
          overflow: hidden;
          transition: all 0.4s ease;
          background: #afcb9300;
        }

        .exp-card::before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: linear-gradient(90deg, #afcb93, #0a4968);
          transform: scaleX(0);
          transform-origin: left;
          transition: transform 0.4s ease;
        }

        .exp-card:hover {
          transform: translateY(-6px);
          box-shadow: 0 20px 60px rgba(196, 121, 106, 0.12);
          border-color: #afcb9352;
        }

        .exp-card:hover::before {
          transform: scaleX(1);
        }

        .exp-num {

          font-size: 3rem;
          font-weight: 400;
          color: #afcb9352;
          position: absolute;
          top: 1.5rem;
          right: 1.8rem;
          line-height: 1;
        }

        .exp-icon {
          font-size: 1.8rem;
          margin-bottom: 1.2rem;
        }

        .exp-card h3 {

          font-size: 1.35rem;
          font-weight: 500;
          color: var(--charcoal);
          margin-bottom: 0.8rem;
        }

        .exp-card p {
          font-size: 16px;
          color: #2e2e2e;
          line-height: 1.7;
          font-weight: 400;
        }

        .exp-tags {
          display: flex;
          flex-wrap: wrap;
          gap: 0.4rem;
          margin-top: 1.2rem;
        }

        .tag {
          background: #afcb93;
          color: #000304;
          font-size: 0.68rem;
          letter-spacing: 0.08em;
          padding: 0.3rem 0.8rem;
          border-radius: 2px;
          font-weight: 400;
        }


        #hospitals {
          background: #afcb9352;
          text-align: center;
          padding: 50px;
        }

        #hospitals .section-label {
          justify-content: center;
          color: #094867;
        }

        #hospitals .section-label::after {
          background: rgba(196, 121, 106, 0.3);
        }

        #hospitals .section-title {
          font-size: 2.5rem;
          color: #0b4a68;
          margin-bottom: 20px;
        }

        .hospitals-sub {
          font-size: 16px;
          color: #1e1e1e;
          margin-bottom: 4rem;
          font-weight: 400;
        }

        .hospitals-list {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 1.5rem;
          margin-bottom: 3rem;
        }

        .hospital-pill {
          background: rgb(18 79 102);
          border: 1px solid rgba(196, 121, 106, 0.25);
          border-radius: 3px;
          padding: 1.2rem 2.5rem;
          color: rgba(255, 255, 255, 0.85);
          font-size: 14px;
          letter-spacing: 0.08em;
          font-weight: 400;
          transition: all 0.3s;
          cursor: default;
        }

        .hospital-pill:hover {
          background: rgb(175 203 147);
          border-color: #afcb93;
          color: #074768;
          transform: translateY(-3px);
        }


        /********* new section *********/

        /* ──────────────────────────────────────────────── */
        /*                Education & Philosophy            */
        /* ──────────────────────────────────────────────── */

        .edu-hosp-section {
          padding: 80px 20px;
          background: #f8f9fc;
          color: #2d3748;
        }

        .edu-hosp-container {
          max-width: 1100px;
          margin: 0 auto;
        }

        .edu-hosp-main-content {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 60px;
          align-items: start;
        }

        /* Left - Credentials */
        .edu-hosp-credentials {
          background: white;
          padding: 40px;
          border-radius: 16px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
        }

        .edu-hosp-label {
          font-size: 1rem;
          font-weight: 600;
          color: #12596d;
          text-transform: uppercase;
          letter-spacing: 1.5px;
          margin-bottom: 12px;
          display: block;
        }

        .edu-hosp-title {
          font-size: 2.5rem;
          font-weight: 600;
          line-height: 1.15;
          margin: 0 0 24px;
          color: #1a202c;
        }

        .edu-hosp-title em {
          font-style: normal;
          color: #124f67;
          font-weight: 500;
        }

        .edu-hosp-divider {
          width: 60px;
          height: 4px;
          background: #04526a;
          border-radius: 2px;
          margin: 0 0 40px;
        }

        .edu-hosp-items {
          display: flex;
          flex-direction: column;
          gap: 28px;
        }

        .edu-hosp-item {
          display: flex;
          gap: 24px;
          align-items: flex-start;
        }

        .edu-hosp-year {
          min-width: 70px;
          height: 70px;
          background: #afcb93;
          color: #004c68;
          font-size: 1.5rem;
          font-weight: 700;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          flex-shrink: 0;
          padding: 0 20px;
        }

        .edu-hosp-item-content h4 {
          margin: 0 0 6px;
          font-size: 1.32rem;
          font-weight: 600;
          color: #2d3748;
        }

        .edu-hosp-item-content p {
          margin: 0;
          color: #718096;
          font-size: 1.05rem;
          line-height: 1.45;
        }

        /* Right - Philosophy */
        .edu-hosp-philosophy {
          background: linear-gradient(135deg, #074768 0%, #afcb93 100%);
          color: white;
          padding: 48px 40px;
          border-radius: 16px;
          box-shadow: 0 12px 40px rgba(107, 70, 193, 0.25);
        }

        .edu-hosp-philosophy h3 {
          font-size: 2.1rem;
          margin: 0 0 28px;
          font-weight: 700;
        }

        .edu-hosp-philosophy p {
          font-size: 1.1rem;
          line-height: 1.7;
          margin: 0 0 24px;
          opacity: 0.95;
        }

        .edu-hosp-interests {
          display: flex;
          flex-wrap: wrap;
          gap: 12px;
          margin-top: 32px;
        }

        .edu-hosp-tag {
          background: rgba(255, 255, 255, 0.18);
          backdrop-filter: blur(6px);
          padding: 10px 18px;
          border-radius: 50px;
          font-size: 0.98rem;
          font-weight: 500;
          border: 1px solid rgba(255, 255, 255, 0.25);
        }

        /* ──────────────────────────────────────────────── */
        /*                   Responsive                     */
        /* ──────────────────────────────────────────────── */

        @media (max-width: 992px) {
          .edu-hosp-main-content {
            grid-template-columns: 1fr;
            gap: 50px;
          }

          .edu-hosp-credentials,
          .edu-hosp-philosophy {
            padding: 36px 28px;
          }

          .edu-hosp-title {
            font-size: 2.4rem;
          }
        }

        @media (max-width: 640px) {
          .edu-hosp-section {
            padding: 60px 16px;
          }

          .edu-hosp-title {
            font-size: 2.1rem;
          }

          .edu-hosp-year {
            min-width: 60px;
            height: 60px;
            font-size: 1.35rem;
          }

          .edu-hosp-item {
            gap: 18px;
          }

          .edu-hosp-philosophy {
            padding: 40px 28px;
          }

          .edu-hosp-philosophy h3 {
            font-size: 1.9rem;
          }

          .edu-hosp-tag {
            padding: 8px 14px;
            font-size: 0.92rem;
          }
        }

        /* CONTACT */
        #contact {
          background: #e4eede;
          text-align: center;
          padding: 50px 0px;
        }

        #contact .section-label {
          justify-content: center;
        }

        #contact .section-label::after {
          display: none;
        }

        #contact .section-label::before {
          content: '';
          flex: 0 0 40px;
          height: 1px;
          background: var(--rose-light);
        }

        #contact .section-title {
          font-size: 2.5rem;
          color: #0b4a68;
          margin-bottom: 20px;
        }

        .contact-desc {
          font-size: 16px;
          color: #000;
          font-weight: 400;
          max-width: 500px;
          margin: 0 auto 4rem;
          line-height: 1.8;
        }

        .contact-cards {
          display: flex;
          justify-content: center;
          gap: 1.5rem;
          flex-wrap: wrap;
          margin-bottom: 4rem;
        }

        .contact-card {
          background: var(--cream);
          border: 1px solid rgba(196, 121, 106, 0.15);
          border-radius: 4px;
          padding: 2rem 2.5rem;
          text-align: center;
          min-width: 200px;
          transition: all 0.3s;
        }

        .contact-card:hover {
          border-color: var(--rose-light);
          transform: translateY(-4px);
          box-shadow: 0 12px 40px rgba(196, 121, 106, 0.1);
        }

        .contact-card .cc-icon {
          font-size: 50px;
          margin-bottom: 0.8rem;
        }

        .contact-card h4 {
          font-size: 0.7rem;
          letter-spacing: 0.18em;
          text-transform: uppercase;
          color: var(--warm-gray);
          margin-bottom: 0.4rem;
        }

        .contact-card p {
          font-size: 1.1rem;
          color: #000);
        }

        .appt-btn {
          display: inline-flex;
          align-items: center;
          gap: 0.8rem;
          background: #0c4b67;
          color: #fff;
          padding: 1.1rem 3rem;
          font-size: 0.85rem;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          text-decoration: none;
          border-radius: 2px;
          transition: all 0.3s;
          font-family: 'Jost', sans-serif;
        }

        .appt-btn:hover {
          background: #afcb93;
          transform: translateY(-3px);
          box-shadow: 0 12px 40px rgba(196, 121, 106, 0.3);
          color: #0b4a67;
        }

        /***************** Contact Page************/

        /* CONTACT SECTION */

        .newcontact-section {
          padding: 60px 0;
          background: #f7f9fc;
        }


        /* CONTACT INFO */

        .newcontact-info {
          background: #fff;
          padding: 35px;
          border-radius: 12px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
          height: 100%;
        }

        .newcontact-info h2 {
          font-size: 28px;
          margin-bottom: 25px;
          font-weight: 600;
          color: #222;
        }

        .newcontact-item {
          margin-bottom: 18px;
          font-size: 16px;
          color: #555;
        }

        .newcontact-item i {
          color: #0a4967;
          margin-right: 10px;
        }

        .newcontact-item a {
          color: #333;
          text-decoration: none;
          font-weight: 500;
        }

        .newcontact-item a:hover {
          color: #ff4d7e;
        }

        /* SOCIAL */

        .newcontact-social h5 {
          margin-top: 20px;
          font-size: 18px;
          font-weight: 600;
        }

        .newcontact-social-icons {
          margin-top: 10px;
        }

        .newcontact-social-icons a {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          background: #004a65;
          color: #fff;
          border-radius: 50%;
          margin-right: 10px;
          transition: .3s;
        }

        .newcontact-social-icons a:hover {
          background: #222;
          transform: translateY(-3px);
        }

        /* WHATSAPP */

        .newcontact-whatsapp {
          display: block;
          margin-top: 20px;
          padding: 12px;
          background: #25D366;
          color: #fff;
          text-align: center;
          border-radius: 6px;
          text-decoration: none;
          font-weight: 600;
          transition: .3s;
        }

        .newcontact-whatsapp:hover {
          background: #1ebe5d;
        }

        /* FORM */

        .newcontact-form {
          background: #fff;
          padding: 35px;
          border-radius: 12px;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
          height: 100%;
        }

        .newcontact-form h2 {
          font-size: 28px;
          margin-bottom: 25px;
          font-weight: 600;
        }

        .newcontact-group {
          margin-bottom: 18px;
        }

        .newcontact-group label {
          display: block;
          margin-bottom: 6px;
          font-weight: 500;
        }

        .newcontact-group input,
        .newcontact-group textarea {
          width: 100%;
          padding: 12px;
          border: 1px solid #ddd;
          border-radius: 6px;
          font-size: 15px;
        }

        .newcontact-group textarea {
          height: 110px;
          resize: none;
        }

        .newcontact-group input:focus,
        .newcontact-group textarea:focus {
          border-color: #ff4d7e;
          outline: none;
        }

        /* BUTTON */

        .newcontact-btn {
          width: 100%;
          padding: 13px;
          background: #0c4b67;
          border: none;
          color: #fff;
          font-weight: 600;
          border-radius: 6px;
          cursor: pointer;
          transition: .3s;
        }

        .newcontact-btn:hover {
          background: #afcb93;
          color: #0b4a67;
        }

        /* BREADCRUMB */

        .newcontact-breadcrumb {
          margin-top: 30px;
          margin-bottom: 10px;
        }

        }

        @media(max-width:600px) {

          .newcontact-info,
          .newcontact-form {
            padding: 25px;
          }

          .newcontact-form h2,
          .newcontact-info h2 {
            font-size: 24px;
          }

        }


        :root {
          --aboutme-green: #B1CA8E;
          --aboutme-green-lt: #d4e6b5;
          --aboutme-green-dk: #8aab60;
          --aboutme-navy: #12456B;
          --aboutme-navy-lt: #1a5f96;
          --aboutme-navy-dk: #0c2e48;
          --aboutme-white: #FFFFFF;
          --aboutme-offwhite: #f4f8f0;
          --aboutme-warmgray: #e8eee2;
          --aboutme-ink: #0d2a42;
          --aboutme-muted: #4a6e5a;
        }

        .aboutme-wrap *,
        .aboutme-wrap *::before,
        .aboutme-wrap *::after {
          box-sizing: border-box;
        }

        .aboutme-wrap {
          font-family: 'DM Sans', sans-serif;
          background: var(--aboutme-offwhite);
          color: var(--aboutme-ink);
          overflow-x: hidden;
        }

        /* HERO */
        .aboutme-hero {
          display: grid;
          grid-template-columns: 1fr 1fr;
          position: relative;
          overflow: hidden;
        }

        .aboutme-hero-left {
          background: var(--aboutme-navy-dk);
          display: flex;
          align-items: self-start;
          padding: 4rem 3rem 4rem 4rem;
          position: relative;
          z-index: 2;
          height: 500px;
        }

        .aboutme-hero-left::after {
          content: '';
          position: absolute;
          right: -1px;
          top: 10%;
          height: 80%;
          width: 2px;
          background: linear-gradient(to bottom, transparent, var(--aboutme-green), transparent);
        }

        .aboutme-hero-text {
          position: relative;
          z-index: 2;
        }

        .aboutme-hero-eyebrow {
          font-size: .72rem;
          font-weight: 500;
          letter-spacing: .2em;
          text-transform: uppercase;
          color: var(--aboutme-green);
          margin-bottom: 1.5rem;
          display: flex;
          align-items: center;
          gap: .75rem;
        }

        .aboutme-hero-eyebrow::before {
          content: '';
          display: block;
          width: 2rem;
          height: 1px;
          background: var(--aboutme-green);
        }

        .aboutme-hero-left h1 {
          font-size: clamp(2.8rem, 5vw, 4.5rem);
          font-weight: 400;
          color: var(--aboutme-white);
          line-height: 1.1;
          margin-bottom: 1rem;
        }

        .aboutme-hero-left h1 em {
          font-style: italic;
          color: var(--aboutme-green);
        }

        .aboutme-hero-creds {
          font-size: 16px;
          font-weight: 400;
          color: rgba(255, 255, 255, .55);
          letter-spacing: .05em;
          margin-top: 1rem;
          line-height: 1.8;
        }

        .aboutme-hero-stats {
          display: flex;
          gap: 2rem;
          margin-top: 2.5rem;
          flex-wrap: wrap;
        }

        .aboutme-stat-num {
          font-size: 2.6rem;
          font-weight: 600;
          color: var(--aboutme-green);
          line-height: 1;
        }

        .aboutme-stat-label {
          font-size: .7rem;
          color: rgba(255, 255, 255, .45);
          letter-spacing: .1em;
          text-transform: uppercase;
          margin-top: .25rem;
        }

        .aboutme-hero-right {
          position: relative;
          background: var(--aboutme-navy);
          overflow: hidden;
          height: 500px;
        }

        .aboutme-hero-right::before {
          content: '';
          position: absolute;
          inset: 0;
          background:
            radial-gradient(circle at 70% 30%, rgba(177, 202, 142, .18) 0%, transparent 50%),
            radial-gradient(circle at 20% 80%, rgba(18, 69, 107, .5) 0%, transparent 45%);
        }

        .aboutme-hero-circle {
          position: absolute;
          width: 70%;
          aspect-ratio: 1;
          border-radius: 50%;
          border: 1px solid rgba(177, 202, 142, .2);
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: aboutme-spin 30s linear infinite;
        }

        .aboutme-hero-circle-2 {
          width: 50%;
          border-color: rgba(177, 202, 142, .1);
          animation-direction: reverse;
          animation-duration: 20s;
        }

        @keyframes aboutme-spin {
          to {
            transform: translate(-50%, -50%) rotate(360deg);
          }
        }

        /* .aboutme-hero-img-wrap {
      position: absolute; bottom: 0; left: 50%;
      transform: translateX(-50%);
      width: 75%; height: 90%;
      display: flex; align-items: flex-end; justify-content: center;
    }*/
        .aboutme-hero-img-wrap img {
          max-height: 100%;
          object-fit: cover;
          height: 500px;
          width: 100%;
        }

        .aboutme-placeholder {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .aboutme-placeholder i {
          font-size: 9rem;
          color: rgba(177, 202, 142, .25);
        }

        .aboutme-hero-badge {
          position: absolute;
          top: 2rem;
          right: 2rem;
          background: var(--aboutme-white);
          border-radius: 50%;
          width: 7rem;
          height: 7rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          box-shadow: 0 8px 32px rgba(12, 46, 72, .3);
          z-index: 5;
        }

        .aboutme-hero-badge span:first-child {
          font-size: 1.5rem;
          font-weight: 600;
          color: var(--aboutme-navy);
          line-height: 1;
        }

        .aboutme-hero-badge span:last-child {
          font-size: .52rem;
          letter-spacing: .08em;
          text-transform: uppercase;
          color: var(--aboutme-muted);
          margin-top: .2rem;
        }

        /* SHARED */
        .aboutme-container {
          max-width: 1140px;
          margin: 0 auto;
          padding: 0 2rem;
        }

        .aboutme-section-label {
          display: inline-flex;
          align-items: center;
          gap: .6rem;
          font-size: .7rem;
          font-weight: 500;
          letter-spacing: .2em;
          text-transform: uppercase;
          color: var(--aboutme-navy);
          margin-bottom: 1.2rem;
        }

        .aboutme-section-label::after {
          content: '';
          display: block;
          width: 2.5rem;
          height: 1px;
          background: var(--aboutme-navy);
        }

        .aboutme-label-light {
          color: var(--aboutme-green) !important;
        }

        .aboutme-label-light::after {
          background: var(--aboutme-green) !important;
        }

        .aboutme-section-header {
          text-align: center;
          margin-bottom: 3.5rem;
        }

        .aboutme-section-title {
          font-size: clamp(1.8rem, 3vw, 2.6rem);
          font-weight: 400;
          color: var(--aboutme-ink);
          margin-top: .5rem;
        }

        .aboutme-title-light {
          color: var(--aboutme-white) !important;
        }

        .aboutme-headline {
          font-size: clamp(2rem, 3.5vw, 3rem);
          font-weight: 400;
          line-height: 1.25;
          color: var(--aboutme-ink);
        }

        .aboutme-headline strong {
          font-weight: 600;
          color: var(--aboutme-navy);
        }

        .aboutme-body-text {
          font-size: 16px;
          line-height: 1.85;
          color: var(--aboutme-muted);
          font-weight: 400;
        }

        .aboutme-body-text p+p {
          margin-top: 1rem;
        }

        /* INTRO */
        .aboutme-intro {
          background: var(--aboutme-white);
          padding: 6rem 0;
          position: relative;
          overflow: hidden;
        }

        .aboutme-intro::before {
          content: '"';
          font-size: 22rem;
          color: rgba(177, 202, 142, .1);
          position: absolute;
          top: -4rem;
          left: -2rem;
          line-height: 1;
          pointer-events: none;
        }

        .aboutme-intro-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 5rem;
          align-items: center;
        }

        .aboutme-legacy-tag {
          margin-top: 2rem;
          padding: 1.25rem 1.5rem;
          background: var(--aboutme-offwhite);
          border-left: 3px solid var(--aboutme-green-dk);
          border-radius: 0 8px 8px 0;
          font-size: .88rem;
          color: var(--aboutme-ink);
          line-height: 1.6;
        }

        .aboutme-legacy-tag i {
          color: var(--aboutme-green-dk);
          margin-right: .4rem;
        }

        /* EXPERTISE */
        .aboutme-expertise {
          background: var(--aboutme-offwhite);
          padding: 6rem 0;
        }

        .aboutme-expertise-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 1.5rem;
        }

        .aboutme-exp-card {
          background: var(--aboutme-white);
          border-radius: 12px;
          padding: 2rem;
          position: relative;
          overflow: hidden;
          transition: transform .3s, box-shadow .3s;
          border: 1px solid rgba(177, 202, 142, .25);
        }

        .aboutme-exp-card:hover {
          transform: translateY(-4px);
          box-shadow: 0 16px 40px rgba(18, 69, 107, .12);
        }

        .aboutme-exp-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: linear-gradient(to right, var(--aboutme-navy), var(--aboutme-green));
          opacity: 0;
          transition: opacity .3s;
        }

        .aboutme-exp-card:hover::before {
          opacity: 1;
        }

        .aboutme-exp-icon {
          width: 3rem;
          height: 3rem;
          background: var(--aboutme-offwhite);
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          color: var(--aboutme-navy);
          margin-bottom: 1.2rem;
        }

        .aboutme-exp-card h4 {
          font-size: 1.15rem;
          font-weight: 600;
          color: var(--aboutme-ink);
          margin-bottom: .6rem;
        }

        .aboutme-exp-card p {
          font-size: .85rem;
          color: var(--aboutme-muted);
          line-height: 1.75;
        }

        /* EDUCATION */
        .aboutme-education {
          background: var(--aboutme-navy-dk);
          padding: 6rem 0;
          position: relative;
          overflow: hidden;
        }

        .aboutme-education::before {
          content: '';
          position: absolute;
          width: 600px;
          height: 600px;
          border-radius: 50%;
          background: radial-gradient(circle, rgba(177, 202, 142, .1) 0%, transparent 70%);
          top: -200px;
          right: -100px;
          pointer-events: none;
        }

        .aboutme-edu-timeline {
          max-width: 680px;
          margin: 0 auto;
          position: relative;
        }

        .aboutme-edu-timeline::before {
          content: '';
          position: absolute;
          left: 1.4rem;
          top: .5rem;
          bottom: .5rem;
          width: 1px;
          background: linear-gradient(to bottom, var(--aboutme-green), var(--aboutme-navy-lt), transparent);
        }

        .aboutme-edu-item {
          display: flex;
          gap: 1.5rem;
          margin-bottom: 2.5rem;
          position: relative;
        }

        .aboutme-edu-dot {
          flex-shrink: 0;
          width: 2.8rem;
          height: 2.8rem;
          border-radius: 50%;
          background: var(--aboutme-green-dk);
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--aboutme-white);
          font-size: .85rem;
          position: relative;
          z-index: 2;
          margin-top: .15rem;
        }

        .aboutme-edu-content h5 {
          font-size: 1.1rem;
          font-weight: 600;
          color: var(--aboutme-white);
          margin-bottom: .2rem;
        }

        .aboutme-edu-content p {
          font-size: .85rem;
          color: rgba(255, 255, 255, .5);
        }

        /* WELLNESS */
        .aboutme-wellness {
          background: var(--aboutme-warmgray);
          padding: 6rem 0;
        }

        .aboutme-wellness-grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 4rem;
          align-items: center;
        }

        .aboutme-tags-row {
          display: flex;
          flex-wrap: wrap;
          gap: .6rem;
          margin-top: 2rem;
        }

        .aboutme-tag {
          display: inline-flex;
          align-items: center;
          gap: .4rem;
          padding: .45rem 1rem;
          border-radius: 999px;
          font-size: .78rem;
          font-weight: 500;
          background: var(--aboutme-white);
          color: var(--aboutme-navy);
          border: 1px solid rgba(18, 69, 107, .15);
        }

        .aboutme-tag i {
          font-size: .75rem;
          color: var(--aboutme-green-dk);
        }

        .aboutme-wellness-cards {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 1rem;
        }

        .aboutme-w-card {
          background: var(--aboutme-white);
          border-radius: 12px;
          padding: 1.75rem 1.5rem;
          text-align: center;
          transition: transform .3s;
          border: 1px solid rgba(177, 202, 142, .25);
        }

        .aboutme-w-card:hover {
          transform: translateY(-4px);
        }

        .aboutme-w-card:nth-child(2) {
          transform: translateY(1.5rem);
        }

        .aboutme-w-card:nth-child(2):hover {
          transform: translateY(calc(1.5rem - 4px));
        }

        .aboutme-w-icon {
          font-size: 2rem;
          margin-bottom: .75rem;
        }

        .aboutme-w-card h6 {
          font-size: 1rem;
          font-weight: 600;
          color: var(--aboutme-navy);
          margin-bottom: .3rem;
        }

        .aboutme-w-card p {
          font-size: 16px;
          color: var(--aboutme-muted);
          font-weight: 400;
        }

        /* AFFILIATIONS */
        .aboutme-affiliations {
          background: var(--aboutme-white);
          padding: 6rem 0;
        }

        .aboutme-affil-grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 1.5rem;
          max-width: 760px;
          margin: 0 auto;
        }

        .aboutme-affil-card {
          border: 1px solid rgba(18, 69, 107, .12);
          border-radius: 16px;
          padding: 2.5rem 2rem;
          text-align: center;
          transition: all .3s;
          position: relative;
          overflow: hidden;
        }

        .aboutme-affil-card::after {
          content: '';
          position: absolute;
          inset: 0;
          background: linear-gradient(135deg, rgba(177, 202, 142, .08), transparent);
          opacity: 0;
          transition: opacity .3s;
        }

        .aboutme-affil-card:hover {
          border-color: var(--aboutme-green-dk);
          box-shadow: 0 12px 32px rgba(18, 69, 107, .1);
        }

        .aboutme-affil-card:hover::after {
          opacity: 1;
        }

        .aboutme-affil-card i {
          font-size: 2rem;
          color: var(--aboutme-navy);
          margin-bottom: 1rem;
        }

        .aboutme-affil-card h5 {
          font-size: 1.2rem;
          font-weight: 600;
          color: var(--aboutme-ink);
          margin-bottom: .4rem;
        }

        .aboutme-affil-card p {
          font-size: 16px;
          color: var(--aboutme-muted);
        }

        /* CTA */
        .aboutme-cta {
          background: linear-gradient(135deg, var(--aboutme-navy) 0%, var(--aboutme-navy-dk) 100%);
          padding: 5rem 0;
          text-align: center;
          position: relative;
          overflow: hidden;
        }

        .aboutme-cta::before {
          content: '';
          position: absolute;
          width: 500px;
          height: 500px;
          border-radius: 50%;
          border: 1px solid rgba(177, 202, 142, .12);
          top: -200px;
          left: -100px;
        }

        .aboutme-cta::after {
          content: '';
          position: absolute;
          width: 400px;
          height: 400px;
          border-radius: 50%;
          border: 1px solid rgba(177, 202, 142, .08);
          bottom: -150px;
          right: -50px;
        }

        .aboutme-cta-inner {
          position: relative;
          z-index: 2;
        }

        .aboutme-cta-inner h2 {
          font-size: clamp(2rem, 3.5vw, 3rem);
          font-weight: 400;
          color: var(--aboutme-white);
          margin-bottom: 1rem;
        }

        .aboutme-cta-inner p {
          color: rgba(255, 255, 255, .7);
          font-size: .95rem;
          max-width: 520px;
          margin: 0 auto 2.5rem;
          line-height: 1.75;
        }

        .aboutme-cta-btn {
          display: inline-flex;
          align-items: center;
          gap: .6rem;
          padding: 1rem 2.5rem;
          background: var(--aboutme-green);
          color: var(--aboutme-navy-dk);
          font-weight: 600;
          font-size: .9rem;
          border-radius: 999px;
          text-decoration: none;
          letter-spacing: .05em;
          transition: transform .2s, box-shadow .2s, background .2s;
        }

        .aboutme-cta-btn:hover {
          transform: translateY(-2px);
          background: var(--aboutme-green-lt);
          box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
        }

        /* FADE ANIMATION */
        .aboutme-fade {
          opacity: 0;
          transform: translateY(26px);
          transition: opacity .7s ease, transform .7s ease;
        }

        .aboutme-fade.aboutme-visible {
          opacity: 1;
          transform: none;
        }

        /* RESPONSIVE */
        @media (max-width: 900px) {
          .aboutme-hero {
            grid-template-columns: 1fr;
            min-height: auto;
          }

          .aboutme-hero-left {
            padding: 4rem 2rem 3rem;
            height: 530px;
          }

          .aboutme-hero-left::after {
            display: none;
          }

          .aboutme-hero-right {
            min-height: 60vw;
          }

          .aboutme-hero-circle,
          .aboutme-hero-circle-2 {
            display: none;
          }

          .aboutme-intro-grid,
          .aboutme-wellness-grid {
            grid-template-columns: 1fr;
            gap: 2.5rem;
          }

          .aboutme-expertise-grid {
            grid-template-columns: 1fr;
          }

          .aboutme-affil-grid {
            grid-template-columns: 1fr;
            max-width: 420px;
          }
        }

        @media (max-width: 600px) {
          .aboutme-hero-stats {
            gap: 1.2rem;
          }

          .aboutme-wellness-cards {
            grid-template-columns: 1fr 1fr;
          }

          .aboutme-w-card:nth-child(2) {
            transform: none;
          }

          .aboutme-w-card:nth-child(2):hover {
            transform: translateY(-4px);
          }

          .aboutme-hero-badge {
            width: 5.5rem;
            height: 5.5rem;
            top: 1rem;
            right: 1rem;
          }

          .aboutme-hero-badge span:first-child {
            font-size: 1.3rem;
          }
        }

        .breadcrumb {
          margin: 0px;
        }

        /* Container */
        .marquee-container {
          overflow: hidden;
          background: #f9f9f9;
          border: 1px solid #ddd;
          padding: 0px;
          border-radius: 36px;
        }

        /* Flex container for scrolling */
        .marquee {
          display: flex;
          width: max-content;
          animation: scroll 50s linear infinite;
        }

        /* Each item */
        .marquee-item {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 16px;
          color: #333;
          padding: 0 8px;
          white-space: nowrap;
        }

        /* Scroll Animation */
        @keyframes scroll {
          0% {
            transform: translateX(0%);
          }

          100% {
            transform: translateX(-50%);
          }
        }

        /* Responsive adjustments */
        @media screen and (max-width: 768px) {
          .marquee-item {
            font-size: 14px;
            padding: 0 20px;
          }
        }

        @media screen and (max-width: 480px) {
          .marquee-item {
            font-size: 12px;
            padding: 0 15px;
          }
        }

        /*********** Serivices Section New Design *************/
        .services-section {
          background: linear-gradient(180deg, #ffffff 0%, #f3f8ee 50%, #ffffff 100%);
          padding: 80px 0;
        }

        .service-pill-badge {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          background: #fafdf9;
          border: 1px solid #ebf5e7;
          color: #85b85d;
          padding: 6px 18px;
          border-radius: 30px;
          font-size: 14px;
          font-weight: 600;
        }

        .service-pill-badge .badge-dot {
          width: 8px;
          height: 8px;
          background: #85b85d;
          border-radius: 50%;
          display: inline-block;
        }

        .services-main-title {
          font-size: 2.5rem;
          font-weight: 800;
          color: #1A4331;
          margin-bottom: 15px;
        }

        .services-main-title .highlight-text {
          color: #85b85d;
        }

        .services-sub-desc {
          max-width: 680px;
          font-size: 1.05rem;
          color: #666;
          line-height: 1.7;
        }

        .service-card-new {
          background: #ffffff;
          border-radius: 20px;
          padding: 32px 26px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          border: 1px solid #f0f4ee;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          transition: all 0.35s ease;
        }

        .service-card-new:hover {
          transform: translateY(-8px);
          box-shadow: 0 18px 40px rgba(118, 173, 74, 0.16);
          border-color: #d6e8cc;
        }

        .service-icon-badge {
          width: 54px;
          height: 54px;
          background: #fafdf9;
          border: 1px solid #ebf5e7;
          color: #85b85d;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 22px;
          margin-bottom: 22px;
          transition: all 0.35s ease;
        }

        .service-card-new:hover .service-icon-badge {
          transform: scale(1.05);
          background: #f4f9f1;
          color: #76AD4A;
        }

        .service-card-new h3 {
          font-size: 1.25rem;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 14px;
          line-height: 1.35;
        }

        .service-card-new p {
          font-size: 0.95rem;
          color: #666666;
          line-height: 1.65;
          margin-bottom: 24px;
        }

        .read-more-link {
          color: #76AD4A;
          font-weight: 600;
          font-size: 0.95rem;
          text-decoration: none;
          display: inline-flex;
          align-items: center;
          gap: 6px;
          transition: color 0.3s ease, transform 0.3s ease;
        }

        .read-more-link:hover {
          color: #1A4331;
          text-decoration: none;
        }

        .read-more-link:hover i {
          transform: translateX(4px);
        }

        /*********** About Section New Format *************/
        .about-section {
          background: #ffffff;
          padding: 90px 0;
        }

        .about-img-wrapper {
          position: relative;
          border-radius: 24px;
        }

        .about-doctor-card {
          width: 100%;
          height: 370px;
          background: linear-gradient(135deg, #eef5e8 0%, #d2e6c5 100%);
          border-radius: 24px;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          overflow: hidden;
          box-shadow: 0 14px 35px rgba(0, 0, 0, 0.07);
          border: 1px solid #e0ebd8;
        }

        .about-doc-photo {
          max-height: 98%;
          width: auto;
          object-fit: contain;
          filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.12));
        }

        .about-main-img {
          width: 100%;
          height: 370px;
          object-fit: cover;
          object-position: top center;
          border-radius: 24px;
          box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
          background: linear-gradient(180deg, #eef5e8 0%, #d5e8c8 100%);
        }

        .about-exp-badge {
          position: absolute;
          top: -20px;
          left: -20px;
          background: #76AD4A;
          color: #ffffff;
          padding: 20px 24px;
          border-radius: 20px;
          box-shadow: 0 10px 30px rgba(118, 173, 74, 0.35);
          z-index: 3;
          text-align: left;
        }

        .about-exp-badge .exp-num {
          font-size: 2.2rem;
          font-weight: 800;
          line-height: 1;
          margin-bottom: 4px;
        }

        .about-exp-badge .exp-txt {
          font-size: 0.85rem;
          font-weight: 500;
          line-height: 1.25;
          opacity: 0.95;
        }

        .about-main-title {
          font-size: 2.4rem;
          font-weight: 800;
          color: #1A4331;
          line-height: 1.25;
          margin-bottom: 22px;
        }

        .about-main-title .highlight-text {
          color: #76AD4A;
        }

        .about-desc {
          font-size: 1.02rem;
          color: #555555;
          line-height: 1.75;
          margin-bottom: 16px;
        }

        @media (max-width: 991px) {
          .about-exp-badge {
            top: 15px;
            left: 15px;
          }

          .about-main-img {
            height: 380px;
          }
        }

        /*********** About Section Exact Reference Design *************/
        .about-section-format {
          padding: 60px 0;
          background: #ffffff;
        }

        .about-format-box {
          background: #f7faf5;
          border-radius: 32px;
          position: relative;
          border: 1px solid #ebf2e6;
        }

        .about-badge-format {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          background: #dceecf;
          color: #507e32;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.5px;
          padding: 6px 16px;
          border-radius: 30px;
        }

        .about-title-format {
          font-size: 2.3rem;
          font-weight: 800;
          color: #111111;
          line-height: 1.25;
          margin-top: 15px;
          margin-bottom: 0;
        }

        .about-title-format .highlight-green {
          color: #689b45;
        }

        .about-title-line {
          width: 45px;
          height: 3px;
          background: #689b45;
          border-radius: 2px;
          margin: 15px 0 20px;
        }

        .about-text-p {
          font-size: 0.95rem;
          color: #555555;
          line-height: 1.7;
          margin-bottom: 14px;
        }

        .stat-card-item {
          background: #ffffff;
          border-radius: 16px;
          padding: 10px 8px;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
          display: flex;
          align-items: center;
          gap: 6px;
          border: 1px solid #f0f4ec;
          height: 100%;
          min-width: 0;
          overflow: hidden;
        }

        .stat-card-item>div:last-child {
          min-width: 0;
          flex: 1;
        }

        .stat-icon-box {
          width: 32px;
          height: 32px;
          background: #f0f7ec;
          color: #689b45;
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          flex-shrink: 0;
        }

        .stat-val {
          font-size: 1.25rem;
          font-weight: 800;
          color: #111111;
          line-height: 1.1;
          white-space: nowrap;
        }

        .stat-lbl {
          font-size: 0.7rem;
          font-weight: 600;
          color: #666666;
          line-height: 1.2;
          word-break: break-word;
          overflow-wrap: break-word;
        }

        /* Right Image & Organic Blob */
        .dot-matrix-pattern {
          position: absolute;
          top: 25px;
          right: 25px;
          width: 70px;
          height: 50px;
          background-image: radial-gradient(#c0d7b2 2.5px, transparent 2.5px);
          background-size: 11px 11px;
          opacity: 0.85;
        }

        .about-format-img-wrapper {
          position: relative;
          padding: 10px 0;
        }

        .blob-bg-wrapper {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .organic-shape-bg {
          position: absolute;
          top: -12px;
          right: -15px;
          bottom: -12px;
          left: 15px;
          background: #d4e5c8;
          border-radius: 48% 52% 42% 58% / 58% 44% 56% 42%;
          z-index: 1;
        }

        .about-doctor-cutout {
          position: relative;
          z-index: 2;
          width: 100%;
          height: 420px;
          object-fit: cover;
          object-position: top center;
          border-radius: 40% 60% 60% 40% / 50% 50% 50% 50%;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
        }

        .floating-quote-card {
          position: absolute;
          bottom: 15px;
          left: -10px;
          background: #1B4332;
          color: #ffffff;
          border-radius: 20px;
          padding: 22px 20px;
          max-width: 250px;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
          z-index: 5;
        }

        .quote-icon {
          font-size: 2.2rem;
          font-weight: 900;
          color: #76AD4A;
          line-height: 1;
          margin-bottom: 8px;
          font-family: Georgia, serif;
        }

        .quote-text {
          font-size: 0.95rem;
          font-weight: 600;
          line-height: 1.5;
          color: #ffffff;
          margin-bottom: 12px;
        }

        .quote-line {
          width: 35px;
          height: 3px;
          background: #76AD4A;
          border-radius: 2px;
        }

        @media (max-width: 991px) {
          .floating-quote-card {
            position: relative;
            bottom: 0;
            left: 0;
            margin-top: -20px;
            max-width: 100%;
          }

          .about-doctor-cutout {
            height: 320px;
          }
        }

        /*********** Contact Section New Design *************/
        .contact-section-new {
          background: #f8faf7;
          padding: 80px 0;
        }

        .contact-card-new {
          background: #ffffff;
          border-radius: 24px;
          padding: 35px 30px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          border: 1px solid #f0f4ee;
          height: 100%;
          text-align: left !important;
        }

        .contact-img-frame {
          width: 100%;
          height: 100%;
          min-height: 100%;
          object-fit: cover;
          border-radius: 24px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }

        .info-item-new {
          display: flex;
          gap: 16px;
          margin-bottom: 22px;
          align-items: flex-start;
          text-align: left !important;
        }

        .info-item-new>div {
          text-align: left !important;
        }

        .info-icon-box {
          width: 42px;
          height: 42px;
          background: #fafdf9;
          border: 1px solid #ebf5e7;
          color: #85b85d;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          flex-shrink: 0;
        }

        .info-item-new strong {
          display: block;
          font-size: 0.9rem;
          color: #1A4331;
          text-transform: uppercase;
          letter-spacing: 0.5px;
          margin-bottom: 3px;
          text-align: left !important;
        }

        .info-item-new span,
        .info-item-new a,
        .info-item-new small {
          font-size: 0.95rem;
          color: #555;
          text-decoration: none;
          line-height: 1.5;
          text-align: left !important;
          display: inline-block;
        }

        .contact-form-card {
          background: #ffffff;
          border-radius: 24px;
          padding: 40px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          border: 1px solid #f0f4ee;
        }

        .contact-form-card h3 {
          font-size: 1.6rem;
          font-weight: 800;
          color: #1A4331;
          margin-bottom: 25px;
        }

        .contact-form-card .form-control {
          padding: 12px 16px;
          border-radius: 12px;
          border: 1px solid #dce5d8;
          font-size: 0.95rem;
          transition: all 0.3s ease;
        }

        .contact-form-card .form-control:focus {
          border-color: #76AD4A;
          box-shadow: 0 0 0 0.2rem rgba(118, 173, 74, 0.15);
        }

        /*********** Hospitals Section New Design *************/
        .hospitals-section-new {
          background: linear-gradient(180deg, #ffffff 0%, #f3f8ee 100%);
          padding: 80px 0;
        }

        .hospital-card-new {
          background: linear-gradient(135deg, #ffffff 0%, #f6faf2 100%);
          border-radius: 20px;
          padding: 28px 20px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
          border: 1px solid #dcecd4;
          text-align: center;
          transition: all 0.35s ease;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }

        .hospital-card-new:hover {
          transform: translateY(-8px);
          box-shadow: 0 18px 40px rgba(118, 173, 74, 0.16);
          border-color: #76AD4A;
        }

        .hospital-icon-box {
          width: 52px;
          height: 52px;
          background: #eaf5e1;
          border: 1px solid #d4ebc3;
          color: #76AD4A;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 22px;
          margin-bottom: 18px;
          transition: all 0.35s ease;
        }

        .hospital-card-new:hover .hospital-icon-box {
          background: #76AD4A;
          color: #ffffff;
          border-color: #76AD4A;
          transform: scale(1.05);
        }

        .hospital-card-new h3 {
          font-size: 1.15rem;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 8px;
        }

        .hospital-location {
          font-size: 0.85rem;
          color: #777777;
          margin-bottom: 0;
        }

        /*********** Education & Philosophy Section New Design *************/
        .edu-philo-section-new {
          background: linear-gradient(180deg, #f3f8ee 0%, #ffffff 100%);
          padding: 80px 0;
        }

        .edu-card-new {
          background: linear-gradient(135deg, #ffffff 0%, #f6faf2 100%);
          border-radius: 24px;
          padding: 40px 35px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
          border: 1px solid #dcecd4;
          height: 100%;
        }

        .degree-item-new {
          display: flex;
          align-items: center;
          gap: 16px;
          margin-bottom: 22px;
        }

        .degree-item-new:last-child {
          margin-bottom: 0;
        }

        .degree-badge-new {
          width: 56px;
          height: 48px;
          background: #eaf5e1;
          color: #1A4331;
          font-weight: 800;
          font-size: 0.95rem;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          border: 1px solid #cde4bd;
        }

        .degree-item-new h4 {
          font-size: 1.05rem;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 2px;
        }

        .degree-item-new p {
          font-size: 0.85rem;
          color: #777777;
          margin-bottom: 0;
        }

        .philo-card-new {
          background: linear-gradient(135deg, rgba(26, 67, 49, 0.86) 0%, rgba(15, 46, 33, 0.90) 100%), url('../img/bgabout22.jpg') center/cover no-repeat;
          border-radius: 24px;
          padding: 40px 35px;
          color: #ffffff;
          box-shadow: 0 15px 35px rgba(26, 67, 49, 0.25);
          border: 1px solid rgba(118, 173, 74, 0.3);
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          position: relative;
          overflow: hidden;
        }

        .philo-card-new h3 {
          font-size: 1.8rem;
          font-weight: 800;
          color: #ffffff;
          margin-bottom: 20px;
        }

        .philo-card-new p {
          font-size: 0.95rem;
          color: rgba(255, 255, 255, 0.9);
          line-height: 1.7;
          margin-bottom: 16px;
        }

        .philo-tags-wrapper {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 20px;
        }

        .philo-tag-new {
          background: rgba(255, 255, 255, 0.15);
          color: #ffffff;
          font-size: 0.84rem;
          font-weight: 600;
          padding: 8px 16px;
          border-radius: 30px;
          backdrop-filter: blur(5px);
          border: 1px solid rgba(255, 255, 255, 0.22);
          transition: all 0.3s ease;
        }

        .philo-tag-new:hover {
          background: #76AD4A;
          color: #ffffff;
          border-color: #76AD4A;
        }

        /*********** Highlights Section New Design *************/
        .highlights-section-new {
          background: #ffffff;
          padding: 80px 0;
        }

        .highlight-card-new {
          background: #ffffff;
          border-radius: 20px;
          padding: 30px 20px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          border: 1px solid #f0f4ee;
          text-align: center;
          transition: all 0.35s ease;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }

        .highlight-card-new:hover {
          transform: translateY(-8px);
          box-shadow: 0 18px 40px rgba(118, 173, 74, 0.16);
          border-color: #d6e8cc;
        }

        .highlight-icon-box {
          width: 54px;
          height: 54px;
          background: #eaf3e5;
          color: #76AD4A;
          border-radius: 14px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 22px;
          margin-bottom: 16px;
          transition: all 0.35s ease;
        }

        .highlight-card-new:hover .highlight-icon-box {
          background: #1A4331;
          color: #ffffff;
          transform: scale(1.08);
        }

        .highlight-label {
          font-size: 0.78rem;
          font-weight: 700;
          color: #76AD4A;
          letter-spacing: 1px;
          text-transform: uppercase;
          margin-bottom: 6px;
        }

        .highlight-card-new h3 {
          font-size: 1.15rem;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 0;
        }

        /*********** FAQ Section New Design *************/
        .faq-section-new {
          background: #f8faf7;
          padding: 80px 0;
        }

        .faq-item-new {
          background: #ffffff;
          border-radius: 20px;
          border: 1px solid #f0f4ee;
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
          margin-bottom: 16px;
          overflow: hidden;
          transition: all 0.35s ease;
        }

        .faq-item-new:hover {
          border-color: #dce5d8;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
        }

        .faq-item-new.active {
          border-color: #b5d5a2;
          box-shadow: 0 10px 30px rgba(118, 173, 74, 0.12);
        }

        .faq-question-new {
          padding: 20px 24px;
          cursor: pointer;
          user-select: none;
        }

        .faq-icon-box {
          width: 44px;
          height: 44px;
          background: #eaf3e5;
          color: #76AD4A;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 18px;
          flex-shrink: 0;
          transition: all 0.35s ease;
        }

        .faq-item-new.active .faq-icon-box {
          background: #1A4331;
          color: #ffffff;
        }

        .faq-question-text {
          font-size: 1.05rem;
          font-weight: 700;
          color: #1A4331;
          margin-bottom: 0;
          line-height: 1.35;
        }

        .faq-toggle-circle {
          width: 34px;
          height: 34px;
          background: #f4f8f2;
          color: #76AD4A;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px;
          flex-shrink: 0;
          transition: all 0.35s ease;
        }

        .faq-item-new.active .faq-toggle-circle {
          background: #76AD4A;
          color: #ffffff;
          transform: rotate(180deg);
        }

        .faq-answer-new {
          display: none;
          padding: 0 24px 22px 88px;
          color: #555555;
          font-size: 0.95rem;
          line-height: 1.7;
          border-top: 1px solid #f4f8f2;
          margin-top: 4px;
          padding-top: 16px;
        }

        .faq-item-new.active .faq-answer-new {
          display: block;
        }

        @media (max-width: 767px) {
          .faq-answer-new {
            padding-left: 24px;
          }
        }

        /*********** Footer New Design *************/
        .footer-new {
          background: #1A4331;
          color: #ffffff;
          position: relative;
          overflow: hidden;
        }

        .footer-logo-img {
          max-height: 55px;
          background: #ffffff;
          padding: 6px 14px;
          border-radius: 12px;
        }

        .footer-desc {
          color: rgba(255, 255, 255, 0.8);
          font-size: 0.9rem;
          line-height: 1.65;
        }

        .footer-contact-item {
          display: flex;
          align-items: center;
          gap: 14px;
          background: rgba(255, 255, 255, 0.06);
          padding: 12px 18px;
          border-radius: 16px;
          border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-contact-icon {
          width: 40px;
          height: 40px;
          background: #76AD4A;
          color: #ffffff;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          flex-shrink: 0;
        }

        .footer-phone-link {
          color: #ffffff;
          font-size: 1.1rem;
          font-weight: 700;
          text-decoration: none;
        }

        .footer-title {
          font-size: 1.25rem;
          font-weight: 700;
          color: #ffffff;
          margin-bottom: 22px;
          position: relative;
          padding-bottom: 10px;
        }

        .footer-title::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 40px;
          height: 3px;
          background: #76AD4A;
          border-radius: 2px;
        }

        .footer-links-list li {
          margin-bottom: 12px;
        }

        .footer-links-list a {
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none;
          font-size: 0.92rem;
          transition: all 0.3s ease;
          display: inline-flex;
          align-items: center;
        }

        .footer-links-list a:hover {
          color: #76AD4A;
          transform: translateX(6px);
        }

        .footer-hours-card {
          background: rgba(255, 255, 255, 0.05);
          border-radius: 20px;
          padding: 28px 24px;
          border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-social-new a {
          width: 38px;
          height: 38px;
          background: rgba(255, 255, 255, 0.1);
          color: #ffffff;
          border-radius: 10px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          text-decoration: none;
          font-size: 15px;
          transition: all 0.3s ease;
        }

        .footer-social-new a:hover {
          background: #76AD4A;
          color: #ffffff;
          transform: translateY(-4px);
        }

        /*********** Footer Reference Screenshot Format *************/
        .footer-ref-format {
          background: #0d1812;
          /* Dark rich forest green tint matching reference dark background */
          color: rgba(255, 255, 255, 0.8);
          font-size: 0.92rem;
          line-height: 1.65;
          text-align: left;
        }

        .footer-ref-logo {
          max-height: 85px;
          background: #ffffff;
          padding: 10px 22px;
          border-radius: 16px;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
        }

        .footer-ref-text {
          color: rgba(255, 255, 255, 0.7);
          font-size: 0.88rem;
          margin-bottom: 20px;
          text-align: left;
        }

        .footer-ref-socials {
          display: flex;
          gap: 10px;
          justify-content: flex-start;
        }

        .footer-ref-socials a {
          width: 36px;
          height: 36px;
          background: rgba(255, 255, 255, 0.08);
          color: rgba(255, 255, 255, 0.7);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          text-decoration: none;
          transition: all 0.3s ease;
        }

        .footer-ref-socials a:hover {
          background: #76AD4A;
          color: #ffffff;
        }

        .footer-ref-heading {
          font-size: 1.15rem;
          font-weight: 700;
          color: #ffffff;
          margin-bottom: 22px;
          text-align: left;
        }

        .footer-ref-links {
          text-align: left;
        }

        .footer-ref-links li {
          margin-bottom: 12px;
          text-align: left;
        }

        .footer-ref-links a {
          color: rgba(255, 255, 255, 0.7);
          text-decoration: none;
          font-size: 0.9rem;
          transition: all 0.3s ease;
        }

        .footer-ref-links a:hover {
          color: #76AD4A;
          padding-left: 4px;
        }

        .footer-contact-row {
          display: flex;
          gap: 12px;
          margin-bottom: 16px;
          align-items: flex-start;
          font-size: 0.88rem;
          text-align: left;
        }

        .contact-icon-accent {
          color: #76AD4A;
          font-size: 16px;
          margin-top: 3px;
          flex-shrink: 0;
        }

        .footer-contact-row a,
        .footer-contact-row span {
          color: rgba(255, 255, 255, 0.75);
          text-decoration: none;
          line-height: 1.5;
          text-align: left;
        }

        .footer-contact-row a:hover {
          color: #76AD4A;
        }

        .footer-ref-bottom {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          font-size: 0.85rem;
          color: rgba(255, 255, 255, 0.5);
          text-align: left;
          padding: 14px 0 !important;
        }

        .footer-ref-bottom a {
          color: rgba(255, 255, 255, 0.7);
          text-decoration: underline;
        }

        .footer-ref-bottom a:hover {
          color: #76AD4A;
        }

        /*********** New Page Header Banner *************/
        .page-header-new {
          background: linear-gradient(135deg, #1A4331 0%, #0e2a1e 100%);
          position: relative;
          overflow: hidden;
        }

        .page-header-new::before {
          content: '';
          position: absolute;
          top: -50px;
          right: -50px;
          width: 250px;
          height: 250px;
          background: radial-gradient(circle, rgba(118, 173, 74, 0.2) 0%, rgba(26, 67, 49, 0) 70%);
          border-radius: 50%;
          pointer-events: none;
        }

        @media (max-width: 768px) {

          .hero h1,
          .hero-slide h1 {
            font-size: 24px;
            line-height: 1.2;
            color: #ffffff;
            font-weight: 700;
          }

          .hero-slide {
            position: relative;
            min-height: 400px;
            padding: 60px 0;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
          }

          .service-banner {
            min-height: 400px;
            padding: 60px 0;
          }
        }