body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            /* Adjust padding-top to account for fixed topbar and navbar heights */
            /* Topbar height approx 38px, Navbar height approx 76px. Total approx 114px */
            padding-top: 114px;
            background-color: #f8f9fa; /* Light gray background */
        }

        /* Custom styles for the top bar */
        .top-bar {
            background-color: #0d1a44; /* Dark blue */
            color: #ffffff;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-size: 0.875rem; /* text-sm */
            z-index: 50; /* Higher than navbar */
        }
        .top-bar .nav-link {
            color: #ffffff;
            transition: color 0.3s ease-in-out;
            padding: 0.25rem 0.5rem;
            border-radius: 0.25rem;
        }
        .top-bar .nav-link:hover {
            color: #bfdbfe; /* blue-200 */
        }
        .top-bar .social-icon {
            color: #ffffff;
            transition: color 0.3s ease-in-out;
        }
        .top-bar .social-icon:hover {
            color: #bfdbfe; /* blue-200 */
        }

        /* Custom styles for the navbar */
        .navbar-custom {
            background-color: #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding-top: 1rem;
            padding-bottom: 1rem;
            z-index: 40;
        }
        .navbar-brand .text-green {
            color: #28a745; /* green-500 */
        }
        .navbar-nav .nav-link {
            color: #495057; /* gray-700 */
            font-weight: 500;
            transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
        }
        .navbar-nav .nav-link:hover {
            color: #0d1a44; /* blue-900 */
            background-color: #f8f9fa; /* gray-100 */
        }
        .navbar-nav .btn-get-started {
            background-color: #28a745; /* green-500 */
            color: #ffffff;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px; /* rounded-full */
            transition: background-color 0.3s ease-in-out;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .navbar-nav .btn-get-started:hover {
            background-color: #218838; /* green-600 */
        }
        /* Adjustments for mobile menu */
        @media (max-width: 767.98px) {
            .navbar-collapse {
                position: absolute;
                top: 100%; /* Position below the navbar brand/toggler */
                left: 0;
                width: 100%;
                background-color: #ffffff;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                border-radius: 0 0 0.5rem 0.5rem;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
            }
            .navbar-nav .btn-get-started {
                display: block;
                text-align: center;
                margin: 0.5rem 1rem;
            }
        }


        /* Custom style for background image to ensure good contrast */
        .banner-bg {
            background-image: url('../images/logo/banner.png'); /* Placeholder image */
            background-size: cover;
            background-position: center;
            position: relative;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 4rem 0; /* py-16 md:py-24 */
            border-radius: 0.5rem; /* rounded-lg */
            overflow: hidden; /* To contain pseudo-element */
        }
        .banner-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5); /* Dark overlay for text readability */
            z-index: 0;
        }
        .banner-content > * {
            position: relative;
            z-index: 1;
        }
        .banner-content h1 {
            font-size: 2.5rem; /* text-4xl */
            font-weight: 800; /* font-extrabold */
            color: #ffffff;
            line-height: 1.25; /* leading-tight */
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* drop-shadow-lg */
        }
        @media (min-width: 768px) {
            .banner-content h1 {
                font-size: 3rem; /* md:text-5xl */
            }
        }
        @media (min-width: 992px) {
            .banner-content h1 {
                font-size: 4rem; /* lg:text-6xl */
            }
        }
        .banner-content p {
            font-size: 1.125rem; /* text-lg */
            color: #e2e8f0; /* gray-200 */
            margin-bottom: 2rem;
            max-width: 42rem; /* max-w-2xl */
            margin-left: auto;
            margin-right: auto;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); /* drop-shadow */
        }
        @media (min-width: 768px) {
            .banner-content p {
                font-size: 1.25rem; /* md:text-xl */
            }
        }
        .banner-content .btn {
            padding: 0.75rem 2rem; /* px-8 py-3 */
            border-radius: 9999px; /* rounded-full */
            font-weight: 600; /* font-semibold */
            transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
        }
        .banner-content .btn:hover {
            transform: scale(1.05);
        }
        .banner-content .btn-primary {
            background-color: #28a745; /* green-500 */
            border-color: #28a745;
        }
        .banner-content .btn-primary:hover {
            background-color: #218838; /* green-600 */
            border-color: #218838;
        }
        .banner-content .btn-secondary {
            background-color: #007bff; /* blue-700 original changed to blue-700 in tailwind equivalent */
            border-color: #007bff;
        }
        .banner-content .btn-secondary:hover {
            background-color: #0056b3; /* blue-800 original changed to blue-800 in tailwind equivalent */
            border-color: #0056b3;
        }
          /* Styles for Feature Section */
        .features-section {
            padding: 4rem 0; /* py-16 */
            background-color: #f8f9fa; /* Light gray background */
        }
        .feature-card {
            background-color: #ffffff;
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
            padding: 2rem; /* p-8 */
            text-align: center;
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            height: 100%; /* Ensure cards are same height in a row */
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
        }
        .feature-card .icon-circle {
            background-color: #0d1a44; /* Dark blue */
            color: #ffffff;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 1.5rem; /* mb-6 */
        }
        .feature-card h3 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 600; /* font-semibold */
            color: #0d1a44; /* blue-900 */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .feature-card p {
            color: #495057; /* gray-700 */
            font-size: 1rem;
            line-height: 1.6;
        }


        /* Styles for the new Call to Action Section with background image */
        .cta-section {
            background-color: #0d1a44; /* Fallback background color */
            padding: 5rem 0; /* py-20 */
            margin-top: 3rem; /* mt-12 */
            margin-bottom: 3rem; /* mb-12 */
            border-radius: 0.75rem; /* rounded-xl */
            text-align: center;
            position: relative;
            overflow: hidden; /* For rounded corners with background */
            background-image: url('../images/logo/cta.png'); /* Placeholder image */
            background-size: cover;
            background-position: center;
            color: #ffffff;
        }
        .cta-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6); /* Dark overlay for text readability */
            z-index: 0;
        }
        .cta-section .content {
            position: relative;
            z-index: 1;
            max-width: 800px; /* Increased max-width for better display of longer text */
            margin: 0 auto;
            padding: 0 1rem; /* Add horizontal padding */
        }
        .cta-section h2 {
            font-size: 2.5rem; /* text-5xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1.5rem; /* mb-6 */
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }
        @media (min-width: 768px) {
            .cta-section h2 {
                font-size: 3.5rem;
            }
        }
        .cta-section p {
            font-size: 1.125rem; /* text-lg */
            line-height: 1.75;
            margin-bottom: 2.5rem; /* mb-10 */
            color: #e2e8f0; /* gray-200 */
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
        }
        .cta-section .btn-cta {
            background-color: #28a745; /* green-500 */
            color: #ffffff;
            padding: 0.875rem 2.5rem; /* py-3.5 px-10 */
            border-radius: 9999px; /* rounded-full */
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .cta-section .btn-cta:hover {
            background-color: #218838; /* green-600 */
            transform: translateY(-3px);
            box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.2);
        }

            .full-width-image-section .btn-cta {
            background-color: #28a745; /* green-500 */
            color: #ffffff;
            padding: 0.875rem 2.5rem; /* py-3.5 px-10 */
            border-radius: 9999px; /* rounded-full */
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .full-width-image-section .btn-cta:hover {
            background-color: #218838; /* green-600 */
            transform: translateY(-3px);
            box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.2);
        }



        /* Styles for Testimonials Section */
        .testimonials-section {
            padding: 4rem 0;
            background-color: #ffffff; /* White background */
            margin-bottom: 3rem; /* Add some space below */
        }
        .testimonial-card {
            background-color: #f8f9fa; /* Light gray background for cards */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* subtle shadow */
            padding: 2.5rem; /* p-10 */
            height: 100%; /* Ensure cards are same height */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-align: center;
        }
        .testimonial-card .quote-icon {
            font-size: 3rem; /* large icon */
            color: #0d1a44; /* Dark blue */
            margin-bottom: 1.5rem; /* mb-6 */
        }
        .testimonial-card p {
            font-size: 1.125rem; /* text-lg */
            line-height: 1.7;
            color: #495057; /* gray-700 */
            font-style: italic;
            margin-bottom: 1.5rem;
            flex-grow: 1; /* Allow quote to take available space */
        }
        .testimonial-card .author-info {
            margin-top: 1.5rem;
            text-align: center;
        }
        .testimonial-card .author-name {
            font-weight: 600; /* font-semibold */
            color: #0d1a44; /* Dark blue */
            font-size: 1.1rem;
        }
        .testimonial-card .author-title {
            font-size: 0.9rem;
            color: #6c757d; /* gray-600 */
        }
          /* Styles for the new About Section (Left text, Right image) */
        .about-section {
            padding: 5rem 0; /* py-20 */
            background-color: #f0f4f8; /* A light blue-gray background */
            margin-top: 3rem;
            margin-bottom: 3rem;
            border-radius: 0.75rem; /* Rounded corners for the section */
        }
        .about-section .text-content {
            padding-right: 2rem; /* Space between text and image */
            text-align: left; /* Align text left */
        }
        @media (max-width: 767.98px) {
            .navbar-custom {
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding-top: 3rem;
    padding-bottom: 1rem;
    z-index: 40;
}
            
            .top-bar .nav-link {
    color: #ffffff;
    transition: color 0.3s ease-in-out;
    padding: 0.25rem 0rem;
    border-radius: 0.25rem;
}
            .about-section .text-content {
                padding-right: 0;
                padding-bottom: 2rem; /* Add padding below text on small screens */
            }
            .about-section .image-content {
                text-align: center; /* Center image on small screens */
            }
        }
        .about-section h2 {
            font-size: 2.8rem; /* large heading */
            font-weight: 700; /* fw-bold */
            color: #0d1a44; /* Dark blue */
            margin-bottom: 1.5rem; /* mb-4 */
        }
        .about-section p {
            font-size: 1.05rem;
            line-height: 1.8;
            color: #343a40; /* Dark gray text */
            margin-bottom: 1rem;
        }
        .about-section ul {
            list-style: none; /* Remove default bullet points */
            padding-left: 0;
            margin-bottom: 1.5rem;
        }
        .about-section ul li {
            position: relative;
            padding-left: 1.8rem; /* Space for icon */
            margin-bottom: 0.75rem;
            font-size: 1rem;
            color: #343a40;
        }
        .about-section ul li i {
            position: absolute;
            left: 0;
            top: 0.2rem;
            color: #28a745; /* Green checkmark */
            font-size: 1.2rem;
        }
        .about-section .about-image {
            max-width: 100%;
            height: auto;
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* More prominent shadow */
        }
         /* Styles for the new Full-Width Image Section */
        .full-width-image-section {
            background-image: url('../images/logo/bottom.png'); /* Placeholder image for full width */
            background-size: cover;
            background-position: center;
            height: 400px; /* Fixed height for the image section */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #ffffff;
            position: relative;
            overflow: hidden;
            margin-top: 3rem; /* Add some margin top */
            margin-bottom: 3rem; /* Add some margin bottom */
        }
        .full-width-image-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4); /* Subtle dark overlay for text/visual separation */
            z-index: 0;
        }
        .full-width-image-section .content-overlay {
            position: relative;
            z-index: 1;
            padding: 0 1rem;
        }
        .full-width-image-section h2 {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        }
        .full-width-image-section p {
            font-size: 1.25rem;
            max-width: 700px;
            margin: 0 auto;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        }


        /* Styles for Footer */
        .footer-section {
            background-color: #0d1a44; /* Dark blue, matching top bar */
            color: #ffffff;
            padding: 3rem 0; /* py-12 */
            font-size: 0.9rem;
        }
        .footer-section h5 {
            color: #28a745; /* Green accent for headings */
            font-weight: 600;
            margin-bottom: 1.25rem;
        }
        .footer-section .list-unstyled li {
            margin-bottom: 0.5rem;
        }
        .footer-section .list-unstyled a {
            color: #e2e8f0; /* Light gray text */
            text-decoration: none;
            transition: color 0.3s ease-in-out;
        }
        .footer-section .list-unstyled a:hover {
            color: #ffffff;
        }
        .footer-section .social-icons a {
            color: #ffffff;
            font-size: 1.5rem;
            margin-right: 1rem;
            transition: color 0.3s ease-in-out;
        }
        .footer-section .social-icons a:hover {
            color: #28a745; /* Green on hover */
        }
        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 1.5rem;
            margin-top: 2rem;
            text-align: center;
            color: #e2e8f0;
        }

        /* Styles for Contact Section */
        .contact-section {
            padding: 5rem 0; /* py-20 */
            background-color: #ffffff; /* White background */
            margin-top: 3rem;
            margin-bottom: 3rem;
            border-radius: 0.75rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }
        .contact-section h2 {
            text-align: center;
            font-size: 2.8rem;
            font-weight: 700;
            color: #0d1a44;
            margin-bottom: 3rem;
        }
        .contact-info {
            padding-right: 2rem; /* Spacing for large screens */
        }
        @media (max-width: 991.98px) { /* Adjust for smaller screens (lg breakpoint and below) */
            .contact-info {
                padding-right: 0; /* Remove padding on smaller screens */
                margin-bottom: 2rem; /* Add space below contact info on smaller screens */
            }
        }
        .contact-info ul {
            list-style: none;
            padding-left: 0;
        }
        .contact-info ul li {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
            color: #343a40;
            display: flex;
            align-items: flex-start; /* Align icon and text at top */
        }
        .contact-info ul li i {
            color: #28a745; /* Green icon */
            margin-right: 1rem;
            font-size: 1.3rem;
            min-width: 25px; /* Fixed width for icons */
            text-align: center;
            flex-shrink: 0; /* Prevent icon from shrinking */
        }
        .contact-info .social-icons a {
            font-size: 1.8rem; /* Larger social icons */
            margin-right: 1.5rem;
            color: #0d1a44; /* Dark blue for social icons */
            transition: color 0.3s ease-in-out;
        }
        .contact-info .social-icons a:hover {
            color: #28a745; /* Green on hover */
        }

        .contact-form .form-label {
            font-weight: 600;
            color: #0d1a44;
        }
        .contact-form .form-control {
            border-radius: 0.5rem;
            padding: 0.75rem 1rem;
            border: 1px solid #ced4da;
            transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }
        .contact-form .form-control:focus {
            border-color: #28a745;
            box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
            outline: none; /* Remove default outline */
        }
        .contact-form .btn-submit {
            background-color: #0d1a44; /* Dark blue */
            color: #ffffff;
            padding: 0.75rem 2.5rem;
            border-radius: 9999px;
            font-weight: 600;
            transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .contact-form .btn-submit:hover {
            background-color: #1a2a62; /* Slightly lighter blue */
            transform: translateY(-2px);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
        }
        .contact-map {
            width: 100%;
            height: 400px; /* Increased height for the map */
            border-radius: 0.75rem; /* More rounded corners */
            overflow: hidden;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
            margin-top: 3rem; /* Space from form */
        }
        .contact-map iframe {
            width: 100%;
            height: 100%;
            border: 0; /* Remove default iframe border */
        }
            /* Styles for Disclaimer Section */
        .disclaimer-section {
            padding: 3rem 0;
            background-color: #e9ecef; /* Light grey background */
            color: #495057;
            text-align: center;
            margin-top: 3rem;
            border-radius: 0.5rem;
        }
        .disclaimer-section h3 {
            font-size: 1.8rem;
            font-weight: 600;
            color: #0d1a44;
            margin-bottom: 1.5rem;
        }
        .disclaimer-section p {
            font-size: 0.95rem;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
        }
        .disclaimer-section .container {
            padding-left: 1rem;
            padding-right: 1rem;
        }

/* Styles for Breadcrumb Section */
        .breadcrumb-section {
            background-image: url('../images/logo/bottom.png'); /* Placeholder background image */
            background-size: cover;
            background-position: center;
            padding: 2.5rem 0; /* py-10 */
            text-align: center;
            color: #ffffff;
            position: relative;
            overflow: hidden;
            margin-top: -114px; /* Adjust to sit right below the fixed navbar */
            padding-top: calc(2.5rem + 114px); /* Add padding for fixed header */
        }

        .breadcrumb-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5); /* Dark overlay */
            z-index: 0;
        }

        .breadcrumb-section .breadcrumb-content {
            position: relative;
            z-index: 1;
            padding: 0 1rem;
        }

        .breadcrumb-section h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
        }

        .breadcrumb-section .breadcrumb {
            background-color: transparent;
            margin-bottom: 0;
            justify-content: center;
        }

        .breadcrumb-section .breadcrumb-item {
            font-size: 1rem;
        }

        .breadcrumb-section .breadcrumb-item a {
            color: rgba(255, 255, 255, 0.7);
            text-decoration: none;
            transition: color 0.3s ease-in-out;
        }

        .breadcrumb-section .breadcrumb-item a:hover {
            color: #ffffff;
        }

        .breadcrumb-section .breadcrumb-item.active {
            color: #ffffff;
            font-weight: 500;
        }