@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

   body {
       font-family: 'Poppins', sans-serif;
       scroll-behavior: smooth;
   }

   .text-primary {
       color: #02A5D1 !important;
   }

   .hero-image {
       background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1504439468489-c8920d796a29?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2071&q=80');
       background-size: cover;
       background-position: center;
       height: 80vh;
   }

   .service-card:hover {
       transform: translateY(-10px);
       transition: all 0.3s ease;
   }

   .testimonial-card {
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
   }

   .doctor-image {
       background-image: url('https://images.unsplash.com/photo-1622253692010-333f2da6031d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1064&q=80');
       background-size: cover;
       background-position: center;
       min-height: 500px;
   }

   .mobile-menu {
       display: none;
   }

   .mobile-menu.active {
       display: block;
       animation: fadeIn 0.3s ease-in-out;
   }

   @keyframes fadeIn {
       from {
           opacity: 0;
           transform: translateY(-20px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }



   .whatsapp-float {
       position: fixed;
       bottom: 100px;
       right: 20px;
       z-index: 1000;
       background-color: #25d366;
       padding: 10px;
       border-radius: 50%;
       box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
       transition: all 0.3s ease-in-out;
   }

   .whatsapp-float:hover {
       transform: scale(1.1);
   }

   .whatsapp-float img {
       width: 50px;
       height: 50px;
   }

   .call-button {
       position: fixed;
       bottom: 20px;
       left: 20px;
       background-color: #02a5d1;
       color: white;
       display: flex;
       align-items: center;
       padding: 10px 15px;
       border-radius: 50px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       z-index: 99;
       float: left;
   }

   .call-button:hover {
       transform: scale(1.05);
       background-color: #EF6B21;
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
   }

   /* Call Icon */
   .call-icon {
       width: 35px;
       height: 35px;
       background-color: 014ca1;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-right: 10px;
       padding: 5px;
   }

   .call-icon img {
       width: 100%;
   }

   /* Call Text */
   .call-text {
       font-size: 18px;
       font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 600px) {
       .call-button {
           bottom: 10px;
           right: 10px;
           padding: 8px 12px;
       }

       .call-text {
           font-size: 16px;
       }

       .call-icon {
           width: 30px;
           height: 30px;
       }
   }