/* --- 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;
         }

         /* --- About Us Hero/Main Content (image_e24861.png) --- */
         .about-hero {
             padding: 3rem 0;
             text-align: center;
         }
         .about-hero h1 {
             font-weight: 800;
             font-size: 2.5rem;
             margin-bottom: 2.5rem;
         }
         .carousel-section {
             margin-bottom: 4rem;
         }
         .carousel-inner {
             border-radius: 25px; /* Rounded corners for the carousel container */
             overflow: hidden;
         }
         .carousel-item img {
             width: 100%;
             height: 400px; /* Fixed height for consistent look */
             object-fit: cover;
         }
         .carousel-control-prev-icon, .carousel-control-next-icon {
             filter: invert(1); /* Makes chevrons visible on dark image */
         }
         .about-content {
             padding: 0 10%; /* Center the text block */
             line-height: 1.8;
             font-size: 1.05rem;
             color: #3c5478;
             margin-bottom: 5rem;
         }
         .about-content p {
             margin-bottom: 1.5rem;
         }
         .about-content strong {
            color: #0c2649;
         }
         .about-content .gopets-watermark {
             position: absolute;
             font-size: 12rem;
             font-weight: 800;
             color: rgba(12, 38, 73, 0.05); /* Very light, semi-transparent dark color */
             z-index: 0;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             pointer-events: none; /* Allows text selection underneath */
         }

         /* --- Our Team (image_e2487f.png) --- */
         .team-section {
             background-color: #f9fafc;
             padding: 4rem 0 6rem 0;
         }
         .team-section h2 {
             font-weight: 800;
             font-size: 2.2rem;
             margin-bottom: 3rem;
             text-align: center;
         }
         .team-member-card {
             background-color: #ffffff;
             border-radius: 25px;
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
             padding: 25px;
             display: flex;
             align-items: center;
             margin-bottom: 3rem;
         }
         .team-member-card .image-wrapper {
             flex-shrink: 0;
             width: 45%;
             max-width: 300px; 
             height: 350px;
             border-radius: 20px;
             overflow: hidden;
             margin-right: 30px;
         }
         .team-member-card img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }
         .team-member-card .info-text {
             flex-grow: 1;
         }
         .team-member-card h3 {
             font-weight: 800;
             font-size: 1.5rem;
             margin-bottom: 0.2rem;
         }
         .team-member-card h4 {
             font-weight: 600;
             font-size: 1rem;
             color: #ff4d4d;
             margin-bottom: 1.5rem;
         }
         .team-member-card p {
             font-size: 0.95rem;
             line-height: 1.6;
             color: #3c5478;
             /* The provided image shows the text duplicated, we will only show it once for better design */
         }


           .values-section {
            background-image: url("../../assets/images/gopets/about_gopets.png"); 
            background-size: 100% auto; 
            background-position: center bottom; 
            background-repeat: no-repeat;
            background-color: #ff7b00; 
            color: white;
            padding-top: 5rem;
            padding-bottom: 250px; 
            overflow: hidden; 
            position: relative; 
         }


         /* --- Mission & Vision (image_e2487f.png) --- */
         .mission-vision-card {
             background-color: #ffffff;
             border-radius: 25px;
             box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
             padding: 40px;
             text-align: center;
             max-width: 800px;
             margin: 0 auto 30px auto;
         }
         .mission-vision-card h3 {
             font-weight: 800;
             font-size: 1.8rem;
             margin-bottom: 1.5rem;
         }
         .mission-vision-card p {
             font-size: 1.05rem;
             line-height: 1.6;
             color: #3c5478;
             margin-bottom: 0;
         }

         /* --- Our Values (image_e248bb.png) --- */
         .values-section {
             background-color: #e6f3fb; /* Light blue background */
             padding-top: 5rem;
             padding-bottom: 30rem;
             position: relative;
             overflow: hidden;
         }
         .values-section h2 {
             font-weight: 800;
             font-size: 2.2rem;
             margin-bottom: 4rem;
             text-align: center;
         }
         .value-item {
             display: flex;
             margin-bottom: 3rem;
             align-items: center;
         }
         .value-item .number-circle {
             flex-shrink: 0;
             width: 40px;
             height: 40px;
             border-radius: 50%;
             color: white;
             font-weight: 700;
             display: flex;
             justify-content: center;
             align-items: center;
             margin-right: 15px;
             font-size: 1.1rem;
         }
         /* Value Circle Colors (Based on image_e248bb.png) */
         .c1 { background-color: #ff69b4; } /* Pink/Fuchsia */
         .c2 { background-color: #ffd700; } /* Gold/Yellow */
         .c3 { background-color: #4169e1; } /* Royal Blue */
         .c4 { background-color: #9370db; } /* Medium Purple */
         .c5 { background-color: #3cb371; } /* Medium Sea Green */
         .c6 { background-color: #ff4500; } /* Orange Red */

         .value-item .text-content {
             line-height: 1.5;
             font-size: 0.95rem;
             color: #3c5478;
             max-width: 80%;
         }
         .values-section .pet-images {
             margin-top: 3rem;
             width: 100%;
             height: auto; 
             display: block;
         }

         /* --- Footer Styles (Consistent across pages) --- */
         footer {
             background-color: #ffffff; /* Footer is white background in image_e248bb.png */
             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: #ffffff; 
             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;
         }