* {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         font-family: 'PT Sans', sans-serif;     }

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

     .top-bar {
         background: #f8f9fa;
         font-size: 14px;
         padding: 8px 0;
         border-bottom: 1px solid #ddd;
     }

     .top-bar-content {
         display: flex;
         justify-content: space-between;
     }
.top-links{
      color: #4a6af1;;
}
     .top-links a {
         text-decoration: none !important;
         color: #4A6AF1;
         margin-right: 5px;
     }

     .social-links {
         color: #4A6AF1;
     }

     .social-links a {
         margin-left: 10px;
         color: #4A6AF1;
     }

     .main-header {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 20px 0 !important;
     }

     .logo img {
         width: 200px;
     }


     .header-right {
         display: flex;
         align-items: center;
         gap: 20px;
     }

     .phone {
         font-weight: bold;
         color: #4A6AF1;
     }

     .btn-appointment {
         padding: 10px 20px;
         border: 1px solid #4A6AF1;
         border-radius: 5px;
         text-decoration: none;
         background: white;
         color: #4A6AF1;
         transition: 0.3s;

     }
.btn-appointment:hover{
    background: #4A6AF1;
    color: #fff;

}
     .navbar {
         position: relative;
         height: 300px;
       
         background-repeat: no-repeat;
         background: linear-gradient(rgb(95 116 210 / 58%), #4a6af1d4), url(./images/bg-1.jpg);
         background-size: cover;
         background-position: center;
     }
     .navbar .container{
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-around;
     }

     .nav-links {
        padding: 0;
         display: flex;
         list-style: none;
         justify-content: space-between;
     }

     .nav-links li a {
        margin-top: 5px;
         font-family: 'PT Serif', serif;
         display: block;
         padding: 10px 16px;
         color: white;
         text-decoration: none;
         font-size: 17px;
         font-weight: 500;
     }


     .nav-links li a:hover {
         background: rgba(255, 255, 255, 0.2);
     }

     .mobile-menu-icon {
         display: none;
         color: white;
         font-size: 24px;
         padding: 10px;
         cursor: pointer;
     }

     .hero-slider {
         top: 106%;
         left: 50%;
         transform: translate(-50%, -50%);
         position: absolute;
         width: 1200px;
         position: relative;
         height: 492px;
         overflow: hidden;
         display: flex;
         align-items: center;
         background-color: #f0f4ff;
     }

     .slide-bg {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-size: cover;
         background-position: center;
         opacity: 0;
         transition: opacity 0.8s ease-in-out;
         z-index: 1;
     }

     .slide-bg.active {
         opacity: 1;
     }

     .hero-container {
         max-width: 1200px;
         margin: 0 auto;
         width: 100%;
         padding: 0 60px;
         position: relative;
         z-index: 2;
     }

     .hero-text {
         max-width: 500px;
         transform: translateY(20px);
         opacity: 0;
         transition: all 0.6s ease;
     }

     .hero-text.active {
         transform: translateY(0);
         opacity: 1;
     }

     .hero-text h1 {
         font-weight: 700;
         font-family: 'PT Serif', serif;
         font-size: 42px;
         color: #4A6AF1;
         line-height: 1.2;
         margin-bottom: 20px;
         text-transform: uppercase;
     }

     .hero-text h1 span {
         color: #00A8A8;
     }

     .hero-text p {
         font-size: 16px;
         color: #555;
         line-height: 1.6;
         margin-bottom: 30px;
     }

     .know-more {
         display: inline-block;
         background-color: #4A6AF1;
         color: white;
         padding: 12px 35px;
         border-radius: 25px;
         text-decoration: none;
         font-weight: bold;
         font-size: 14px;
         transition: 0.3s;
     }
.know-more:hover{
    background-color: #0e2797;

}
     .home-arrow {
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         width: 45px;
         height: 45px;
         background: rgba(0, 206, 201, 0.4);
         color: white;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         z-index: 10;
         border: none;
         transition: 0.3s;
     }

     .home-arrow:hover {
         background: rgba(2, 135, 133, 0.4);
     }

     .prev {
         left: 10px;
     }

     .next {
         right: 10px;
     }

     .home-dots-container {
         position: absolute;
         bottom: 60px;
         left: 50%;
         transform: translateX(-50%);
         display: flex;
         gap: 10px;
         z-index: 10;
     }

     .home-dot {
         width: 12px;
         height: 12px;
         background: #bbb;
         border-radius: 50%;
         cursor: pointer;
     }

     .home-dot.active {
         background: white;
         border: 2px solid #4A6AF1;
     }


     .close-btn {
         display: none;
     }

     @media (max-width: 992px) {
        .about-content {
     padding-top: 0px !important;}
        .img-container {
            width: 100%;
            height: 270px !important;}
        .find-doctor-bar {
            margin-top: 390px !important;}
         .btn-appointment {
             padding: 10px 15px !important;
         }

         .close-btn {
             display: block;
             color: #fff;
             position: absolute;
             top: 15px;
             right: 41px;
             font-size: 28px;
             cursor: pointer;
         }

         .navbar .container {
            justify-content: flex-start !important;
             width: 100%;
             height: inherit;
             z-index: 2000;
         }

         .about-links {
             display: flex;
             gap: 15px !important;
         }

         .centres-excellence {
             padding: 45px 0 !important;
         }

         .about-content {
             padding-top: 0px;
             padding-left: 20px !important;
             padding-right: 20px !important;
         }

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

         .excellence-card {
             flex: 0 0 calc(106.333% - 20px) !important;
         }

         .section-title h2 {
             font-size: 28px !important;
         }

         .form-content h2 {
             font-size: 28px !important;
         }

         .hero-slider {
             top: 310% !important;
             left: 50%;
             transform: translate(-50%, -50%);
             width: 1200px;
             position: relative;
             height: 350px !important;
         }

         .navbar {
             position: relative;
             height: 70px !important;
         }

         .header-right {
             margin: 10px;
         }

         .main-header {
             display: flex;
             justify-content: space-between !important;
             align-items: flex-start !important;
             padding: 20px 10px !important;
             flex-direction: column !important;
         }

         .search-grid {
             grid-template-columns: repeat(3, 1fr);
         }

         .hero-text h1 {
             font-size: 25px !important;
         }
     }

     .find-doctor-bar {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
         margin-top: 370px;
         position: relative;
         z-index: 10;
     }

     .search-item {
         justify-content: space-evenly;
         display: flex;
         align-items: center;
         background: white;
         border: 1px solid #4A6AF1;
         padding: 5px 5px;
         text-align: center;
         border-radius: 30px;
         font-size: 15px;
         color: #4A6AF1;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }

     .search-item img {
         width: 40px;
         height: 40px;
     }

     @media (max-width: 768px) {

         .top-links {
             width: 100%;
         }

         .top-bar-content {
             display: flex;
             justify-content: space-between !important;
             flex-direction: column !important;
         }

         .nav-links {
             display: none;
             flex-direction: column;
             background: #4A6AF1;
         }

         .nav-links.active {
             width: 100%;
             padding: 20px 40px;
             display: flex;
         }

         .mobile-menu-icon {
             display: block;
         }

         .find-doctor-bar {
             grid-template-columns: repeat(2, 1fr);
         }

         .hero {
             height: auto;
             padding: 50px 0;
         }
     }

     .centres-excellence {
         padding: 60px 0;
         text-align: center;
         background-color: #fff;
     }

     .section-title h2 {
         font-family: 'PT Serif', serif;
         font-weight: 700;
         font-size: 36px;
         color: #4A6AF1;
         margin-bottom: 15px;
         text-transform: uppercase;
     }

     .section-title h2 span {
         font-family: 'PT Serif', serif;
         color: #00A8A8;
     }

     .section-title p {
         max-width: 800px;
         margin: 0 auto 50px;
         color: #666;
         font-size: 15px;
         line-height: 1.6;
     }

     .excellence-grid {
         display: flex;
         gap: 30px;
         overflow-x: auto;
         scroll-behavior: smooth;
         scrollbar-width: none;
     }

     .excellence-grid::-webkit-scrollbar {
         display: none;
     }

     .carddot {
         cursor: pointer;
     }

     .excellence-card {
         flex: 0 0 calc(33.333% - 20px);
         position: relative;
         width: 350px;
         margin-bottom: 40px;
     }

     .img-container {
         width: 100%;
         height: 350px;
         overflow: hidden;
         border-radius: 20px;
     }

     .img-container img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
     }

     .excellence-card:hover img {
         transform: scale(1.05);
     }

     .card-label {
         position: absolute;
         bottom: -20px;
         left: 50%;
         transform: translateX(-50%);
         background: #fff;
         width: 80%;
         padding: 15px 10px;
         border-radius: 8px;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
         color: #4A6AF1;
         font-weight: bold;
         font-size: 17px;
         white-space: nowrap;
     }

     .slider-dots {
         margin-top: 30px;
     }

     .carddot {
         height: 12px;
         width: 12px;
         background-color: #ddd;
         border-radius: 50%;
         display: inline-block;
         margin: 0 5px;
         cursor: pointer;
     }

     .carddot.active {
         background-color: #bbb;
     }

     @media (max-width: 768px) {
         .excellence-card {
             width: 100%;
             max-width: 400px;
         }
     }

     .about-section {
         padding: 80px 0;
         position: relative;
         overflow: hidden;
         background-color: #fff;
     }



     .about-container {
         padding: 20px 0;
         display: flex;
         align-items: center;
         gap: 50px;
         position: relative;
         z-index: 1;
     }

     .about-content {
         padding-top: 30px;
         padding-left: 200px;
         position: relative;
         background: url(./images/bg-light.png);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         flex: 1;
     }


     .about-text p {
         color: #606060;
         font-size: 16px;
         line-height: 1.8;
         margin-bottom: 20px;
     }

     .about-links {
         display: flex;
         gap: 30px;
         margin-bottom: 30px;
     }

     .link-item {
         display: flex;
         align-items: center;
         gap: 10px;
     }

     .link-item i {
         color: #00bcd4;
         font-size: 20px;
     }

     .link-item a {
         text-decoration: none;
         color: #00bcd4;
         font-weight: 600;
         font-size: 15px;
     }

     .btn-know-more {
         display: inline-block;
         background: #4A6AF1;
         color: white;
         padding: 12px 35px;
         border-radius: 8px;
         text-decoration: none;
         font-weight: bold;
         box-shadow: 0 4px 15px rgba(92, 107, 192, 0.4);
     }

     .about-images {
         flex: 1.2;
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 15px;
         height: 450px;
     }

     .img-wrapper img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
     }

     .main-img {
         border-radius: 4px;
         overflow: hidden;
     }

     .side-img {
         border-radius: 4px;
         overflow: hidden;
     }

     @media (max-width: 992px) {
         .about-container {
             flex-direction: column;
         }

         .about-section::before {
             font-size: 200px;
             left: 0;
         }

         .about-images {
             width: 100%;
             height: 350px;
         }
     }

     .appointment-section {
         width: 100%;
         background-color: #fff;
     }

     .appointment-container {
         display: flex;
         min-height: 500px;
         flex-wrap: wrap;
     }

     .appointment-img-box {
         flex: 1;
         min-width: 50%;
     }

     .appointment-img-box img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
     }

     .appointment-form-box {
         flex: 1;
         min-width: 50%;
         background: linear-gradient(rgba(26, 34, 126, 0.829), rgba(26, 34, 126, 0.543)),
             url('./images/appointment2.jpg');
         background-size: cover;
         background-position: center;
         color: white;
         display: flex;
         align-items: center;
         padding: 60px;
     }

     .form-content {
         width: 100%;
         max-width: 500px;
     }

     .form-content h2 {
         font-weight: 700;
         font-family: 'PT Serif', serif;
         font-size: 32px;
         margin-bottom: 15px;
         letter-spacing: 1px;
     }

     .form-content h2 span {
         font-family: 'PT Serif', serif;
         color: #00cec9;
     }

     .form-content p {
         font-size: 15px;
         margin-bottom: 30px;
         line-height: 1.6;
         opacity: 0.9;
     }

     .appointment-form-box input,
     .appointment-form-box select {
         width: 100%;
         background: transparent;
         border: 1px solid rgba(255, 255, 255, 0.5);
         padding: 12px 15px;
         margin-bottom: 15px;
         color: white;
         border-radius: 4px;
         font-size: 14px;
     }

     .appointment-form-box input::placeholder {
         color: rgba(255, 255, 255, 0.7);
     }

     .appointment-form-box select option {
         background-color: #4A6AF1;
         color: white;
     }

     .btn-book {
         background-color: #00cec9;
         color: white;
         border: none;
         padding: 12px 30px;
         font-weight: bold;
         cursor: pointer;
         border-radius: 4px;
         transition: background 0.3s ease;
         margin-top: 10px;
     }

     .btn-book:hover {
         background-color: #00b5b5;
     }

     @media (max-width: 768px) {
         .appointment-img-box {
             display: none;
         }

         .appointment-form-box {
             min-width: 100%;
             padding: 40px 20px;
         }
     }

     .expert-team {
         padding: 80px 0;
         text-align: center;
         background-color: #fff;
     }

     .section-header {
         margin-bottom: 50px;
     }

     .team-title {
         font-size: 32px;
         color: #4A6AF1;
         margin-bottom: 10px;
     }

     .team-title span {
         color: #00cec9;
     }

     .team-subtitle {
         color: #666;
         font-size: 14px;
     }

     .team-grid {
         display: flex;
         justify-content: space-between;
         gap: 20px;
         flex-wrap: wrap;
     }

     .team-card {
         flex: 1;
         min-width: 250px;
         margin-bottom: 30px;
     }

     .image-box {
         background-color: #4A6AF1;
         border-radius: 15px;
         height: 300px;
         position: relative;
         overflow: hidden;
         margin-bottom: 20px;
     }

     .image-box img {
         height: 100%;
         width: auto;
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
     }

     .info-box h3 {
         font-size: 22px;
         color: #333;
         margin-bottom: 5px;
     }

     .info-box p {
         color: #4A6AF1;
         font-size: 16px;
         margin-bottom: 15px;
     }

     .team-socials {
         display: flex;
         justify-content: center;
         gap: 15px;
     }

     .team-socials a {
        text-decoration: none;
        display: flex;
        height: 34px;
        width: 34px;
        border-radius: 35px;
        /* padding: 7px 8px; */
        background: #80808082;
        color: #ffffff;
        justify-content: space-around;
        align-items: center;
     }

     .team-socials a:hover {
         color: #4f6ef7;
     }

     @media (max-width: 768px) {
         .image-box {
             height: 260px !important;
         }

         .team-grid {
             justify-content: center;
         }

         .team-card {
             flex: 0 1 45%;
         }
     }

     @media (max-width: 480px) {
         .team-card {
             flex: 0 1 100%;
         }
     }

     .testimonials-section {
         padding: 80px 0;
         background-color: #fff;
         text-align: center;
     }



     .testimonials-wrapper {
        margin-top: 40px;
         overflow: hidden;
         width: 100%;
     }

     .testimonials-track {
         display: flex;
         transition: transform 0.5s ease-in-out;
         gap: 30px;
     }

     .testimonial-card {
         flex: 0 0 calc(33.333% - 20px);
         text-align: left;
         padding: 10px;
     }

     .user-info {
         display: flex;
         align-items: center;
         gap: 15px;
         margin-bottom: 20px;
     }

     .avatar {
         width: 70px;
         height: 70px;
         border-radius: 50%;
         overflow: hidden;
     }

     .avatar img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .user-details h4 {
         color: #00cec9;
         font-size: 18px;
         margin-bottom: 2px;
     }

     .user-details span {
         color: #4A6AF1;
         font-weight: bold;
         font-size: 14px;
     }

     .testimonial-text {
         color: #666;
         font-size: 15px;
         line-height: 1.8;
     }

     .pagination-dots {
         margin-top: 40px;
         display: flex;
         justify-content: center;
         gap: 10px;
     }

     .dot {
         width: 12px;
         height: 12px;
         background-color: #ccc;
         border-radius: 50%;
         cursor: pointer;
         transition: background 0.3s;
     }

     .dot.active {
         background-color: #bbb;
     }

     @media (max-width: 992px) {
         .testimonial-card {
             flex: 0 0 calc(50% - 15px);
         }
     }

     @media (max-width: 600px) {
         .testimonial-card {
             flex: 0 0 100%;
         }
     }

     .main-footer {
         background-color: #4A6AF1;
         color: white;
         padding-top: 60px;
     }

     .footer-grid {
         display: grid;
         grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
         gap: 30px;
         padding-bottom: 50px;
     }

     .footer-logo img {
         width: 250px;
         height: 50px;
         margin-bottom: 20px;
     }



     .contact-details p {
         font-size: 15px;
         line-height: 1.6;
         margin-bottom: 10px;
     }

     .indent-phone {
         padding-left: 55px;
     }

     .footer-col h3 {
         font-family: 'PT Serif', serif;
         font-size: 18px;
         margin-bottom: 20px;
         font-weight: 600;
     }

     .footer-col ul {
         padding: 0;
         list-style: none;
     }

     .footer-col ul li {
         margin-bottom: 8px;
     }

     .footer-col ul li a {
         color: white;
         text-decoration: none;
         font-size: 15px;
         opacity: 0.9;
         transition: opacity 0.3s;
     }

     .footer-col ul li a:hover {
        color: rgba(23, 240, 204, 0.932);

         opacity: 1;
     }

     .footer-socials {
         display: flex;
         gap: 15px;
         margin-top: 20px;
     }

     .footer-socials a {
         text-decoration: none;
         color: white;
         font-size: 25px;
         width: 35px;
         height: 35px;
         display: flex;
         align-items: center;
         justify-content: center;
         border-radius: 50%;
     }

     .sub-footer {
         background: white;
         padding: 15px 0;
         color: #4A6AF1;
     }

     .sub-footer-content {
         display: flex;
         justify-content: space-between;
         font-size: 12px;
         font-weight: 600;
     }

     .legal-links a {
         color: #4A6AF1;
         text-decoration: none;
         margin: 0 5px;
     }


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


         .footer-logo {
             justify-content: center;
         }

         .sub-footer-content {
             flex-direction: column;
             gap: 10px;
             text-align: center;
         }
     }