/* Floating Contact Buttons */
      .floating-buttons {
         position: fixed;
         bottom: 70px;
         left: 0;
         right: 0;
         z-index: 9999;
         pointer-events: none;
      }

      .floating-btn {
         position: absolute;
         width: 60px;
         height: 60px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         color: white;
         font-size: 24px;
         text-decoration: none;
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
         transition: all 0.3s ease;
         pointer-events: all;
         overflow: visible;
      }

      /* Phone Button - Right Side */
      .phone-btn {
         right: 30px;
         background: #25d366;
         animation: floatRight 3s ease-in-out infinite;
      }

      .phone-btn:hover {
         transform: scale(1.1) rotate(15deg);
         box-shadow: 0 6px 25px rgba(238, 90, 36, 0.4);
      }

      /* WhatsApp Button - Left Side */
      .whatsapp-btn {
         left: 30px;
         background: #25d366;
         animation: floatLeft 3s ease-in-out infinite;
      }

      .whatsapp-btn:hover {
         transform: scale(1.1) rotate(-15deg);
         box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
      }

      /* Pulse Animation */
      .pulse-ring {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 100%;
         height: 100%;
         border-radius: 50%;
         border: 2px solid currentColor;
         opacity: 0;
         animation: pulse 2s ease-out infinite;
      }

      .phone-btn .pulse-ring {
         color:  #25d366;
      }

      .whatsapp-btn .pulse-ring {
         color: #25d366;
      }

      /* Floating Animations */
      @keyframes floatRight {
         0%, 100% {
            transform: translateY(0px);
         }
         50% {
            transform: translateY(-10px);
         }
      }

      @keyframes floatLeft {
         0%, 100% {
            transform: translateY(0px);
         }
         50% {
            transform: translateY(-10px);
         }
      }

      @keyframes pulse {
         0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 0.8;
         }
         100% {
            transform: translate(-50%, -50%) scale(1.5);
            opacity: 0;
         }
      }

      /* Mobile Responsive */
      @media (max-width: 768px) {
         .floating-btn {
            width: 50px;
            height: 50px;
            font-size: 20px;
         }

         .phone-btn {
            right: 20px;
         }

         .whatsapp-btn {
            left: 20px;
         }
      }

      @media (max-width: 480px) {
         .floating-buttons {
            bottom: 80px;
         }

         .floating-btn {
            width: 45px;
            height: 45px;
            font-size: 18px;
         }

         .phone-btn {
            right: 15px;
         }

         .whatsapp-btn {
            left: 15px;
         }
      }

      /* Icon Shake on Hover */
      .floating-btn:hover i {
         animation: shake 0.5s ease-in-out;
      }

      @keyframes shake {
         0%, 100% { transform: rotate(0deg); }
         25% { transform: rotate(-10deg); }
         75% { transform: rotate(10deg); }
      }

      /* Tooltip */
      .floating-btn::after {
         content: attr(title);
         position: absolute;
         bottom: 70px;
         left: 50%;
         transform: translateX(-50%);
         background: rgba(0, 0, 0, 0.8);
         color: white;
         padding: 5px 10px;
         border-radius: 4px;
         font-size: 12px;
         white-space: nowrap;
         opacity: 0;
         pointer-events: none;
         transition: opacity 0.3s ease;
      }

      .floating-btn:hover::after {
         opacity: 1;
      }

      .phone-btn::after {
         left: auto;
         right: 0;
         transform: translateX(0);
      }

      .whatsapp-btn::after {
         left: 0;
         right: auto;
         transform: translateX(0);
      }

      /* Consultation Call Button Styles */
      .consultation-call-btn {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         background: linear-gradient(135deg, #ff6b6b, #ee5a24);
         color: white;
         padding: 12px 20px;
         border-radius: 25px;
         text-decoration: none;
         font-weight: 500;
         font-size: 14px;
         transition: all 0.3s ease;
         box-shadow: 0 4px 15px rgba(238, 90, 36, 0.3);
         margin-top: 15px;
      }

      .consultation-call-btn:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(238, 90, 36, 0.4);
         background: linear-gradient(135deg, #ee5a24, #ff6b6b);
      }

      .consultation-call-btn i {
         font-size: 16px;
      }

      /* Responsive for consultation button */
      @media (max-width: 768px) {
         .consultation-call-btn {
            padding: 10px 16px;
            font-size: 13px;
         }
      }

      @media (max-width: 480px) {
         .consultation-call-btn {
            padding: 8px 14px;
            font-size: 12px;
            gap: 6px;
         }

         .consultation-call-btn i {
            font-size: 14px;
         }
      }

      /* Booking Now Button Animation */
      /* .hero__btn {
         animation: pulseLoop 0.3s ease-in-out infinite;
         background: linear-gradient(45deg, #ff6b6b, #ee5a24, #ff6b6b);
         background-size: 200% 200%;
         animation: pulseLoop 0.3s ease-in-out infinite, gradientShift 0.6s ease-in-out infinite;
      }

      @keyframes pulseLoop {
         0%, 100% {
            transform: scale(1);
            box-shadow: 0 4px 15px rgba(238, 90, 36, 0.3);
         }
         50% {
            transform: scale(1.08);
            box-shadow: 0 6px 25px rgba(238, 90, 36, 0.5);
         }
      }

      @keyframes gradientShift {
         0% {
            background-position: 0% 50%;
         }
         50% {
            background-position: 100% 50%;
         }
         100% {
            background-position: 0% 50%;
         }
      }

      .hero__btn:hover {
         animation: pulseLoop 0.2s ease-in-out infinite, gradientShift 0.3s ease-in-out infinite;
         transform: scale(1.1);
      } */

      /* Header Animation */
      .header {
         animation: headerPulse 0.4s ease-in-out infinite;
      }

      @keyframes headerPulse {
         0%, 100% {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
         }
         50% {
            box-shadow: 0 4px 20px rgba(238, 90, 36, 0.2);
         }
      }

      /* Start Booking Button Animation */
      /* .header__right .btn {
         animation: startBookingPulse 0.3s ease-in-out infinite;
         background: linear-gradient(45deg, #ff6b6b, #ee5a24, #ff6b6b);
         background-size: 200% 200%;
         animation: startBookingPulse 0.3s ease-in-out infinite, startBookingGradient 0.5s ease-in-out infinite;
      }

      @keyframes startBookingPulse {
         0%, 100% {
            transform: scale(1);
            box-shadow: 0 2px 10px rgba(238, 90, 36, 0.3);
         }
         50% {
            transform: scale(1.05);
            box-shadow: 0 4px 20px rgba(238, 90, 36, 0.5);
         }
      }

      @keyframes startBookingGradient {
         0% {
            background-position: 0% 50%;
         }
         50% {
            background-position: 100% 50%;
         }
         100% {
            background-position: 0% 50%;
         }
      } */

/* Mobile Sidebar Navigation */
.mobile-sidebar {
   position: fixed;
   top: 0;
   left: -100%;
   width: 80%;
   max-width: 320px;
   height: 100vh;
   background: var(--blue-color);
   z-index: 1000;
   transition: left 0.3s ease-in-out;
   overflow-y: auto;
}

.mobile-sidebar.active {
   left: 0;
}

.sidebar-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   height: 80px;
}

