/* 2. Hero Slider */
.hero-slider-container { /* margin-top: 70px*/ height: 550px; width: 100%; overflow: hidden; position: relative; }
.swiper { width: 100%; height: 100%; }
.slide-img-container { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.slide-img-container img { width: 100%; height: 100%; object-fit: cover; }
.slide-content-wrapper { position: relative; z-index: 10; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.35); }
.text-blue-dark { color: #1e3a8a !important; }

/* 3. Overlap & Cards */
.overlap-section { position: relative; z-index: 20; margin-top: -75px; }
.card-hover { transition: all 0.3s ease; border: none; border-bottom: 4px solid transparent; }
.card-hover:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; }
.border-red-600 { border-bottom-color: #dc3545 !important; }
.border-blue-900 { border-bottom-color: #1e3a8a !important; }

/* 4. Disease Zoom Effect */
.disease-img-wrapper { overflow: hidden; border-radius: 8px; height: 200px; }
.disease-img-wrapper img { transition: transform 0.5s ease; width: 100%; height: 100%; object-fit: cover; }
.disease-card:hover img { transform: scale(1.3); }

/* Custom UI */
.bg-blue-dark { background-color: #1e3a8a !important; }
.btn-blue { background-color: #1e3a8a; color: white; }
.btn-blue:hover { background-color: #162a63; color: white; }
.service-form { text-decoration: none; color: #1e3a8a; }