/* --- General Styles (Reused from Page 1) --- */
         body {
         font-family: "Poppins", sans-serif;
         background-color: #f9fafc;
         color: #0c2649; 
         }
         .navbar {
         border-bottom: 1px solid #e0e0e0;
         padding: 1.25rem 0;
         background-color: #ffffff !important; 
         }
         .navbar-brand {
         font-weight: 700;
         font-size: 1.8rem;
         color: #0c2649;
         }
        .nav-item .active {
         font-weight: 800; /* Bold active link */
         }
         .navbar-brand span {
         color: #ff4d4d;
         }
         .nav-link {
         color: #0c2649 !important;
         font-weight: 600;
         margin-right: 15px;
         }
         .navbar .btn-register {
         background-color: #0c2649;
         border: none;
         color: white;
         padding: 8px 25px;
         border-radius: 8px; 
         font-weight: 600;
         }
        .hero-img {
        width: 100%;
        max-width: 100px;
        height: 100%;
        }
         /* --- Services Hero Section (image_e1cfc9.png) --- */
         .services-hero {
         background-color: #e6f3fb; 
         }
         .services-hero .text-content {
         padding-top: 2rem; 
         }
         .services-hero h1 {
         font-weight: 800; 
         font-size: 3.5rem;
         line-height: 1.2;
         color: #0c2649;
         margin-bottom: 1.5rem;
         }
         .services-hero p {
         font-size: 1.1rem;
         line-height: 1.6;
         color: #0c2649;
         }
         .services-hero .col-md-5 img {
         max-width: 100%;
         height: auto;
         display: block;
         margin-left: -50px; /* Shift image left to overlap text content slightly */
         padding-bottom: 50px; /* Give room for the image base */
         }
         @media (max-width: 767px) {
         .services-hero .col-md-5 {
         display: none; /* Hide image on mobile for better space */
         }
         .services-hero .col-md-7 {
         max-width: 100%;
         text-align: center;
         }
         .services-hero .text-content {
         padding-top: 0;
         }
         }
         @media (min-width: 768px) {
         .services-hero .col-md-7 {
         padding-right: 40px; 
         }
         }
         /* --- Accordion Card Styles (image_e1d020.png) --- */
         .services-list-section {
         padding: 5rem 0;
         background-color: #f9fafc; 
         }
         .services-list-section h2 {
         font-weight: 800;
         font-size: 2.2rem;
         color: #0c2649;
         margin-bottom: 2.5rem;
         text-align: center;
         }
         .accordion-item {
         border: none; /* Remove default Bootstrap border */
         margin-bottom: 20px; /* Space between cards */
         background-color: transparent;
         }
         .accordion-header {
         border: 1px solid #e0e0e0;
         border-radius: 20px; 
         background-color: white;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
         }
         .accordion-button {
         background-color: transparent !important;
         border: none;
         padding: 1.5rem 2rem;
         font-weight: 700;
         color: #0c2649;
         font-size: 1.15rem;
         text-align: left;
         border-radius: 20px;
         }
         /* Remove focus outline on button */
         .accordion-button:focus {
         box-shadow: none;
         border-color: #e0e0e0;
         }
         /* Remove default background and shadow on active button */
         .accordion-button:not(.collapsed) {
         background-color: white !important;
         box-shadow: none;
         }
         .accordion-button .icon-wrapper {
         width: 80px; 
         height: 80px;
         border-radius: 50%;
         display: flex; 
         justify-content: center;
         align-items: center;
         margin-right: 25px; 
         flex-shrink: 0;
         }
         .accordion-button .icon-wrapper i {
         color: white;
         font-size: 2.5rem; 
         }
         .bg-orange { background-color: #ff7b00; }
         .bg-blue { background-color: #0c2649; }
         .service-text {
         flex-grow: 1; /* Allow text content to take remaining space */
         }
         .service-text h5 {
         font-weight: 700;
         font-size: 1.15rem;
         color: #0c2649;
         margin-bottom: 0.5rem;
         }
         .service-text p {
         font-size: 0.95rem;
         line-height: 1.6;
         color: #3c5478;
         margin-bottom: 0;
         }
         /* Chevron Icon Customization */
         .accordion-button::after {
         /* Using Bootstrap's default chevron-down/up for reliable behavior */
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c2649'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
         width: 1.5rem;
         height: 1.5rem;
         transition: transform 0.2s ease-in-out;
         }
         .accordion-button:not(.collapsed)::after {
         /* Overriding Bootstrap's default for up arrow */
         transform: rotate(-180deg);
         }
         /* Diagnostic Services Specific Styling (image_e179af.png) */
         .diagnostic-header {
         padding: 1.5rem 2rem;
         }
         .diagnostic-header .icon-wrapper {
         /* Icon in the diagnostic card is orange, size is the same */
         background-color: #ff7b00; 
         }
         .diagnostic-content {
         padding: 1.5rem 2rem 1.5rem 105px; /* Adjust padding to clear icon */
         font-size: 0.95rem;
         line-height: 1.6;
         color: #3c5478;
         }
         .diagnostic-content strong {
         color: #0c2649;
         }
         .diagnostic-content div {
         margin-bottom: 0.5rem;
         }
         /* --- CTA Section (image_e179af.png) --- */
         .cta-section {
         background-color: #ffffff;
         padding: 6rem 0 0 0;
         text-align: center;
         position: relative;
         overflow: hidden;
         }
         .cta-section h3 {
         font-weight: 800;
         font-size: 2rem;
         margin-bottom: 2rem;
         line-height: 1.4;
         color: #0c2649;
         }
         .cta-section .btn-cta {
         background-color: #ff7b00; 
         border: none;
         font-weight: 600;
         padding: 15px 45px;
         border-radius: 12px; 
         font-size: 1.1rem;
         color: white;
         text-decoration: none;
         display: inline-block;
         }
         .cta-section .pet-images {
         display: flex;
         justify-content: center;
         align-items: flex-end;
         margin-top: 3rem;
         }
         .cta-section .pet-images img {
         max-height: 250px; 
         width: auto;
         margin: 0 10px;
         }
         /* Note: For the image matching the screenshot, you'll need the combined image file. */
         /* --- Footer Styles (image_e179af.png) --- */
         footer {
         background-color: #e6f3fb; 
         padding: 0; 
         color: #0c2649;
         }
         .footer-content {
         padding-top: 5rem;
         padding-bottom: 4rem;
         }
         footer h6 {
         font-weight: 700;
         font-size: 1.1rem;
         margin-bottom: 1.5rem;
         color: #0c2649;
         }
         footer p,
         footer a {
         color: #3c5478;
         text-decoration: none;
         line-height: 1.8;
         font-size: 0.9rem;
         }
         footer a:hover {
         color: #ff7b00;
         }
         .footer-logo-area {
         text-align: left !important;
         }
         .footer-logo {
         max-width: 150px; 
         margin-bottom: 1rem !important;
         }
         .social-icons .btn {
         background-color: #0c2649;
         margin: 0 5px; 
         width: 40px;
         height: 40px;
         padding: 0;
         display: inline-flex; 
         justify-content: center;
         align-items: center;
         border-radius: 50%; 
         }
         .contact-details p {
         margin-bottom: 0.2rem;
         }
         .bottom-bar {
         border-top: 1px solid #dcdcdc; 
         padding-top: 2rem;
         padding-bottom: 2rem;
         background-color: #e6f3fb; 
         color: #3c5478;
         }
         .bottom-bar .col-md-3 {
         text-align: center;
         }
         .bottom-bar a {
         font-weight: 600;
         }
         .bottom-bar .text-muted {
         font-size: 0.9rem;
         color: #3c5478 !important;
         }