/* add event page form tooltip css */
 .tooltip {
     position: relative;
     display: inline-block;
     cursor: pointer;
 }

 .tooltip .tooltip-text {
     visibility: hidden;
     width: 180px;
     background-color: #111;
     color: #fff;
     text-align: left;
     padding: 6px 10px;
     position: absolute;
     z-index: 10;
     top: 50%;
     left: 105%;
     transform: translateY(-50%);
     opacity: 0;
     transition: opacity 0.2s ease;
     font-size: 12px;
 }

 .tooltip:hover .tooltip-text {
     visibility: visible;
     opacity: 1;
 }

 /* Custom Alert Modal Animations */
 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes fadeOut {
     from {
         opacity: 1;
     }

     to {
         opacity: 0;
     }
 }

 @keyframes slideUp {
     from {
         transform: translateY(30px) scale(0.95);
         opacity: 0;
     }

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

 @keyframes slideDown {
     from {
         transform: translateY(0) scale(1);
         opacity: 1;
     }

     to {
         transform: translateY(30px) scale(0.95);
         opacity: 0;
     }
 }

 .animate-fadeIn {
     animation: fadeIn 0.3s ease-out;
 }

 .animate-fadeOut {
     animation: fadeOut 0.3s ease-out;
 }

 .animate-slideUp {
     animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .animate-slideDown {
     animation: slideDown 0.3s ease-in;
 }

 /* Pulse animation for countdown timer */
 @keyframes pulse {

     0%,
     100% {
         opacity: 1;
     }

     50% {
         opacity: 0.7;
     }
 }

 .animate-pulse {
     animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }

 /* Categories Swiper Carousel Styles */
 .categoriesSwiper {
     padding: 20px 0 40px 0;
 }

 .categoriesSwiper .swiper-slide {
     height: auto;
     display: flex;
 }

 .categoriesSwiper .swiper-button-next,
 .categoriesSwiper .swiper-button-prev {
     color: #2563eb;
     background: white;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }

 .categoriesSwiper .swiper-button-next:after,
 .categoriesSwiper .swiper-button-prev:after {
     font-size: 18px;
     font-weight: bold;
 }

 .categoriesSwiper .swiper-pagination-bullet {
     background: #2563eb;
     opacity: 0.3;
 }

 .categoriesSwiper .swiper-pagination-bullet-active {
     opacity: 1;
 }

 /* Mobile Filter Sidebar Animations */
 #filters-sidebar {
     transition: all 0.3s ease-in-out;
 }

 #filter-chevron {
     transition: transform 0.3s ease;
 }

 #filter-chevron.rotate-180 {
     transform: rotate(180deg);
 }

 /* Smooth transitions for filter inputs */
 input[type="checkbox"]:checked,
 input[type="radio"]:checked {
     transition: all 0.2s ease;
 }