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 {
            background-color: #e6f3fb; 
            padding: 5rem 0;
         }
         .hero h1 {
            font-weight: 800; 
            font-size: 3.5rem;
            line-height: 1.2;
         }
         .hero p {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-top: 1.5rem;
         }
         .hero .btn-primary {
            background-color: #ff7b00; 
            border: none;
            font-weight: 600;
            padding: 12px 35px;
            border-radius: 12px; 
            margin-top: 1rem;
         }
         .hero img {
           
            max-width: 120%;
            height: auto;
            transform: translateX(-15%); 
         }
         .services {
            padding: 5rem 0;
            background-color: #f9fafc; 
         }
         .services h2 {
            font-weight: 800;
            font-size: 2.2rem;
            color: #0c2649;
         }
         .services p.text-muted {
            font-size: 0.9rem;
            margin-bottom: 4rem !important;
         }
         .service-card {
            background-color: white;
            border: 1px solid #e0e0e0;
            border-radius: 40px; 
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            min-height: 250px; 
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
            padding: 2rem 1rem;
            text-align: center;
         }
         .service-card .icon-wrapper {
            background-color: #0c2649;
            border-radius: 50%;
            width: 85px;
            height: 85px;
            margin-bottom: 1rem;
            display: flex; 
            justify-content: center;
            align-items: center;
         }
         .service-card .icon-wrapper i {
            color: white;
            font-size: 3rem;
         }
         .service-card p {
            font-weight: 700;
            font-size: 0.95rem;
            line-height: 1.4;
            color: #0c2649;
         }
         .why {
            background-image: url("../../assets/images/gopets/why_choose_gopets.png"); 
            background-size: 100% auto; 
            background-position: center bottom; 
            background-repeat: no-repeat;
            background-color: #ff7b00; 
            color: white;
            padding-top: 5rem;
            padding-bottom: 30rem;
            overflow: hidden; 
            position: relative; 
         }
         .why h2 {
            font-weight: 700;
            font-size: 2.2rem;
            margin-bottom: 4rem;
         }
         .why .reason-card {
            background-color: rgba(255, 255, 255, 0.1); 
            border: none;
            border-radius: 12px;
            padding: 1.5rem 1.5rem 1.5rem 4rem; 
            text-align: left;
            height: 100%;
            position: relative;
            min-height: 180px;
         }
         .why .reason-number {
            position: absolute;
            left: 15px;
            top: 15px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            color: #0c2649;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 700;
            font-size: 0.9rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
         }
         .why .reason-card h5 {
            font-weight: 700;
            font-size: 1.15rem;
            margin-bottom: 0.5rem;
            line-height: 1.2;
            color: white; 
         }
         .why .reason-card p {
            font-size: 0.9rem;
            line-height: 1.6;
            opacity: 0.9; 
            margin-bottom: 0;
         }
         /* --- 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;
         }