@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Mr+Dafoe&display=swap");
        /* Setting the default font to Inter, as required by the new Tailwind component */
        body { font-family: 'Inter', "Lato", sans-serif; } 

        html { box-sizing: border-box; }
        *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: "Lato", sans-serif;
            display: grid;
            place-items: center;
            /* REVERT: Set text color back to dark grey for white background */
            color: #3d3d3d;
            
            /* REVERT: Apply white background and original texture */
            background-color: #ffffff;
            background-image: url("https://www.transparenttextures.com/patterns/first-aid-kit.png"); 
            
            /* REVERT: Border color back to light grey */
            --silver: #c1c1c1; 
            /* UPDATED: Primary brand color set to deep teal/greenish blue */
            --primary-teal: #00a896; 
            /* Ensure no horizontal scroll is possible due to padding/margins */
            overflow-x: hidden;
        }

        a { font-weight: bold; text-decoration: none; color: inherit; }
        ul { list-style: none; }

        /* ======================================== Master Container ======================================== */
        .master-container {
            max-width: 1160px;
            width: 100%;
        }

        /* ======================================== Main Header ======================================== */
        .main-header {
            width: 100%;
            display: grid;
        }
        .main-header ul { list-style-type: none; }

        /* ======================================== Search Bar (Removed) ======================================== */
        .search-bar {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1em;
        }
        .topnav {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 5em;
        }
        .ms-logo img {
            height: 150px;
            width: auto;
        }
        /* Ensure logo container doesn't overflow */
        .logo {
            min-width: 0;
            padding: 1em;
            display: grid;
            place-items: center;
            /* UPDATED: Use new teal color */
            color: var(--primary-teal);
            text-align: center;
        }
        .logo h1 {
            font-family: "Mr Dafoe", sans-serif;
            font-size: 5em;
            /* REVERT: Main title color set to black */
            color: black;
            /* Ensure large font scales down gracefully */
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
        }
        /* ADDED: Styling for the tagline to make it bold and larger */
        .logo p {
            font-weight: bold;
            font-size: 1.2rem;
        }

        /* ======================================== Navigation Bar ======================================== */
        .navbar {
            display: flex;
            align-items: center;
            margin: 0 auto;
            border-top: 1px solid var(--silver);
            height: 60px;
            width: 800px;
        }
        .navbar ul { display: flex; margin: 0 auto; padding: 0; }
        .navbar li { margin: 0 10px; }
        .navbar a {
            font-size: 0.9rem;
            text-transform: uppercase;
            /* REVERT: Inactive link color back to original dark grey */
            color: #848484;
            cursor: pointer; /* Indicate links are clickable */
        }
        /* UPDATED: Use new teal color */
        .navbar a:hover { color: var(--primary-teal); }
        .navbar a.active { color: var(--primary-teal); pointer-events: none; }

        /* ======================================== Page Content Container ======================================== */
        .page-content-container {
            display: flex;
            justify-content: center;
            margin-top: 1em;
            padding: 1em 0;
            min-height: 500px;
            width: 100%; /* Ensure container is full width */
        }

        /* ======================================== Main Column ======================================== */
        main {
            width: 100%;
            max-width: 800px;
            padding: 0 1em; /* Adjusted padding for better fit */
        }

        /* Styles for the content boxes */
        .content-box {
            border: 1px solid var(--silver);
            padding: 20px;
            border-radius: 5px;
            margin-bottom: 20px;
            background-color: transparent; 
        }
        .content-box h3 {
            color: #3d3d3d; 
            margin-bottom: 10px;
            font-size: 1.5rem; 
        }
        
        /* Text Gradient Class for Headers */
        .text-gradient-header {
            background: linear-gradient(to bottom, #016764, #005958, #014848, #00312F, #001E1E);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            text-fill-color: transparent;
            display: inline-block; 
        }

        /* Custom Header for service sections */
        .service-header {
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom: 1px dotted var(--silver);
            padding-bottom: 5px;
            margin-bottom: 10px;
        }
        .service-header svg {
            width: 55px; 
            height: 55px;
            margin-right: 12px;
        }
        .service-header h3 {
            font-size: 2rem; 
            font-weight: 900; 
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
            flex-grow: 0; 
        }

        .content-box p {
            font-size: 1.1rem; 
            line-height: 1.5;
            margin-bottom: 10px;
        }
        .content-box ul {
            font-size: 0.95rem;
            line-height: 1.5;
            margin-bottom: 10px;
        }
        .content-box ul, .content-box ol {
            list-style: disc;
            padding-left: 20px;
        }
        
        /* Styles for the payment method cards */
        .support-cards-grid {
            display: grid;
            /* Increase minmax() to make cards wider */
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); 
            gap: 15px;
            padding: 0;
            list-style: none;
        }
        .support-card-item {
            border: 1px solid var(--silver);
            border-radius: 8px;
            padding: 15px;
            text-align: center;
            cursor: default;
            transition: none;
            position: relative;
            height: auto;
        }
        .support-card-item:hover {
            box-shadow: none;
            transform: none;
        }
        .card-icon-small {
            width: 80px;
            height: 80px;
            margin: 0 auto 4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .card-icon-small i {
            font-size: 1.8rem;
        }
        .card-icon-flag-container {
            width: 60px;
            height: 40px;
            margin: 0 auto 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            overflow: hidden;
        }
        .card-icon-flag-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .partner-list {
            list-style: none;
            padding-left: 0;
            margin-top: 5px;
            font-size: 0.8rem;
            line-height: 1.4;
            display: flex;
            flex-direction: column;
            gap: 2px;
            max-height: 200px;
            overflow-y: auto;
            text-align: center;
        }
        .partner-list li {
            list-style: none;
        }
        .partner-item {
            display: block;
            color: #4b5563;
            font-weight: bold;
        }
        .contact-us-view .content-box > ul {
            list-style: none !important;
            padding-left: 0;
        }
        .contact-us-view .content-box > ul li {
            list-style: none !important;
        }

        /* ======================================== Footer (Transparent) ======================================== */
        .footer-transparent {
            text-align: center;
            padding: 1em;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* REVERT: Footer text color back to dark grey */
            color: #848484;
            font-size: 0.95rem; /* Increased size */
            font-weight: bold; /* Explicitly set bold on container */
            margin-top: 20px;
        }
        .footer-transparent small {
            display: block;
            font-weight: 700;
        }
        
        /* Mobile adjustment for smaller screens to ensure 1 column if needed */
        @media (max-width: 768px) {
            .search-bar { grid-template-columns: 1fr; grid-row-gap: 10px; }
            .topnav { justify-content: center; }
            .navbar ul { flex-wrap: wrap; justify-content: center; padding: 0 10px; }
            .navbar li { margin: 5px; }
            main { padding: 0 10px; }
            .service-cards-list { grid-template-columns: repeat(2, 1fr); }
            .desktop-filter-links { display: none !important; }
        }
        @media (max-width: 480px) {
            .logo h1 { font-size: 3em; } /* Scale down title on small screens */
            .logo p { font-size: 1rem; } /* Scale down tagline on small screens */
        }
        @media (max-width: 550px) {
            .support-cards-grid {
                grid-template-columns: 1fr;
            }
        }