SEARCH RESULTS

Sydney Graham

NABL, ISO CAP

₹501.00 ₹682.00 27% OFF

SPECIAL OFFERS

BUY 2 TESTS GET 1 FREE

DISCOUNTED SCREENING PACKAGE

Book Now

/* Toast Notification Styles */ .toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; max-width: 400px; } .custom-toast { background: #fff; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); margin-bottom: 12px; padding: 16px 20px; display: flex; align-items: flex-start; border-left: 4px solid; animation: slideInRight 0.3s ease-out; max-width: 100%; word-wrap: break-word; } .custom-toast.success { border-left-color: #28a745; } .custom-toast.error { border-left-color: #dc3545; } .custom-toast.warning { border-left-color: #ffc107; } .custom-toast.info { border-left-color: #17a2b8; } .toast-icon { margin-right: 12px; font-size: 20px; margin-top: 2px; flex-shrink: 0; } .toast-icon.success { color: #28a745; } .toast-icon.error { color: #dc3545; } .toast-icon.warning { color: #ffc107; } .toast-icon.info { color: #17a2b8; } .toast-content { flex: 1; } .toast-title { font-weight: 600; font-size: 14px; margin-bottom: 4px; color: #333; } .toast-message { font-size: 13px; color: #666; line-height: 1.4; } .toast-close { background: none; border: none; font-size: 18px; color: #999; cursor: pointer; padding: 0; margin-left: 12px; flex-shrink: 0; } .toast-close:hover { color: #666; } @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideOutRight { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } .toast-exit { animation: slideOutRight 0.3s ease-in forwards; } .animate-bounce { animation: bounce 0.6s ease-in-out; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-8px); } 60% { transform: translateY(-4px); } } /* Test Card Hover Effects */ .test-card-details { transition: all 0.3s ease; cursor: pointer; border: 1px solid #e9ecef; overflow: hidden; } .test-card-details:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important; border-color: #007bff; } .test-card-details .card-img-top { transition: transform 0.3s ease; } .test-card-details:hover .card-img-top { transform: scale(1.05); } .test-card-details .card-body { transition: all 0.3s ease; } .test-card-details:hover .card-body { background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%); } .test-card-details .test-card-labname { transition: color 0.3s ease; } .test-card-details:hover .test-card-labname { color: #0056b3 !important; } .test-card-details .book-now-btn { transition: all 0.3s ease; position: relative; overflow: hidden; } .test-card-details:hover .book-now-btn { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3); } .test-card-details .book-now-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; } .test-card-details:hover .book-now-btn::before { left: 100%; } .test-card-details .test-badge-info, .test-card-details .test-badge-primary, .test-card-details .test-badge-discount { transition: all 0.3s ease; } .test-card-details:hover .test-badge-info { background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important; transform: scale(1.05); } .test-card-details:hover .test-badge-primary { background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important; transform: scale(1.05); } .test-card-details:hover .test-badge-discount { background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important; transform: scale(1.05); } .test-card-details .test-card-price { transition: all 0.3s ease; } .test-card-details:hover .test-card-price { transform: scale(1.05); } .test-card-details .fas { transition: all 0.3s ease; } .test-card-details:hover .fas { transform: scale(1.1); } /* Pulse animation for special offers */ .special-offer-section { transition: all 0.3s ease; } .special-offer-section:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } /* Loading state hover effect */ .test-card-details.loading { pointer-events: none; opacity: 0.7; } /* Mobile responsive hover effects */ @media (max-width: 768px) { .test-card-details:hover { transform: translateY(-4px); } } /* Accessibility improvements */ .test-card-details:focus-within { outline: 2px solid #007bff; outline-offset: 2px; } /* Smooth animation for card content */ .test-card-details * { transition: inherit; } /* Hover effect for card image placeholder */ .test-card-details:hover div[style*="Image not available"] { background: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%) !important; color: #495057 !important; }