/* --- General Styles --- */
         body {
         font-family: "Poppins", sans-serif;
         background-color: #f9fafc;
         color: #0c2649; 
         }
         /* --- Navbar Styles (Consistent across pages) --- */
         .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;
         }
         .navbar-brand span {
         color: #ff4d4d;
         }
         .nav-link {
         color: #0c2649 !important;
         font-weight: 600;
         margin-right: 15px;
         }
         .nav-item .active {
         font-weight: 800; /* Bold active link */
         }
         .navbar .btn-register {
         background-color: #0c2649;
         border: none;
         color: white;
         padding: 8px 25px;
         border-radius: 8px; 
         font-weight: 600;
         }
         /* --- FAQ Hero/Intro Section (image_e2c480.png) --- */
         .faq-hero {
         padding: 3rem 0 2rem 0;
         text-align: center;
         }
         .faq-hero h1 {
         font-weight: 800;
         font-size: 2.8rem;
         color: #ff7b00; /* Orange color */
         margin-bottom: 1.5rem;
         }
         .faq-hero p {
         font-size: 1.1rem;
         color: #3c5478;
         max-width: 650px;
         margin: 0 auto 4rem auto;
         }
         /* --- Accordion Styles (FAQ Content) --- */
         .faq-section {
         padding-bottom: 5rem;
         }
         .faq-section h2 {
         font-weight: 700;
         font-size: 1.5rem;
         margin-bottom: 1.5rem;
         color: #0c2649;
         }
         .accordion-item {
         border: none; 
         margin-bottom: 15px; /* Space between cards */
         background-color: transparent;
         border-radius: 12px;
         overflow: hidden;
         }
         .accordion-header {
         border-radius: 12px;
         overflow: hidden;
         }
         .accordion-button {
         background-color: #ffffff !important;
         border: 1px solid #e0e0e0;
         padding: 18px 25px;
         font-weight: 600;
         color: #0c2649;
         font-size: 1.05rem;
         border-radius: 12px;
         transition: none; /* Disable default transition for crispness */
         }
         .accordion-button:focus {
         box-shadow: none;
         border-color: #ff7b00; /* Highlight border on focus/active */
         }
         .accordion-button:not(.collapsed) {
         background-color: #e6f3fb !important; /* Light blue background for open header */
         border-color: #e6f3fb;
         color: #0c2649;
         font-weight: 700;
         border-bottom-left-radius: 0;
         border-bottom-right-radius: 0;
         }
         /* Accordion Body Styling (For open content) */
         .accordion-collapse.collapse.show .accordion-body {
         background-color: #e6f3fb; /* Light blue background for content */
         border: 1px solid #e6f3fb;
         border-top: none;
         padding: 20px 25px;
         color: #3c5478;
         line-height: 1.6;
         font-size: 0.95rem;
         border-bottom-left-radius: 12px;
         border-bottom-right-radius: 12px;
         }
         /* Chevron Icon Customization */
         .accordion-button::after {
         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.25rem;
         height: 1.25rem;
         transition: transform 0.2s ease-in-out;
         }
         .accordion-button:not(.collapsed)::after {
         transform: rotate(-180deg);
         }
         /* --- CTA Section (Consistent across pages) --- */
         .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;
         }

         .cta-section .pet-images {
         width: 100%;
         height: auto;
         display: block;
         margin: 0 auto;
         margin-top: 3rem;
         }
         /* --- Footer Styles (Consistent across pages - image_e2c4c1.png) --- */
         footer {
         background-color: #e6f3fb; 
         padding: 0; 
         color: #0c2649;
         }
         .footer-content {
         padding-top: 4rem; 
         padding-bottom: 3rem;
         }
         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;
         color: #3c5478;
         }
         .bottom-bar .text-muted {
         font-size: 0.9rem;
         color: #3c5478 !important;
         }