.sidebar-logo-img {
    position: relative;
    width: 150px;
    height: 135px;
    border-radius: 8px;
    top: 8px;
    left: -13px;
    transform: none !important;
    transition: none !important;
}

.sidebar-logo-img:hover {
    transform: none !important;
    scale: none !important;
}

.sidebar-close {
   background: none;
   border: none;
   color: white;
   font-size: 24px;
   cursor: pointer;
   padding: 8px;
   border-radius: 4px;
   transition: background 0.3s ease;
}

.sidebar-close:hover {
   background: rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
   padding: 20px 0;
}

.sidebar-nav-list {
   list-style: none;
   padding: 0;
   margin: 0;
}

.sidebar-nav-item {
   margin-bottom: 5px;
}

.sidebar-nav-link {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px 20px;
   color: white;
   text-decoration: none;
   font-weight: 500;
   transition: background 0.3s ease;
}

.sidebar-nav-link:hover {
   background: rgba(255, 255, 255, 0.1);
}

.sidebar-nav-link i {
   font-size: 18px;
}

.sidebar-dropdown {
   list-style: none;
   padding: 0;
   margin: 0;
   background: rgba(0, 0, 0, 0.2);
   display: none;
}

.sidebar-nav-item.active .sidebar-dropdown {
   display: block;
}

.sidebar-dropdown-item {
   margin: 0;
}

.sidebar-dropdown-link {
   display: block;
   padding: 12px 20px 12px 35px;
   color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   font-size: 14px;
   transition: background 0.3s ease, color 0.3s ease;
}

.sidebar-dropdown-link:hover {
   background: rgba(255, 255, 255, 0.1);
   color: white;
}

.sidebar-phone {
   padding: 20px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.sidebar-phone .phone {
   display: flex;
   align-items: center;
   gap: 10px;
   color: white;
}

.sidebar-phone .phone i {
   font-size: 20px;
   color: var(--orange-color);
}

.sidebar-phone .phone__text span {
   display: block;
   font-size: 12px;
   opacity: 0.8;
}

.sidebar-phone .phone__text strong {
   font-size: 14px;
   font-weight: 600;
}

.sidebar-phone .btn {
   background: var(--orange-color);
   color: white;
   border: none;
   padding: 12px 20px;
   border-radius: 25px;
   font-weight: 500;
   cursor: pointer;
   transition: background 0.3s ease;
   text-align: center;
}

.sidebar-phone .btn:hover {
   background: #d64503;
}

.sidebar-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: rgba(0, 0, 0, 0.5);
   z-index: 999;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease;
}

.sidebar-overlay.active {
   opacity: 1;
   visibility: visible;
}

/* Mobile Responsive */
@media (max-width: 768px) {
   .menu-icon {
      display: block !important;
      visibility: visible !important;
      pointer-events: auto !important;
      cursor: pointer;
      padding: 10px;
      color: white;
      font-size: 24px;
   }
   
   .main__nav .nav__list {
      display: none !important;
   }
   
   .right-content {
      display: none !important;
   }
}

@media (max-width: 480px) {
   .mobile-sidebar {
      width: 85%;
   }
   
   .header__logo {
      padding: 10px 20px;
   }
}