/* Basic Reset & Body Styles */
        body {
            font-family: -apple-system, BlinkMacMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* System font fallback */
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: #f8fafc; /* Lighter gray background for corporate feel */
            color: #343a40; /* Dark text */
            box-sizing: border-box;
            -webkit-font-smoothing: antialiased; /* Smoother fonts */
            -moz-osx-font-smoothing: grayscale;
        }

        /* Container for content centering and max-width */
        .container {
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem; /* Equivalent to px-6 */
            padding-right: 1.5rem; /* Equivalent to px-6 */
        }

        /* Media query for larger screens (md:px-12) */
        @media (min-width: 768px) {
            .container {
                padding-left: 3rem; /* Equivalent to md:px-12 */
                padding-right: 3rem; /* Equivalent to md:px-12 */
            }
        }

        /* Custom Material Design-like shadow for cards */
        .material-shadow {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
        }
        .material-shadow-lg {
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
        }
 	/* Style for the logo image */
        .header-logo {
            height: 2rem !important; /* Set the height here and use !important for stronger precedence */
            width: auto; /* Maintain aspect ratio */
        }
        /* Header/Navbar */
        header {
            background-color: #ffffff;
            padding-top: 1rem; /* py-4 */
            padding-bottom: 1rem; /* py-4 */
            padding-left: 1.5rem; /* px-6 */
            padding-right: 1.5rem; /* px-6 */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* material-shadow */
        }
        header .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        header .nav-links {
            display: none; /* hidden md:flex */
            gap: 1.5rem; /* space-x-6 */
            align-items: center;
        }
        header .nav-links a {
            color: #4a5568; /* text-gray-700 */
            text-decoration: none;
            font-weight: 500; /* font-medium */
            transition: color 0.2s ease-in-out;
        }
        header .nav-links a:hover {
            color: #b91c1c; /* hover:text-red-700 */
        }
        header .menu-button {
            display: block; /* md:hidden */
            color: #4a5568; /* text-gray-700 */
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
        }
        header .menu-button svg {
            width: 1.5rem; /* w-6 */
            height: 1.5rem; /* h-6 */
        }

        /* Media query for medium screens and up */
        @media (min-width: 768px) {
            header {
                padding-left: 3rem; /* md:px-12 */
                padding-right: 3rem; /* md:px-12 */
            }
            header .nav-links {
                display: flex; /* md:flex */
            }
            header .menu-button {
                display: none; /* md:hidden */
            }
        }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(to right, #991b1b, #b91c1c); /* from-red-900 to-red-700 */
            color: #ffffff;
            padding-top: 5rem; /* py-20 */
            padding-bottom: 5rem; /* py-20 */
            padding-left: 1.5rem; /* px-6 */
            padding-right: 1.5rem; /* px-6 */
            text-align: center;
        }
        .hero-section h1 {
            font-size: 2.25rem; /* text-4xl */
            font-weight: 800; /* font-extrabold */
            line-height: 1.25; /* leading-tight */
            margin-bottom: 1rem; /* mb-4 */
        }
        .hero-section p {
            font-size: 1.125rem; /* text-lg */
            margin-bottom: 2rem; /* mb-8 */
            max-width: 42rem; /* max-w-2xl */
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
        }
        @media (min-width: 768px) {
            .hero-section {
                padding-left: 3rem; /* md:px-12 */
                padding-right: 3rem; /* md:px-12 */
            }
            .hero-section h1 {
                font-size: 3rem; /* md:text-5xl */
            }
            .hero-section p {
                font-size: 1.25rem; /* md:text-xl */
            }
        }

        /* Section Styling (General) */
        section {
            padding-top: 4rem; /* py-16 */
            padding-bottom: 4rem; /* py-16 */
            padding-left: 1.5rem; /* px-6 */
            padding-right: 1.5rem; /* px-6 */
        }
        @media (min-width: 768px) {
            section {
                padding-left: 3rem; /* md:px-12 */
                padding-right: 3rem; /* md:px-12 */
            }
        }
        section h2 {
            font-size: 2rem; /* text-3xl */
            font-weight: 700; /* font-bold */
            text-align: center;
            margin-bottom: 3rem; /* mb-12 */
            color: #991b1b; /* text-red-800 */
        }
        @media (min-width: 768px) {
            section h2 {
                font-size: 2.25rem; /* md:text-4xl */
            }
        }

        /* Company Leader Section */
        .company-leader-section {
            background-color: #f9fafb; /* bg-gray-50 */
        }
        .company-leader-card {
            max-width: 48rem; /* max-w-3xl */
            margin-left: auto;
            margin-right: auto;
            background-color: #ffffff;
            padding: 2rem; /* p-8 */
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* material-shadow */
            text-align: center;
            display: flex;
            flex-direction: column; /* flex-col */
            align-items: center;
            gap: 2rem; /* gap-8 */
        }
        @media (min-width: 768px) {
            .company-leader-card {
                text-align: left; /* md:text-left */
                flex-direction: row; /* md:flex-row */
            }
            .company-leader-card .flex-shrink-0 {
                margin-left: 0; /* mx-auto md:mx-0 */
                margin-right: 0;
            }
        }
        .company-leader-card img {
            border-radius: 9999px; /* rounded-full */
            width: 12rem; /* w-48 */
            height: 12rem; /* h-48 */
            object-fit: cover;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05); /* material-shadow-lg */
            margin-left: auto; /* mx-auto */
            margin-right: auto; /* mx-auto */
        }
        .company-leader-card h3 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 600; /* font-semibold */
            margin-bottom: 0.5rem; /* mb-2 */
            color: #991b1b; /* text-red-800 */
        }
        .company-leader-card p.role {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 1rem; /* mb-4 */
        }
        .company-leader-card p.bio {
            color: #374151; /* text-gray-700 */
            line-height: 1.625; /* leading-relaxed */
        }

        /* Team Grid Sections (Development, Infrastructure) */
        .team-grid-section {
            background-color: #ffffff; /* bg-white */
        }
        .team-grid {
            display: grid;
            grid-template-columns: 1fr; /* grid-cols-1 */
            gap: 2rem; /* gap-8 */
        }
        @media (min-width: 768px) {
            .team-grid {
                grid-template-columns: repeat(2, 1fr); /* md:grid-cols-2 */
            }
        }
        @media (min-width: 1024px) {
            .team-grid {
                grid-template-columns: repeat(3, 1fr); /* lg:grid-cols-3 */
            }
        }

        .team-member-card {
            background-color: #f9fafb; /* bg-gray-50 */
            padding: 1.5rem; /* p-6 */
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* material-shadow */
            text-align: center;
        }
        .team-member-card img {
            border-radius: 9999px; /* rounded-full */
            width: 8rem; /* w-32 */
            height: 8rem; /* h-32 */
            object-fit: cover;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 1rem; /* mb-4 */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); /* material-shadow */
        }
        .team-member-card h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            margin-bottom: 0.25rem; /* mb-1 */
            color: #991b1b; /* text-red-800 */
        }
        .team-member-card p.role {
            font-size: 1rem; /* text-md */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .team-member-card p.bio {
            color: #374151; /* text-gray-700 */
            font-size: 0.875rem; /* text-sm */
        }

        /* Contact Information Section */
        .contact-section {
            background: linear-gradient(to right, #991b1b, #b91c1c); /* from-red-900 to-red-700 */
            color: #ffffff;
            padding-top: 4rem; /* py-16 */
            padding-bottom: 4rem; /* py-16 */
            padding-left: 1.5rem; /* px-6 */
            padding-right: 1.5rem; /* px-6 */
            text-align: center;
        }
        .contact-section h2 {
            font-size: 2rem; /* text-3xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1rem; /* mb-4 */
            color: #ffffff; /* Override section h2 color */
        }
        .contact-section p {
            font-size: 1.125rem; /* text-lg */
            margin-bottom: 1rem; /* mb-4 */
            max-width: 42rem; /* max-w-2xl */
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
        }
        .contact-details {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1rem; /* space-y-4 */
            font-size: 1.125rem; /* text-lg */
        }
        .contact-details h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            margin-bottom: 0.5rem; /* mb-2 */
            padding-top: 1rem; /* pt-4 */
        }
        @media (min-width: 768px) {
            .contact-section {
                padding-left: 3rem; /* md:px-12 */
                padding-right: 3rem; /* md:px-12 */
            }
            .contact-section h2 {
                font-size: 2.25rem; /* md:text-4xl */
            }
        }

        /* Footer */
        footer {
            background-color: #1a202c; /* bg-gray-900 */
            color: #d1d5db; /* text-gray-300 */
            padding-top: 2rem; /* py-8 */
            padding-bottom: 2rem; /* py-8 */
            padding-left: 1.5rem; /* px-6 */
            padding-right: 1.5rem; /* px-6 */
            text-align: center;
        }
        @media (min-width: 768px) {
            footer {
                padding-left: 3rem; /* md:px-12 */
                padding-right: 3rem; /* md:px-12 */
            }
        }