/* --- CSS VARIABLES FOR CONSISTENCY --- */
		:root {
			--primary-color: #e22120; /* Màu Đỏ theo số điện thoại */
			--secondary-color: #ff8c00; /* Màu Cam nổi bật */
			--dark-color: #121212;
			--light-background: #f0f0f0;
			--white-color: #ffffff;
		}
		
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            background-color: #f0f0f0; /* Light background color */
            color: #333;
        }

        /* --- OPTIMIZED HEADER TABLE (2 Columns) --- */
        .header-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed; /* Ensures column width adheres to percentage */
        }

        .logo-cell {
            width: 35%; /* Logo column width */
            background-color: #ffffff;
            text-align: center;
            vertical-align: middle; /* Vertical centering */
            padding: 10px;
        }

        .logo-cell p {
            margin: 0 0 5px 0;
            font-weight: bold;
            color: #121212;
            font-size: 1em;
        }

        .logo-cell img {
            max-width: 180px; /* Logo size */
            height: auto;
            display: block;
            margin: 0 auto; /* Center image */
        }

        .announcement-cell {
            width: 65%; /* Announcement column width */
            background-color: #121212;
            color: #ffffff;
            text-align: center;
            vertical-align: middle;
            padding: 15px 10px;
        }

        .announcement-cell h2 {
            font-size: 1.5em;
            margin: 0;
            line-height: 1.3;
        }

        .announcement-cell strong {
            color: #e22120; /* Red color for phone number */
        }
        /* --- END OPTIMIZED HEADER TABLE --- */

        /* --- MAIN CONTENT BLOCK OPTIMIZATION (Image & Text) --- */
        .content-section {
            display: flex;
            flex-wrap: wrap; 
            justify-content: center;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 10px;
            box-sizing: border-box;
        }

        .content-section img {
            max-width: 50%;
            height: auto;
            display: block;
            flex: 1 1 50%; 
            min-width: 300px;
        }

        .text-content {
            /* No background color, text uses dark color */
            color: #121212; /* Dark text color on light background */
            padding: 25px 20px;
            flex: 1 1 50%; 
            min-width: 300px;
            box-sizing: border-box;
            text-align: center;
        }

        .text-content h2 {
            font-size: 2.2em;
            margin-top: 0;
            margin-bottom: 15px;
            line-height: 1.1;
        }

        .text-content p {
            font-size: 1.0em;
            line-height: 1.4;
            max-width: 90%; 
            margin: 0 auto;
        }
        /* --- END MAIN CONTENT BLOCK OPTIMIZATION --- */
		/* --- SERVICES SECTION OPTIMIZATION --- */
		.services-container {
			max-width: 1200px;
			margin: 40px auto;
			padding: 20px;
			box-sizing: border-box;
		}

		.services {
			background: var(--white-color);
			padding: 40px 20px;
			border-radius: 10px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
			border-left: 5px solid var(--secondary-color);
		}

		.services h2 {
			color: var(--primary-color);
			text-align: center;
			margin-bottom: 30px;
			font-size: 2.2em;
			text-transform: uppercase;
			border-bottom: 3px solid var(--light-background);
			padding-bottom: 15px;
		}

		.services-list {
			list-style: none;
			padding: 0;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 15px 30px;
		}

		.services-list li {
			background-color: var(--light-background);
			padding: 15px;
			border-radius: 5px;
			font-size: 1.1em;
			display: flex;
			align-items: center;
			transition: background-color 0.3s, transform 0.3s;
			box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
		}

		.services-list li:hover {
			background-color: #e0e0e0;
			transform: translateY(-2px);
		}

		.services-list li i {
			color: var(--secondary-color);
			margin-right: 15px;
			font-size: 1.5em;
			min-width: 20px;
		}
		/* --- END SERVICES SECTION OPTIMIZATION --- */
        /* --- FOOTER OPTIMIZATION --- */
        footer {
            background-color: #121212; /* Dark footer background */
            color: #ffffff;
            text-align: center;
            padding: 15px 0;
            margin-top: 20px;
        }

        footer h3 {
            margin: 0 0 5px 0;
            font-size: 1em;
        }

        footer p {
            margin: 3px 0;
            font-size: 0.8em;
            color: #cccccc;
        }

        /* --- INSECT CRAWLER EFFECT CSS --- */
        .insect {
            position: fixed; 
            z-index: 9999; 
            /* Size and movement speed are set in JavaScript */
            background-size: contain; 
            background-repeat: no-repeat;
        }
        /* --- END INSECT CRAWLER EFFECT CSS --- */

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .header-table, .logo-cell, .announcement-cell {
                display: block; /* Stack table cells */
                width: 100%;
                table-layout: auto;
            }
            .content-section img,
            .text-content {
                max-width: 100%;
                flex: 1 1 100%;
            }
            .content-section {
                padding: 5px;
            }
            .text-content {
                padding: 15px;
            }
            .announcement-cell h2 {
                font-size: 1.2em;
            }
            .text-content h2 {
                font-size: 1.8em;
            }
        }