.hospital-detail-gallery {
       margin: 0;
   }
   
   .custom-slider {
       position: relative;
       width: 100%;
       max-width: 800px;
       margin: 0 auto;
       overflow: hidden;
       user-select: none;
       height: 110%;
   }
   
   .slider-viewport {
       overflow: hidden;
       border-radius: 20px;
       border: 2px solid var(--main-blue-secondary);
   }
   
   .slider-track {
       display: flex;
       transition: transform 0.3s ease-out;
   }
   
   .slider-slide {
       flex: 0 0 100%;
   }
   
   .slider-slide img {
       width: 100%;
       height: 100%;
       display: block;
       object-fit: cover;
   }
   
   .slider-pagination {
       display: flex;
       justify-content: center;
       gap: 10px;
       margin-top: 15px;
   }
   
   .slider-dot {
       width: 10px;
       height: 10px;
       background: #ccc;
       border-radius: 50%;
       cursor: pointer;
       transition: background 0.2s, transform 0.2s;
       border: 1px solid rgba(0, 0, 0, 0.1);
   }
   
   .slider-dot.active {
       background: var(--main-blue);
       ;
       transform: scale(0.9);
   }
   
   .slider-dot:hover {
       background: #999;
   }